small.html

<!DOCTYPE html>

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <meta property="og:title" content="Introducing Collusion - mozilla.org">
  <meta property="og:site_name" content="Mozilla">
  <meta property="og:image" content="http://mozcom-cdn.mozilla.net/img/firefox-100.jpg">
  <meta property="og:url" content="https://www.mozilla.org">
  <title>Social Share</title>

  <link rel="stylesheet/less" href="demo/demo.less" type="text/css">
  <link rel="stylesheet/less" href="src/style.less" type="text/css">
  <link rel="stylesheet/less" href="src/elements.less" type="text/css">

</head>
<body>
  <div id="content">
    <h1 class="large">
      This is a test post. Please ignore.
    </h1>
    <div class="socialshare" data-type="small-bubbles" data-label="Share This" data-fb-lang="en_US"></div>
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="src/socialshare.js"></script>
  <script src="lib/less.js"></script>
</body>
</html>