Image Box

• Posted: December 11, 2015
• / By: Magda
• / In:

HTML markup

CSS

<a href="#" class="ct-image-box"> <div class="ct-image-box__media"> <div class="inner"><img src="assets/images/demo-content/image-01.jpg" alt="Indoor Parties"/></div> <div class="ct-image-box__hover"> <div class="ct-image-box__inner"> <button class="btn btn-default-o">See All </button> </div> </div> </div> <h3 class="ct-image-box__title"><span class="ct-image-box__colored">18 </span><span>Indoor Parties</span></h3> </a>

1 2 3 4 5 6 7 8 9 10 11 12

<a href="#" class="ct-image-box">   <div class="ct-image-box__media">     <div class="inner"><img src="assets/images/demo-content/image-01.jpg" alt="Indoor Parties"/></div>     <div class="ct-image-box__hover">       <div class="ct-image-box__inner">         <button class="btn btn-default-o">See All         </button>       </div>     </div>   </div>   <h3 class="ct-image-box__title"><span class="ct-image-box__colored">18 </span><span>Indoor Parties</span></h3> </a>

Screenshot

Image Box