Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Social QR Code
<!-- This template was designed by Amit Agarwal of Digital Inspiration ( -->
<!-- The design and template is licensed under a Creative Commons Attribution 3.0 License -->
<!-- Please see for instructions on how to modify the file -->
<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='' rel='stylesheet' type='text/css'>
<link href='' rel='stylesheet' type='text/css'>
body {
margin:0; padding:0;
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;
<div class="qrcodes">
<a href="">
Please follow us on Twitter &amp; Facebook for news updates, goodies and exclusive offers.
<div class="social">
<div class="fb-like" data-send="false"
data-layout="button_count" data-width="300" data-show-faces="false"
<a href=""
class="twitter-follow-button" data-show-count="false"
data-show-screen-name="false" data-dnt="true">
<a href="tel:123456">Call Us</a> |
<a href="">Send an Email</a> |
<a href="">Google Maps</a>
<div id="fb-root"></div>
var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) {
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); = id;
js.src = "//";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXX']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment