Social QR Code
<!-- 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 & 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment