Skip to content

Instantly share code, notes, and snippets.

@vkechagias

vkechagias/social-media.html

Created September 8, 2017 13:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vkechagias/2a5d3f4a4aca5528530737fb0fad0697 to your computer and use it in GitHub Desktop.
Save vkechagias/2a5d3f4a4aca5528530737fb0fad0697 to your computer and use it in GitHub Desktop.
Download ZIP
Style+ social media block HTML markup
Raw
social-media.html
<div class="social-media">
<div class="row grid-gutter-0">
<div class="col-md-3 col-xs-6">
<div class="overlay-container">
<span class="overlay overlay--visible">
<a class="overlay-target-link" href="#"></a>
<span class="overlay-caption-container">
<a href="#" class="overlay-caption overlay-caption--black">OUR BLOG</a>
</span>
</span>
<img src="http://mttprojects.s3.amazonaws.com/demo.morethanthemes.com/fashionplus/placeholders/social-media-1.jpg" alt="">
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="overlay-container">
<span class="overlay overlay--visible">
<a class="overlay-target-link" href="#"></a>
<span class="overlay-caption-container">
<a href="#" class="overlay-caption overlay-caption--black">INSTAGRAM</a>
</span>
</span>
<img src="http://mttprojects.s3.amazonaws.com/demo.morethanthemes.com/fashionplus/placeholders/social-media-2.jpg" alt="">
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="overlay-container">
<span class="overlay overlay--visible">
<a class="overlay-target-link" href="#"></a>
<span class="overlay-caption-container">
<a href="#" class="overlay-caption overlay-caption--black">YOUTUBE</a>
</span>
</span>
<img src="http://mttprojects.s3.amazonaws.com/demo.morethanthemes.com/fashionplus/placeholders/social-media-3.jpg" alt="">
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="overlay-container">
<span class="overlay overlay--visible">
<a class="overlay-target-link" href="#"></a>
<span class="overlay-caption-container">
<a href="#" class="overlay-caption overlay-caption--black">FACEBOOK</a>
</span>
</span>
<img src="http://mttprojects.s3.amazonaws.com/demo.morethanthemes.com/fashionplus/placeholders/social-media-4.jpg" alt="">
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment