jquery-share/example.html at master · ewebdev/jquery-share · GitHub

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery.share Demo</title>

  <link href="css/jquery.share.css" rel="stylesheet"/>
</head>
<body>

<div style="padding: 40px;">

  <div class="share-box" id="shareBox"></div>


  <h1>Basic Example</h1>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus blandit dolor ut mi tempus semper. Nunc lobortis ultricies elit id sollicitudin. Sed suscipit orci arcu, a feugiat arcu adipiscing aliquet. Duis hendrerit felis ut tincidunt lobortis. Donec dignissim felis turpis, et varius turpis blandit sed. Mauris et nulla vitae libero vehicula posuere vitae in ante. Curabitur quis auctor erat. Donec erat elit, fermentum a iaculis non, consequat in nunc. Aliquam id risus tincidunt, ultrices tortor ut, congue nisi.
  </p>
  <p>
    Aliquam venenatis augue vitae metus laoreet feugiat. Praesent viverra tortor tincidunt malesuada consectetur. Nullam a arcu massa. Etiam nulla ipsum, feugiat a tempus mollis, euismod quis erat. Cras hendrerit nisi id tellus malesuada, eu tincidunt est gravida. Aliquam eget fringilla metus, non tempor justo. Nullam id diam in velit euismod lobortis. Duis quis purus nec lorem vestibulum mollis. Phasellus libero ante, bibendum sed aliquet nec, sodales eu turpis. Aenean venenatis massa varius tortor sollicitudin ullamcorper.
  </p>
  <p>
    Quisque faucibus cursus lectus ut dictum. Aliquam ultricies consectetur dui, quis tristique tortor cursus in. Sed est dolor, faucibus a facilisis in, pharetra sit amet neque. Proin eu bibendum eros. Nam vitae faucibus purus. Donec turpis nunc, interdum ac augue at, elementum tristique risus. Vivamus dignissim feugiat sapien id porttitor. Aliquam rutrum nibh lectus, sed rutrum nibh egestas id. Vestibulum vulputate massa imperdiet ipsum placerat, nec tincidunt est convallis. Nunc egestas massa ut neque tincidunt dictum. In tristique interdum aliquet. Praesent vel lorem eu lorem egestas lacinia vel quis odio. Mauris hendrerit condimentum nisi vel pretium. Sed id commodo risus. Nulla quis purus a augue malesuada scelerisque sit amet vitae lacus.
  </p>
  <p>
    Aliquam ac ultrices dui, sed tempor tortor. Proin hendrerit augue quis massa porta gravida. Fusce non condimentum nisi. Sed iaculis porta turpis at adipiscing. Cras mollis nulla non accumsan mollis. Mauris non pharetra lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris id condimentum sapien. Aliquam vitae commodo dolor. Donec varius placerat libero, quis eleifend odio hendrerit id. Suspendisse hendrerit leo non odio facilisis dictum.
  </p>
  <p>
    Quisque eu gravida quam, in lacinia velit. Cras orci sapien, eleifend a felis sed, bibendum convallis felis. Donec malesuada pretium libero, vel iaculis diam elementum posuere. Cras a cursus tortor. Praesent laoreet mi ut nisi dictum, vel imperdiet nisl faucibus. Duis vitae facilisis eros. Integer vehicula nisi nec odio euismod, nec eleifend arcu aliquam. Praesent facilisis ipsum erat, id faucibus magna facilisis quis. Fusce magna quam, tincidunt vel auctor nec, hendrerit in sapien.
  </p>

</div>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.share.js"></script>

<script>
  $('#shareBox').share();
</script>

</body>
</html>