<div class="FSContainer">
<h1>Social Share Buttons + Counters + Small Example</h1>
<h1>Horizontal + Size Normal Example</h1>
<!--FSShareAction-->
<div class="FSShareAction FSHoriz">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
<h1>Horizontal + Size 24px Example</h1>
<!--FSShareAction-->
<div class="FSShareAction FSHoriz FSize24">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
<h1>Horizontal + Size 16px Example</h1>
<!--FSShareAction-->
<div class="FSShareAction FSHoriz FSize16">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
<div class="DownloadOptions">
<strong>
Sosyal Ağ Paylaş Buton Seti
<span><a target="_blank" href="http://info.freelyshout.com/SocialsShareButtons.html">incele</a></span>
<span>Zip Boyutu - 47 Kb.</span>
<span>Rar Boyutu - 45 Kb.</span>
</strong>
<div>
<a download="FreelySocials-Share-Buttons" href="http://0fs.me/2798795">ZIP</a>
<span class="separator">·</span>
<a download="FreelySocials-Share-Buttons" href="http://0fs.me/3740328">RAR</a>
</div>
</div>
<div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
</p>
<p>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</p>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
</div>
<h1>Social Share Buttons + Counters + Big Example</h1>
<!--FSShareAction-->
<div class="FSShareAction">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
<div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
</p>
<p>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</p>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
</div>
<h1>Social Share Buttons + Counters + Fixed Example</h1>
<figure class="FSShareAction FSFixed">
<!--FSShareAction-->
<div class="FSShareAction FSHoriz FSFix">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
</figure>
<div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
</p>
<p>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</p>
</div>
<h1>Social Share Buttons + Counters + Fixed Left Example</h1>
<figure class="FSShareAction FSFixedLeft">
<!--FSShareAction-->
<div class="FSShareAction FSHoriz FSFixLeft">
<ul>
<li>
<span class="FSShareBtn Freelyshout" data-count="0" data-social="fs">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm-8.11 29.99c-.896.626-1.56.17-1.56.17l-8.053-4.4-.034-.05 3.476-2.435 6.102 4.387s1.73 1.17.07 2.328zm4.855-8.048s-2.35-1.395-5.01-1.245c-4.896.275-6.13 1.64-6.13 1.64l-4.398 3.048s-2.702.76-4.274-1.486c-1.922-2.745-.103-4.764-.103-4.764l4.343-3.04s1.806-.605 3.73-4.844c1.162-2.56.686-5.33.686-5.33l.208-.147 3.996 5.707s.33-.408 1.44-.555c.922-.12 1.725.1 2.5 1.207.764 1.092.66 1.79.307 2.746-.306.82-1.025 1.202-1.025 1.202l4.022 5.656-.292.204zm-.514-6.774c-.523-.27-.746-.908-.746-.908s.362-.684-.992-2.617c-1.39-1.984-2.343-2.12-2.343-2.12s-.505-.303-.507-.958c-.002-.628.576-.403.576-.403s1.482.547 3.09 2.84c1.844 2.635 1.49 3.96 1.49 3.96s.035.518-.568.206zm2.896 1.76c-.466-.293-.85-.912-.85-.912s.132-2.18-2.207-5.517C20.373 7.12 18.41 6.563 18.41 6.563s-.555-.424-.684-1.105c-.114-.6.484-.457.484-.457s2.914 1.207 5.445 4.824c2.88 4.11 2.824 6.93 2.824 6.93s.006.606-.686.17zm3.487 1.267s-.222.39-.63.172c-.47-.25-.878-1.124-.878-1.124s-.407-3.744-3.308-7.857C21.31 4.908 18.047 3.42 18.047 3.42s-.43-.393-.582-1.18c-.112-.58.413-.56.413-.56s4.008 2.063 7.506 7.06c4.038 5.764 3.897 9.455 3.897 9.455z" /></svg>
<span>Share on <abbr>Freelyshout</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Facebook" data-count="0" data-social="fb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.333C2.39 0 0 2.387 0 5.333v21.333C0 29.61 2.388 32 5.333 32H16V18h-4v-4h4v-3c0-2.762 2.24-5 5-5h5v4h-5c-.552 0-1 .448-1 1v3h5.5l-1 4H20v14h6.668C29.612 32 32 29.61 32 26.666V5.333C32 2.387 29.612 0 26.668 0z" /></svg>
<span>Share on <abbr>Facebook</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Twitter" data-count="0" data-social="tw">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.333C29.6 32 32 29.602 32 26.666V5.334C32 2.4 29.6 0 26.667 0zm-2.715 11.92c.008.177.012.354.012.532 0 5.422-4.127 11.675-11.674 11.675-2.317 0-4.474-.68-6.29-1.844.32.038.647.058.98.058 1.922 0 3.69-.655 5.095-1.756-1.795-.033-3.31-1.22-3.833-2.85.25.048.508.074.772.074.374 0 .737-.05 1.08-.145-1.876-.377-3.29-2.035-3.29-4.023v-.05c.552.306 1.185.49 1.857.512-1.1-.736-1.825-1.992-1.825-3.416 0-.752.203-1.457.556-2.063 2.025 2.483 5.048 4.116 8.46 4.288-.07-.3-.107-.613-.107-.935 0-2.266 1.837-4.103 4.104-4.103 1.18 0 2.246.5 2.995 1.296.935-.184 1.813-.525 2.605-.996-.307.958-.957 1.762-1.804 2.27.83-.1 1.62-.32 2.356-.646-.55.824-1.246 1.547-2.048 2.125z" /></svg>
<span>Share on <abbr>Twitter</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Google" data-count="0" data-social="gp">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M.025 27.177c-.008-.08-.014-.158-.02-.238l.02.237zm7.347-9.516c2.875.086 4.804-2.896 4.308-6.662-.497-3.765-3.23-6.787-6.106-6.873C2.698 4.04.77 6.922 1.266 10.688c.496 3.765 3.23 6.887 6.106 6.973zM32 8V5.334C32 2.4 29.6 0 26.667 0H5.334C2.45 0 .084 2.32.004 5.185 1.828 3.58 4.358 2.238 6.97 2.238h11.163L15.635 4.35h-3.54c2.348.9 3.6 3.63 3.6 6.43 0 2.352-1.308 4.374-3.154 5.81-1.8 1.404-2.142 1.992-2.142 3.186 0 1.018 1.93 2.75 2.938 3.462 2.95 2.08 3.903 4.01 3.903 7.232 0 .514-.064 1.026-.19 1.53h9.617C29.6 32 32 29.602 32 26.666V10h-6v6h-2v-6h-6V8h6V2h2v6h6zM5.81 23.936c.674 0 1.293-.02 1.935-.02-.85-.822-1.52-1.83-1.52-3.073 0-.738.236-1.448.566-2.08-.336.025-.68.032-1.034.032-2.324 0-4.297-.752-5.756-1.995v8.405c1.67-.793 3.653-1.27 5.81-1.27zm-5.703 3.79c-.035-.17-.062-.343-.08-.52.018.177.045.35.08.52zm14.126 2.05c-.47-1.838-2.14-2.75-4.465-4.36-.846-.273-1.778-.435-2.778-.445-2.8-.03-5.41 1.093-6.882 2.763C.605 30.16 2.765 32 5.334 32h8.95c.058-.348.085-.707.085-1.076 0-.392-.048-.775-.137-1.148z" /></svg>
<span>Share on <abbr>Google</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Linkedin" data-count="0" data-social="ln">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.625 0H5.375C2.42 0 0 2.42 0 5.375v21.25C0 29.58 2.42 32 5.375 32h21.25C29.58 32 32 29.58 32 26.625V5.375C32 2.42 29.58 0 26.625 0zM12 26H8V12h4v14zm-2-16c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2zm16 16h-4v-8c0-1.104-.896-2-2-2s-2 .896-2 2v8h-4V12h4v2.483C18.825 13.35 20.086 12 21.5 12c2.485 0 4.5 2.24 4.5 5v9z" /></svg>
<span>Share on <abbr>Linkedin</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn VKontakte" data-count="0" data-social="vk">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.667 0H5.333C2.387 0 0 2.388 0 5.334v21.332C0 29.61 2.387 32 5.333 32h21.334C29.612 32 32 29.61 32 26.666V5.334C32 2.388 29.612 0 26.667 0zm1.722 22.607c-.168.325-.737.488-.93.504h-3.555c-.25 0-.765-.063-1.39-.495-.48-.335-.955-.888-1.418-1.426-.69-.802-1.287-1.495-1.888-1.495-.077 0-.153.013-.225.037-.457.146-1.037.795-1.037 2.528 0 .542-.426.852-.73.852H15.59c-.554 0-3.443-.194-6-2.894-3.14-3.307-5.96-9.94-5.985-10-.178-.427.19-.66.59-.66h3.59c.482 0 .637.292.748.553.125.298.594 1.496 1.362 2.844 1.25 2.192 2.02 3.084 2.633 3.084.114 0 .224-.03.327-.087.802-.442.652-3.3.617-3.89 0-.113 0-1.28-.41-1.84-.296-.404-.795-.56-1.098-.618.08-.116.252-.295.473-.402.55-.274 1.54-.313 2.524-.313h.55c1.067.014 1.345.083 1.73.182.78.186.797.692.727 2.416-.02.49-.04 1.047-.04 1.7 0 .14-.006.295-.006.455-.023.883-.053 1.88.57 2.29.08.05.172.077.27.077.216 0 .864 0 2.623-3.017.772-1.33 1.368-2.903 1.41-3.02.035-.064.14-.252.263-.326.1-.06.228-.07.295-.07h4.223c.463 0 .775.07.834.247.102.284-.02 1.146-1.948 3.752-.328.432-.61.81-.86 1.138-1.75 2.29-1.75 2.407.104 4.146 0 0 2.013 1.985 2.51 2.907.013.02.02.037.023.044.2.34.253.605.152.8z" /></svg>
<span>Share on <abbr>VKontakte</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Tumblr" data-count="0" data-social="tb">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668 0H5.334C2.4 0 0 2.4 0 5.334v21.332C0 29.602 2.4 32 5.334 32h21.334C29.602 32 32 29.602 32 26.666V5.334C32 2.4 29.602 0 26.668 0zm-3.802 25.77c-.942.444-1.798.757-2.563.937-.766.178-1.593.268-2.48.268-1.01 0-1.606-.127-2.382-.38-.774-.257-1.437-.622-1.983-1.09-.55-.474-.928-.976-1.14-1.507S12 22.695 12 21.686v-7.744H9v-3.127c.867-.28 1.873-.686 2.49-1.21.62-.528 1.116-1.16 1.49-1.897.375-.736.633-1.676.773-2.814h3.14V10H22v3.94h-5.105v5.663c0 1.28-.017 2.02.12 2.383.134.36.472.736.84.953.49.292 1.047.438 1.676.438 1.12 0 2.23-.363 3.337-1.09v3.483z" /></svg>
<span>Share on <abbr>Tumblr</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Pinterest" data-count="0" data-social="pt">
<svg width="32" height="32" viewBox="0 0 32 32"><path d="M26.668,0H5.334C2.4,0,0,2.4,0,5.334v21.332C0,29.602,2.4,32,5.334,32h21.334C29.602,32,32,29.602,32,26.666V5.334C32,2.4,29.602,0,26.668,0zM24.432,16.006c-0.313,1.01-0.79,1.928-1.469,2.736c-1.047,1.249-2.406,1.965-3.984,2.295c-0.809,0.166-1.615,0.166-2.404-0.056c-0.754-0.219-1.396-0.642-1.874-1.266c-0.018-0.037-0.038-0.056-0.074-0.073c0,0-0.02,0-0.056-0.02c-0.147,0.569-0.275,1.121-0.422,1.672c-0.184,0.697-0.312,1.395-0.532,2.074c-0.313,0.992-0.771,1.929-1.34,2.829c-0.276,0.421-0.551,0.825-0.9,1.193c-0.056,0.054-0.092,0.109-0.147,0.146c-0.166,0.129-0.294,0.092-0.349-0.109c-0.019-0.074-0.037-0.147-0.037-0.239c-0.11-1.249-0.146-2.515-0.037-3.764c0.074-0.973,0.331-1.909,0.551-2.864c0.422-1.745,0.826-3.488,1.249-5.234c0.037-0.128,0.019-0.239-0.019-0.349c-0.239-0.789-0.367-1.579-0.312-2.405c0.018-0.441,0.109-0.863,0.275-1.267c0.294-0.735,0.808-1.267,1.523-1.616c0.827-0.386,1.929,0.018,2.333,0.863c0.201,0.404,0.238,0.845,0.201,1.285c-0.072,0.753-0.257,1.469-0.496,2.186c-0.275,0.826-0.477,1.689-0.698,2.534c-0.054,0.202,0,0.385,0.036,0.587c0.203,0.918,0.864,1.523,1.782,1.653c0.863,0.128,1.598-0.166,2.24-0.699c0.532-0.439,0.917-0.99,1.23-1.615c0.422-0.808,0.66-1.671,0.826-2.57c0.129-0.752,0.219-1.505,0.201-2.259c-0.018-0.514-0.072-1.028-0.219-1.524c-0.332-1.212-1.104-2.112-2.204-2.68c-2.847-1.506-6.298-0.698-8.153,1.523c-1.102,1.304-1.597,2.828-1.469,4.536c0.074,0.844,0.349,1.615,0.955,2.24c0.165,0.184,0.22,0.386,0.147,0.625c-0.129,0.386-0.239,0.771-0.367,1.157c-0.11,0.331-0.312,0.44-0.643,0.313c-0.404-0.165-0.753-0.424-1.083-0.698c-0.845-0.771-1.341-1.726-1.543-2.828c-0.312-1.652-0.036-3.232,0.643-4.737c0.955-2.186,2.625-3.618,4.829-4.444c1.083-0.403,2.203-0.661,3.341-0.734c1.323-0.074,2.59,0.165,3.838,0.587c0.936,0.331,1.781,0.79,2.535,1.414c1.248,1.047,2.019,2.387,2.459,3.929c0.147,0.533,0.147,1.083,0.166,1.635C25.02,13.325,24.854,14.684,24.432,16.006z" /></svg>
<span>Share on <abbr>Pinterest</abbr></span>
</span>
</li>
<li>
<span class="FSShareBtn Whatsapp" data-count="0" data-social="ws">
<svg width="32px" height="32px" viewBox="0 0 32 32"><path d="M32,15.587c0,8.608-7.032,15.588-15.709,15.588c-2.754,0-5.342-0.704-7.594-1.938L0,32l2.835-8.363
c-1.431-2.35-2.254-5.104-2.254-8.049C0.581,6.979,7.615,0,16.291,0C24.968-0.001,32,6.979,32,15.587z M16.291,2.48
c-7.283,0-13.208,5.879-13.208,13.104c0,2.867,0.935,5.522,2.517,7.685l-1.65,4.866l5.074-1.612
c2.086,1.369,4.584,2.168,7.269,2.168c7.281,0,13.207-5.879,13.207-13.104C29.498,8.361,23.573,2.48,16.291,2.48z M24.225,19.177
c-0.099-0.157-0.354-0.255-0.737-0.444c-0.388-0.19-2.278-1.115-2.631-1.242c-0.354-0.127-0.61-0.191-0.867,0.189
c-0.258,0.383-0.994,1.242-1.222,1.497c-0.225,0.257-0.449,0.287-0.834,0.099c-0.385-0.191-1.625-0.598-3.097-1.896
c-1.146-1.013-1.917-2.263-2.142-2.646c-0.226-0.381-0.023-0.588,0.168-0.777c0.174-0.171,0.386-0.446,0.578-0.669
c0.192-0.224,0.258-0.382,0.386-0.638c0.129-0.256,0.063-0.479-0.032-0.67c-0.096-0.19-0.867-2.07-1.188-2.836
s-0.643-0.638-0.867-0.638c-0.224,0-0.48-0.032-0.737-0.032S10.329,8.57,9.977,8.952c-0.354,0.383-1.348,1.307-1.348,3.187
c0,1.881,1.379,3.697,1.572,3.951c0.19,0.254,2.662,4.239,6.576,5.77c3.916,1.527,3.916,1.02,4.623,0.955
c0.705-0.063,2.275-0.926,2.6-1.815C24.318,20.104,24.318,19.336,24.225,19.177z"/></svg>
<span>Share on <abbr>Whatsapp</abbr></span>
</span>
</li>
</ul>
</div>
<!--FSShareAction-->
</figure>
<div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
</p>
<p>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
</p>
</div>
</div>/* licensed by freelyshout *//* Last Modified:25.01.2018 */
body {
background-color: #eeeeee;
color: #333333;
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.5;
margin: 0;
}
@media (min-width: 1200px){.FSContainer {width: 1170px;}}
@media (min-width: 992px){.FSContainer {width: 970px;}}
@media (min-width: 768px){.FSContainer {width: 750px;}}
@media (max-width: 768px){.FSContainer {width: 80%;}}
.FSContainer {
display: block;
margin: 0 auto;
padding: 0 15px;
position: relative;
}
.FSContainer:after {
clear: both;
}
.FSContainer:after, .FSContainer:before {
display: table;
content: " ";
}
h1 {
font-size: 28px;
text-align: center;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
/* DownloadOptions */
.DownloadOptions{
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:15px auto;
text-align:center;
width:100%;
}
.DownloadOptions strong {
color: #333333;
display: block;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 18px;
line-height: 24px;
margin: 0 auto;
text-align: center;
width: 96%;
}
.DownloadOptions strong span {
display: block;
font-size: 11px;
line-height: 18px;
}
.DownloadOptions > div{
display:block;
margin:0 auto;
padding:0 38px;
padding:0 18%;
position:relative;
}
.DownloadOptions > div > span{
color:#AAAAAA;
/*color:#B21E08;*/
}
.DownloadOptions .DetailPermalink{
display:block;
font-size:20px;
height:100%;
margin:-9px auto 0;
padding:0;
right:19px;
top:50%;
width:18px;
}
.DownloadOptions > div > a {
font-size: 12px;
line-height: 24px;
}
.DownloadOptions > div > a:hover{
text-decoration:underline;
}
/* DownloadOptions */
/* licensed by freelyshout *//* Last Modified:26.03.2018*/
/*======================================================*/
/* SHARE BUTTONS COLOR STYLE CSS3 */
/*======================================================*/
/* FSShareAction Style */
.FSShareAction{display:block;margin:10px auto;padding:0 10px;position:relative}
.FSShareAction *,.FSShareAction *:before,.FSShareAction *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.FSShareAction ul::after,.FSShareAction li::after,.FSShareAction .FSShareBtn>i,.FSShareAction .FSShareBtn>img::after,.FSShareAction .FSShareBtn>svg::after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}
.FSShareAction ul{display:table;list-style:outside none none;margin:0 auto;padding:0;width:100%}
.FSShareAction li{display:block;list-style:outside none none;margin:auto auto 5px;position:relative;transition:all 0.18s ease-out 0s;-webkit-transition:all 0.18s ease-out 0s;-moz-transition:all 0.18s ease-out 0s;-khtml-transition:all 0.18s ease-out 0s;-ms-transition:all 0.18s ease-out 0s;-o-transition:all 0.18s ease-out 0s}
.FSShareAction li+li{}
.FSShareAction li:last-child{margin:0 auto}
.FSShareAction .FSShareBtn{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0076a3;border-color:#0076a3;border-radius:30px 30px 30px 30px;-webkit-border-radius:30px 30px 30px 30px;-moz-border-radius:30px 30px 30px 30px;-khtml-border-radius:30px 30px 30px 30px;-ms-border-radius:30px 30px 30px 30px;-o-border-radius:30px 30px 30px 30px;border-style:solid;border-width:1px;clear:both;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;height:auto;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;letter-spacing:0.03em;line-height:32px;margin:0 auto;max-width:280px;min-width:180px;outline:0 none;overflow:hidden;padding:5px 56px 5px 20px;position:relative;text-align:left;text-decoration:none!important;text-rendering:optimizelegibility;text-shadow:none!important;transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;-webkit-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;-moz-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;-khtml-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;-ms-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;-o-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s;vertical-align:middle;width:100%}
.FSShareAction .FSShareBtn::after{color:#fff;content:attr(data-count);font-size:13px;line-height:32px;min-width:38px;position:absolute;right:18px;text-align:center;text-overflow:ellipsis;top:calc(50% - 16px);white-space:nowrap}
.FSShareAction .FSShareBtn:active::after{top:calc(50% - 16px)}
.FSShareAction .FSShareBtn:first-child{border-bottom-left-radius:30px;border-top-left-radius:30px}
.FSShareAction .FSShareBtn:last-child{border-bottom-right-radius:30px;border-top-right-radius:30px}
.FSShareAction .FSShareBtn>i,.FSShareAction .FSShareBtn>img,.FSShareAction .FSShareBtn>svg{background-position:center center;background-repeat:no-repeat;background-size:cover;/*background-size:100% 100%;*//*background-size:100% auto;*/color:#fff;display:block;font-size:32px;height:32px;overflow:hidden;position:relative;transition:all 0.18s ease-out 0s;-webkit-transition:all 0.18s ease-out 0s;-moz-transition:all 0.18s ease-out 0s;-khtml-transition:all 0.18s ease-out 0s;-ms-transition:all 0.18s ease-out 0s;-o-transition:all 0.18s ease-out 0s;width:32px}
.FSShareAction .FSShareBtn>span{display:block;margin:0}
.FSShareAction .FSShareBtn i~span,.FSShareAction .FSShareBtn>img~span,.FSShareAction .FSShareBtn>svg~span{margin-left:5px}
.FSShareAction .FSShareBtn:hover/*,.FSShareAction .FSShareBtn:focus*/{background-color:#fff!important;border-color:#0076a3}
.FSShareAction .FSShareBtn:hover>span/*,.FSShareAction .FSShareBtn:focus>span*/{color:#0076a3}
.FSShareAction .FSShareBtn:hover::after{}
.FSShareAction .FSShareBtn:active{border-width:3px;padding:3px 56px 3px 18px}
.FSShareAction .FSShareBtn:active::after{right:16px;top:calc(50% - 16px)}
/* FSShareAction Style */
/* FSShareAction + FSHoriz Style */
.FSShareAction.FSHoriz{}
.FSShareAction.FSHoriz ul{width:auto}
.FSShareAction.FSHoriz li{float:left;margin:auto 5px 5px auto}
.FSShareAction.FSHoriz li+li{}
.FSShareAction.FSHoriz li:last-child{margin-right:auto}
.FSShareAction.FSHoriz .FSShareBtn{border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-khtml-border-radius:6px 6px 6px 6px;-ms-border-radius:6px 6px 6px 6px;-o-border-radius:6px 6px 6px 6px;max-width:70px;min-width:38px;padding:24px 6px 4px}
.FSShareAction.FSHoriz .FSShareBtn::after{left:0;line-height:24px;padding:0 3px;right:0;top:0;width:auto}
.FSShareAction.FSHoriz .FSShareBtn:active{border-width:3px;height:62px;padding:22px 4px 0}
.FSShareAction.FSHoriz .FSShareBtn:active::after{left:0;right:0;top:calc(50% - 30px)}
.FSShareAction.FSHoriz .FSShareBtn:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}
.FSShareAction.FSHoriz .FSShareBtn:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}
.FSShareAction.FSHoriz .FSShareBtn>i,.FSShareAction.FSHoriz .FSShareBtn>img,.FSShareAction.FSHoriz .FSShareBtn>svg{}
.FSShareAction.FSHoriz .FSShareBtn>span{display:none}
/* FSShareAction + FSHoriz Style */
/* FSShareAction + FSHoriz + FSFix + Style */
figure.FSShareAction{margin:0 auto;padding:0}
figure.FSShareAction.FSFixed{display:block;left:calc(50% - 23px - 375px - 38px);left:calc(calc(calc(50vh - 46px) * .450) - 27vh);margin-top:110px;overflow:hidden;position:absolute;top:0;width:46px}
figure.FSShareAction.FSFixed.FSFixTop{margin-top:60px;left:calc(calc(calc(50vh - 46px) * 0.85) - -99vh);position:fixed}
@media screen and (-webkit-min-device-pixel-ratio:0){figure.FSShareAction.FSFixed.FSFixTop{left:calc(calc(calc(50vh - 46px) * .445) - -95vh);}}
.FSShareAction.FSHoriz.FSFix{margin:0 auto;padding:0}
.FSShareAction.FSHoriz.FSFix ul{width:auto}
.FSShareAction.FSHoriz.FSFix li{float:left;margin:0 auto}
.FSShareAction.FSHoriz.FSFix li+li{margin:3px auto 0}
.FSShareAction.FSHoriz.FSFix .FSShareBtn{border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-khtml-border-radius:6px 6px 6px 6px;-ms-border-radius:6px 6px 6px 6px;-o-border-radius:6px 6px 6px 6px;max-width:70px;min-width:38px;padding:24px 8px 4px}
.FSShareAction.FSHoriz.FSFix .FSShareBtn::after{left:0;line-height:24px;padding:0 2px;right:0;top:0;width:auto}
.FSShareAction.FSHoriz.FSFix .FSShareBtn:active{border-width:2px;height:54px;padding:23px 7px 0}
.FSShareAction.FSHoriz.FSFix .FSShareBtn:active::after{left:0;right:0;top:calc(50% - 26px)}
.FSShareAction.FSHoriz.FSFix .FSShareBtn:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}
.FSShareAction.FSHoriz.FSFix .FSShareBtn:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}
.FSShareAction.FSHoriz.FSFix .FSShareBtn>i,.FSShareAction.FSHoriz.FSFix .FSShareBtn>img,.FSShareAction.FSHoriz.FSFix .FSShareBtn>svg{font-size:24px;height:24px;width:24px}
.FSShareAction.FSHoriz.FSFix .FSShareBtn>span{display:none}
/* FSShareAction + FSHoriz + FSFix + Style */
/* FSShareAction + FSHoriz + FSFixLeft + Style */
figure.FSShareAction{margin:0 auto;padding:0}
figure.FSShareAction.FSFixedLeft{display:block;left:0;margin:0;overflow:visible;position:fixed;top:calc(calc(calc(100vh - 40px) * .5) - 20vh);width:40px}
.FSShareAction.FSHoriz.FSFixLeft{margin:0 auto;padding:0}
.FSShareAction.FSHoriz.FSFixLeft ul{width:auto}
.FSShareAction.FSHoriz.FSFixLeft li{float:left;margin:0 auto}
.FSShareAction.FSHoriz.FSFixLeft li:hover{z-index:1}
.FSShareAction.FSHoriz.FSFixLeft li+li{margin:-1px auto 0}
.FSShareAction.FSHoriz.FSFixLeft li:last-child{margin-top:auto}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn{border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;-khtml-border-radius:0 0 0 0;-ms-border-radius:0 0 0 0;-o-border-radius:0 0 0 0;border-width:1px;box-shadow:0 0 6px 0 rgba(62,62,62,0.3);-webkit-box-shadow:0 0 6px 0 rgba(62,62,62,0.3);-moz-box-shadow:0 0 6px 0 rgba(62,62,62,0.3);-khtml-box-shadow:0 0 6px 0 rgba(62,62,62,0.3);-ms-box-shadow:0 0 6px 0 rgba(62,62,62,0.3);-o-box-shadow:0 0 6px 0 rgba(62,62,62,0.3);letter-spacing:0;max-width:80px;min-width:40px;padding:8px 8px 8px 4px;transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s;-webkit-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s;-moz-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s;-khtml-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s;-ms-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s;-o-transition:background-color 0.18s ease-out 0s,border-color 0.18s ease-out 0s,color 0.18s ease-out 0s,padding 0.18s ease-out 0s}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:hover{border-width:1px 1px 1px 0;padding:8px 44px 8px 5px}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn::after{display:block;left:40px;line-height:24px;min-width:50px;overflow:hidden;padding:0 3px;right:0;text-align:left;top:calc(50% - 12px)}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:hover::after{left:32px}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:active{border-width:1px 1px 1px 0;height:42px;padding:8px 44px 8px 5px}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:active::after{left:32px;right:0;top:calc(50% - 12px)}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn>i,.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn>img,.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn>svg{font-size:24px;height:24px;width:24px}
.FSShareAction.FSHoriz.FSFixLeft .FSShareBtn>span{display:none}
/* FSShareAction + FSHoriz + FSFixLeft + Style */
/* FSShareAction + FSize Style */
/* FSize24 Style */
.FSShareAction.FSize24{}
.FSShareAction.FSize24 ul{}
.FSShareAction.FSize24 li{margin:auto 3px 3px auto}
.FSShareAction.FSize24 li+li{}
.FSShareAction.FSize24 li:last-child{margin-right:auto}
.FSShareAction.FSize24 .FSShareBtn{padding-top:24px}
.FSShareAction.FSize24 .FSShareBtn::after{font-size:12px;line-height:24px}
.FSShareAction.FSize24 .FSShareBtn:active{border-width:2px;height:54px;padding-left:5px;padding-right:5px;padding-top:23px}
.FSShareAction.FSize24 .FSShareBtn:active::after{left:-1px;top:calc(50% - 26px)}
.FSShareAction.FSize24 .FSShareBtn:first-child{}
.FSShareAction.FSize24 .FSShareBtn:last-child{}
.FSShareAction.FSize24 .FSShareBtn>i,.FSShareAction.FSize24 .FSShareBtn>img,.FSShareAction.FSize24 .FSShareBtn>svg{font-size:24px;height:24px;width:24px}
.FSShareAction.FSize24 .FSShareBtn>span{display:none}
/* FSize24 Style */
/* FSize16 Style */
.FSShareAction.FSize16{}
.FSShareAction.FSize16 ul{}
.FSShareAction.FSize16 li{margin:auto 2px 2px auto}
.FSShareAction.FSize16 li+li{}
.FSShareAction.FSize24 li:last-child{margin-right:auto}
.FSShareAction.FSize16 .FSShareBtn{border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-khtml-border-radius:4px 4px 4px 4px;-ms-border-radius:4px 4px 4px 4px;-o-border-radius:4px 4px 4px 4px;min-width:42px;padding-left:12px;padding-right:12px;padding-top:20px}
.FSShareAction.FSize16 .FSShareBtn::after{font-size:10px;line-height:16px}
.FSShareAction.FSize16 .FSShareBtn:active{border-width:2px;height:42px;padding-left:11px;padding-right:11px;padding-top:19px}
.FSShareAction.FSize16 .FSShareBtn:active::after{top:calc(50% - 20px)}
.FSShareAction.FSize16 .FSShareBtn:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}
.FSShareAction.FSize16 .FSShareBtn:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}
.FSShareAction.FSize16 .FSShareBtn>i,.FSShareAction.FSize16 .FSShareBtn>img,.FSShareAction.FSize16 .FSShareBtn>svg{font-size:16px;height:16px;width:16px}
.FSShareAction.FSize16 .FSShareBtn>span{display:none}
/* FSize16 Style */
/* FSShareAction + FSize Style */
/* FSShareBtn Colors */
.FSShareAction .FSShareBtn.Freelyshout{background-color:#0076a3;border-color:#0076a3}
.FSShareAction .FSShareBtn.Facebook{background-color:#3b5998;border-color:#3b5998}
.FSShareAction .FSShareBtn.Twitter{background-color:#55acee;border-color:#55acee}
.FSShareAction .FSShareBtn.Google{background-color:#dd4b39;border-color:#dd4b39}
.FSShareAction .FSShareBtn.Linkedin{background-color:#007bb6;border-color:#007bb6}
.FSShareAction .FSShareBtn.Foursquare{background-color:#0072b1;border-color:#0072b1}
.FSShareAction .FSShareBtn.VKontakte{background-color:#2b587a;border-color:#2b587a}
.FSShareAction .FSShareBtn.Tumblr{background-color:#2c4762;border-color:#2c4762}
.FSShareAction .FSShareBtn.Pinterest{background-color:#cb2027;border-color:#cb2027}
.FSShareAction .FSShareBtn.Whatsapp{background-color:#2ab200;border-color:#2ab200}
.FSShareAction .FSShareBtn.Wordpress{background-color:#18578c;border-color:#0076a3}
.FSShareAction .FSShareBtn.Microsoft{background-color:#00aff0;background-color:#0078ca;border-color:#0078ca}
.FSShareAction .FSShareBtn.Yahoo{background-color:#4d00ae;border-color:#4d00ae}
/* FSShareBtn Colors */
/* FSShareBtn Icon Colors */
.FSShareAction .FSShareBtn.Freelyshout i,.FSShareAction .FSShareBtn.Freelyshout>img,.FSShareAction .FSShareBtn.Freelyshout>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Freelyshout:hover i,.FSShareAction .FSShareBtn.Freelyshout:hover>img,.FSShareAction .FSShareBtn.Freelyshout:hover>svg{color:#0076a3;fill:#0076a3}
.FSShareAction .FSShareBtn.Facebook i,.FSShareAction .FSShareBtn.Facebook>img,.FSShareAction .FSShareBtn.Facebook>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Facebook:hover i,.FSShareAction .FSShareBtn.Facebook:hover>img,.FSShareAction .FSShareBtn.Facebook:hover>svg{color:#3b5998;fill:#3b5998}
.FSShareAction .FSShareBtn.Twitter i,.FSShareAction .FSShareBtn.Twitter>img,.FSShareAction .FSShareBtn.Twitter>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Twitter:hover i,.FSShareAction .FSShareBtn.Twitter:hover>img,.FSShareAction .FSShareBtn.Twitter:hover>svg{color:#55acee;fill:#55acee}
.FSShareAction .FSShareBtn.Google i,.FSShareAction .FSShareBtn.Google>img,.FSShareAction .FSShareBtn.Google>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Google:hover i,.FSShareAction .FSShareBtn.Google:hover>img,.FSShareAction .FSShareBtn.Google:hover>svg{color:#dd4b39;fill:#dd4b39}
.FSShareAction .FSShareBtn.Linkedin i,.FSShareAction .FSShareBtn.Linkedin>img,.FSShareAction .FSShareBtn.Linkedin>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Linkedin:hover i,.FSShareAction .FSShareBtn.Linkedin:hover>img,.FSShareAction .FSShareBtn.Linkedin:hover>svg{color:#007bb6;fill:#007bb6}
.FSShareAction .FSShareBtn.Foursquare i,.FSShareAction .FSShareBtn.Foursquare>img,.FSShareAction .FSShareBtn.Foursquare>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Foursquare:hover i,.FSShareAction .FSShareBtn.Foursquare:hover>img,.FSShareAction .FSShareBtn.Foursquare:hover>svg{color:#0072b1;fill:#0072b1}
.FSShareAction .FSShareBtn.VKontakte i,.FSShareAction .FSShareBtn.VKontakte>img,.FSShareAction .FSShareBtn.VKontakte>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.VKontakte:hover i,.FSShareAction .FSShareBtn.VKontakte:hover>img,.FSShareAction .FSShareBtn.VKontakte:hover>svg{color:#2b587a;fill:#2b587a}
.FSShareAction .FSShareBtn.Tumblr i,.FSShareAction .FSShareBtn.Tumblr>img,.FSShareAction .FSShareBtn.Tumblr>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Tumblr:hover i,.FSShareAction .FSShareBtn.Tumblr:hover>img,.FSShareAction .FSShareBtn.Tumblr:hover>svg{color:#2c4762;fill:#2c4762}
.FSShareAction .FSShareBtn.Pinterest i,.FSShareAction .FSShareBtn.Pinterest>img,.FSShareAction .FSShareBtn.Pinterest>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Pinterest:hover i,.FSShareAction .FSShareBtn.Pinterest:hover>img,.FSShareAction .FSShareBtn.Pinterest:hover>svg{color:#cb2027;fill:#cb2027}
.FSShareAction .FSShareBtn.Whatsapp i,.FSShareAction .FSShareBtn.Whatsapp>img,.FSShareAction .FSShareBtn.Whatsapp>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Whatsapp:hover i,.FSShareAction .FSShareBtn.Whatsapp:hover>img,.FSShareAction .FSShareBtn.Whatsapp:hover>svg{color:#2ab200;fill:#2ab200}
.FSShareAction .FSShareBtn.Wordpress i,.FSShareAction .FSShareBtn.Wordpress>img,.FSShareAction .FSShareBtn.Wordpress>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Wordpress:hover i,.FSShareAction .FSShareBtn.Wordpress:hover>img,.FSShareAction .FSShareBtn.Wordpress:hover>svg{color:#18578c;fill:#18578c}
.FSShareAction .FSShareBtn.Microsoft i,.FSShareAction .FSShareBtn.Microsoft>img,.FSShareAction .FSShareBtn.Microsoft>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Microsoft:hover i,.FSShareAction .FSShareBtn.Microsoft:hover>img,.FSShareAction .FSShareBtn.Microsoft:hover>svg{color:#0078ca;fill:#0078ca}
.FSShareAction .FSShareBtn.Yahoo i,.FSShareAction .FSShareBtn.Yahoo>img,.FSShareAction .FSShareBtn.Yahoo>svg{color:#ffffff;fill:#ffffff}
.FSShareAction .FSShareBtn.Yahoo:hover i,.FSShareAction .FSShareBtn.Yahoo:hover>img,.FSShareAction .FSShareBtn.Yahoo:hover>svg{color:#4d00ae;fill:#4d00ae}
/* FSShareBtn Icon Colors */
/* FSShareBtn Span Colors */
.FSShareAction .FSShareBtn.Freelyshout:hover>span,.FSShareAction .FSShareBtn.Freelyshout:hover:after{color:#0076a3}
.FSShareAction .FSShareBtn.Facebook:hover>span,.FSShareAction .FSShareBtn.Facebook:hover:after{color:#3b5998}
.FSShareAction .FSShareBtn.Twitter:hover>span,.FSShareAction .FSShareBtn.Twitter:hover:after{color:#55acee}
.FSShareAction .FSShareBtn.Google:hover>span,.FSShareAction .FSShareBtn.Google:hover:after{color:#dd4b39}
.FSShareAction .FSShareBtn.Linkedin:hover>span,.FSShareAction .FSShareBtn.Linkedin:hover:after{color:#007bb6}
.FSShareAction .FSShareBtn.Foursquare:hover>span,.FSShareAction .FSShareBtn.Foursquare:hover:after{color:#0072b1}
.FSShareAction .FSShareBtn.VKontakte:hover>span,.FSShareAction .FSShareBtn.VKontakte:hover:after{color:#2b587a}
.FSShareAction .FSShareBtn.Tumblr:hover>span,.FSShareAction .FSShareBtn.Tumblr:hover:after{color:#2c4762}
.FSShareAction .FSShareBtn.Pinterest:hover>span,.FSShareAction .FSShareBtn.Pinterest:hover:after{color:#cb2027}
.FSShareAction .FSShareBtn.Whatsapp:hover>span,.FSShareAction .FSShareBtn.Whatsapp:hover:after{color:#2ab200}
.FSShareAction .FSShareBtn.Wordpress:hover>span,.FSShareAction .FSShareBtn.Wordpress:hover:after{color:#18578c}
.FSShareAction .FSShareBtn.Microsoft:hover>span,.FSShareAction .FSShareBtn.Microsoft:hover:after{color:#0078ca}
.FSShareAction .FSShareBtn.Yahoo:hover>span,.FSShareAction .FSShareBtn.Yahoo:hover:after{color:#4d00ae}
/* FSShareBtn Span Colors */
/* FSShareBtn Settings */
.FSShareAction .FSShareBtn.Freelyshout{}
.FSShareAction .FSShareBtn.Facebook{}
.FSShareAction .FSShareBtn.Twitter{}
.FSShareAction .FSShareBtn.Google{}
.FSShareAction .FSShareBtn.Linkedin{}
.FSShareAction .FSShareBtn.Foursquare{}
.FSShareAction .FSShareBtn.VKontakte{}
.FSShareAction .FSShareBtn.Tumblr{}
.FSShareAction .FSShareBtn.Pinterest{}
.FSShareAction .FSShareBtn.Whatsapp{display:none}
.FSShareAction .FSShareBtn.Wordpress{}
.FSShareAction .FSShareBtn.Microsoft{}
.FSShareAction .FSShareBtn.Yahoo{}
/* ----------- (max-width:767px) ----------- */
@media only screen and (max-width:767px){.FSShareAction .FSShareBtn.Freelyshout{}
.FSShareAction .FSShareBtn.Facebook{}
.FSShareAction .FSShareBtn.Twitter{}
.FSShareAction .FSShareBtn.Google{}
.FSShareAction .FSShareBtn.Linkedin{}
.FSShareAction .FSShareBtn.Foursquare{}
.FSShareAction .FSShareBtn.VKontakte{}
.FSShareAction .FSShareBtn.Tumblr{}
.FSShareAction .FSShareBtn.Pinterest{}
.FSShareAction .FSShareBtn.Whatsapp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.FSShareAction .FSShareBtn.Wordpress{}
.FSShareAction .FSShareBtn.Microsoft{}
.FSShareAction .FSShareBtn.Yahoo{}
figure.FSShareAction.FSFixed,figure.FSShareAction.FSFixed.FSFixTop{display:none}
}
/* ----------- (max-width:767px) ----------- */
/* FSShareBtn Settings */
/*======================================================*/
/* SHARE BUTTONS COLOR STYLE CSS3 */
/*======================================================*/
/* licensed by freelyshout *//* Last Modified:26.03.2018*///var shareTitle = document.title; // test 1
//var shareUrl = location.href; // test 1
//Başlık ve Link kısmını manuel olarak belirtmek için
//var shareTitle = 'Freelyshout - Never change this title! -'; // test 2
//var shareUrl = 'https://freelyshout.com'; // test 2
var shareTitle = 'Codepen -'; // test 3
var shareUrl = 'https://codepen.io'; // test 3
var SocialShares = {
fs: {
url: "https://freelyshout.com/api/?shareCount&url=",
callback: function (data) {
console.log("fs", data);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "https://freelyshout.com/#writeshout/"+encodeURIComponent(shareTitle+" ")
},
fb: {
url: "https://graph.facebook.com/?id=",
callback: function (data) {
console.log("fb", data);
if (data && data.share) {
this.count = data.share.share_count;
} else {
this.count = 0;
}
},
share: "https://www.facebook.com/sharer/sharer.php?u="
},
tw: {
url: "https://freelyshout.com/api/?shareCount&platform=twitter&url=",
callback: function (data) {
console.log("tw", data);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "https://twitter.com/intent/tweet?text="+encodeURIComponent(shareTitle)+"&url="
},
gp: { // code is not working
url: "https://plus.google.com/share?url=",
callback: function (data) {
console.log("gp", data);
},
share: "https://plus.google.com/share?url="
},
ln: {
url: "https://www.linkedin.com/countserv/count/share?format=jsonp&url=",
callback: function (data) {
console.log("ln", data.count);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "https://www.linkedin.com/shareArticle?title="+encodeURIComponent(shareTitle)+"&url="
},
vk: {
url: "https://vk.com/share.php?act=count&url=",
callback: function (data) {
console.log("vk", data);
},
share: "https://vk.com/share.php?url="
},
tb: {
url: "https://freelyshout.com/api/?shareCount&platform=tumblr&url=",
callback: function (data) {
console.log("tb", data);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "http://tumblr.com/widgets/share/tool?title="+encodeURIComponent(shareTitle)+"&canonicalUrl="
},
pt: {
url: "https://api.pinterest.com/v1/urls/count.json?url=",
callback: function (data) {
console.log("pt", data);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "https://www.pinterest.com/pin/create/bookmarklet/?description="+encodeURIComponent(shareTitle)+"&url="
},
ws: {
url: "whatsapp://send?text=",
callback: function (data) {
console.log("ws", data);
if (data && data.count) {
this.count = data.count;
} else {
this.count = 0;
}
},
share: "whatsapp://send?text="+encodeURIComponent(shareTitle)+"&url="
},
};
var VK = VK || {};
VK.Share = VK.Share || {};
VK.Share.count = function (index, count) {
console.log("vk", count);
SocialShares.vk.count = count;
}
$(function () {
$('[data-social]').each(function () {
var $this = $(this),
social = $this.data('social'),
oSocial;
if (SocialShares.hasOwnProperty(social)) {
oSocial = SocialShares[social];
if (oSocial.url) {
$.getScript(
oSocial.url + shareUrl + "&callback=SocialShares." + social + ".callback",
function(data, textStatus, jqxhr) {
$this.attr("data-count", oSocial.count);
}
);
}
if (oSocial.share) {
$this.on("click", function () {
window.open(
oSocial.share + encodeURIComponent(shareUrl),
'',
'menubar=no,toolbar=no,resizable=yes' +
',scrollbars=yes' +
',height=600,width=600'
);
});
}
}
});
});
$(window).scroll(function () {
if ($(window).scrollTop() > 50) {
$( ".FSShareAction.FSFixed" ).addClass( "FSFixTop" );
} else {
$( ".FSShareAction.FSFixed" ).removeClass( "FSFixTop" );
}
});
External CSS
This Pen doesn't use any external CSS resources.