-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (40 loc) · 2.39 KB
/
index.html
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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Social Sharing Buttons with Boostrap, FontAwesome & LESS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="social-sharing-buttons.css">
<style type="text/css">
/* DEMO ONLY */
body {
max-width: 60em;
margin: 10% auto;
text-align: center;
}
.share-buttons {
margin: 5% auto;
}
</style>
</head>
<body>
<h2>Social Sharing Buttons <small>with <a href="http://getbootstrap.com/">Boostrap</a>, <a href="http://fontawesome.io/">FontAwesome</a> & <a href="http://lesscss.org/">LESS</a></small></h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<div class="share-buttons">
<!-- Twitter -->
<a href="http://twitter.com/home?status=http://example.com/" title="Share on Twitter" target="_blank" class="btn btn-twitter"><i class="icon-twitter-1"></i> Twitter</a>
<!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=http://example.com/" title="Share on Facebook" target="_blank" class="btn btn-facebook"><i class="icon-facebook-1"></i> Facebook</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=http://example.com/" title="Share on Google+" target="_blank" class="btn btn-googleplus"><i class="icon-gplus"></i> Google+</a>
<!-- StumbleUpon -->
<a href="http://www.stumbleupon.com/submit?url=http://example.com/" title="Share on StumbleUpon" target="_blank" data-placement="top" class="btn btn-stumbleupon"><i class="icon-stumbleupon"></i> Stumbleupon</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=http://example.com/" title="Share on LinkedIn" target="_blank" class="icon-linkedin"><i class="fa fa-linkedin"></i> LinkedIn</a>
</div>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<a class="btn btn-default" href="https://themeavenue.net/social-sharing-buttons-with-bootstrap-font-awesome-less" title="Back to ThemeAvenue">← Back to tutorial</a>
</body>
</html>