<div class=“share-page”>
<!-- {{ site.text.share_buttons.text }} --> <div class="share-links"> {% if site.share_facebook %} <div class="circle-share share-facebook"> <a class="fa fa-facebook fa-3x" href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.facebook }}"></a> </div> {% endif %} {% if site.share_twitter %} <div class=" circle-share share-twitter"> <a class="fa fa-twitter fa-3x" href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.twitter }}"></a> </div> {% endif %} {% if site.share_googleplus %} <div class=" circle-share share-google"> <a class="fa fa-google-plus fa-3x" href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.googleplus }}"></a> </div> {% endif %} {% if site.share_linkedin %} <div class=" circle-share"> <a class="fa fa-linkedin fa-3x" href="http://www.linkedin.com/shareArticle?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.linkedin }}"></a> </div> {% endif %} {% if site.share_digg %} <div class=" circle-share"> <a class="fa fa-digg fa-3x" href="http://digg.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.digg }}"></a> </div> {% endif %} {% if site.share_tumblr %} <div class=" circle-share"> <a class="fa fa-tumblr fa-3x" href="http://www.tumblr.com/share/link?url={{ site.url }}{{ page.url }}&name={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.tumblr }}"></a> </div> {% endif %} {% if site.share_reddit %} <div class=" circle-share share-reddit"> <a class="fa fa-reddit fa-3x" href="http://reddit.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.reddit }}"></a> </div> {% endif %} {% if site.share_stumbleupon %} <div class=" circle-share"> <a class="fa fa-stumbleupon fa-3x" href="http://www.stumbleupon.com/submit?url={{ site.url }}{{ page.url }}&title={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.stumbleupon }}"></a> </div> {% endif %} {% if site.share_hackernews %} <div class=" circle-share"> <a class="fa fa-hacker-news fa-3x" onclick="parent.postMessage('submit','*')" href="https://news.ycombinator.com/submitlink?u={{ site.url }}{{ page.url }}&t={{ page.title }}" rel="nofollow" target="_blank" title="{{ site.text.share_buttons.hackernews }}"></a> </div> {% endif %} </div>
</div>
<style> @media screen and (min-width: 770px) { .clients .circle-share {
margin-bottom: 50px;
} }
.share-page {
margin-top: 8%; margin-bottom: 1%;
}
.share-links {
margin: 0 auto; position: relative; text-align: center;
}
.circle-share {
width: 100px; height: 100px; background: #000; border-radius: 50px; margin: 0 auto; display: block;
}
.circle-share {
cursor: pointer;
}
.circle-share {
display: inline-block; margin-right: 2%; margin-left: 2%;
}
.circle-share a {
width: 53%; display: block; margin: 0 auto; padding-top: 21px; text-decoration: none; text-shadow: none; color: white;
}
.share-facebook a { width: 39%; } .share-reddit a { width: 60%; } .share-google a { width: 73%; } </style>