labnol / qr.html

Created October 03, 2012


    
    View qr.html 
  
  
      qr.html
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
            20
            21
            22
            23
            24
            25
            26
            27
            28
            29
            30
            31
            32
            33
            34
            35
            36
            37
            38
            39
            40
            41
            42
            43
            44
            45
            46
            47
            48
            49
            50
            51
            52
            53
            54
            55
            56
            57
            58
            59
            60
            61
            62
            63
            64
            65
            66
            67
            68
            69
            70
            71
            72
            73
            74
            75
            76
            77
            78
            79
            80
            81
            82
            83
            84
            85
            86
            87
            88
            89
            90
            91
            92
            93
            94
            95
            96
            97
            98
            99
            100
            101
            102
            103
            104
            105
            106
            107
            108
            109
            110
            111
            112
            113
            114
            115
            116
            117
            118
            119
            120
            121
            122
            123
            124
            125
            126
            127
            128
            129
            130
            131
            132
            133
            134
            135
            136
            137
            138
            139
            140
            141
            142
            143
            144
            145
            146
            147
          
          
            <!-- This template was designed by Amit Agarwal of Digital Inspiration (www.labnol.org)   -->
<!-- The design and template is licensed under a Creative Commons Attribution 3.0 License -->
 
<!-- Please see http://www.labnol.org/?p=25841 for instructions on how to modify the file -->
 
<html>
  <head>
    <title>QR Code</title>
 
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="cleartype" content="on">
 
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Forum' rel='stylesheet' type='text/css'>
 
 
    <style>

      body {
        width:100%;
        margin:0; padding:0;
        background-color:#222;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
      }

      .qrcodes {
        width: 280px;
        margin: 3em auto 0;
        padding: 1em;
      }

      h1 {
        font-size: 3.5em;
        font-family: 'Forum', cursive;
        font-weight: normal;
        margin: 0;
        padding: 0;
      }

      h1 a {
        text-decoration: none;
        color: #fafafa;
      }

      p {
        font-size: .75em;
        color: #ccc;
        margin: 2em 0;
      }

      small {
        margin-top: 2em;
        display: block;
      }

      small a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: .75em;
        color: #999;
      }

      .social {
        margin-top: 1.5em;
      }

      .fb-like {
        padding: 0 20px 0 0;
      }


    </style>
  </head>
 
  <body>
 
    <div class="qrcodes">
 
      <h1>
        <a href="http://www.example.com/">
          BRAND_NAME
        </a>
      </h1>
 
      <p>
        Please follow us on Twitter &amp; Facebook for news updates, goodies and exclusive offers.
      </p>
 
      <div class="social">
 
        <div class="fb-like" data-send="false"
           data-layout="button_count" data-width="300" data-show-faces="false"
           style="vertical-align:top;zoom:1;*display:inline"
           data-href="http://www.facebook.com/example">
        </div>
 
        <a href="http://twitter.com/example"
           class="twitter-follow-button" data-show-count="false"
           data-show-screen-name="false" data-dnt="true">
        </a>
 
      </div>
 
      <small>
        <a href="tel:123456">Call Us</a> |
        <a href="mailto:email@example.com">Send an Email</a> |
        <a href="https://maps.google.co.in/">Google Maps</a>
      </small>
 
    </div>
 
    <div id="fb-root"></div>
 
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) {
          js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";
          fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
    </script>
 
    <script>
      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    
    <script type="text/javascript">      
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-XXX']);
      _gaq.push(['_trackPageview']);
      
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
 
  </body>
</html>