Css styles:
.ct-infoBox
.ct-infoBox–vertical
Info Box default
Screenshot:
Markup:
1 2 3 4 5 6 7 |
<div class="ct-infoBox ct-u-marginBottom70"> <div class="ct-infoBox-image"><img src="assets/images/demo-content/infoBox.jpg" alt="image"></div> <div class="ct-infoBox-description"> <h3 class="ct-infoBox-title">Tour Tickets is very dedicated to providing extreme customer satisfaction & customer care!</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in ligula justo. Nulla id aliquam sem. In laoreet interdum molestie. Fusce malesuada arcu non sem rhoncus, in scelerisque metus.<br><br>Suspendisse velit justo, maximus eu dolor sed, sodales imperdiet est. Lorem ipsum dolor sit amet.</p><a href="#" class="btn btn-default btn-xs text-uppercase">book now</a> </div> </div> |
Info Box vertical
Screenshot:
Markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="ct-infoBox ct-infoBox--vertical ct-u-marginBottom70"> <div class="ct-infoBox-description"> <h3 class="ct-infoBox-title">Packages Includes</h3> <div class="ct-divider--doubleBorder"></div> <ul class="list-unstyled ct-list--WithIcons ct-u-marginBottom30"> <li><img src="assets/images/icon-check2.png" alt="icon">Private Arrival Transfer</li> <li><img src="assets/images/icon-check2.png" alt="icon">1 Night at the Hotel Fontanella Borghese</li> <li><img src="assets/images/icon-check2.png" alt="icon">1 Night at the Hotel Relais Uffizi</li> <li><img src="assets/images/icon-check2.png" alt="icon">1 Night at the Hotel Violino d'Oro</li> </ul> </div> <div class="ct-infoBox-image"><img src="assets/images/demo-content/infoBox2.jpg" alt="image"></div> </div> |