{Theme} has four types of media boxes that you can use by just adding one of .ct-mediaBox element to your markup.
CSS styles:
.ct-mediaBox
add this to .ct-mediaBox element for different look:
.ct-mediaBox–inline
.ct-mediaBox–grey
.ct-mediaBox–right
.ct-mediaBox–inlineType2
Markup:
1 2 3 4 5 6 7 |
<div class="ct-mediaBox text-center ct-u-marginBottom50"> <div class="ct-mediaBox-mediaContainer"><img src="assets/images/demo-content/mediaBox2.jpg" alt="media"></div> <div class="ct-mediaBox-description"> <h4 class="ct-u-marginBottom20 ct-u-colorMotive text-capitalize">Local Leader</h4> <p>All of our Basic-style adventures are led by a local leader whose specialty is getting you from A to B, showing you the sights and letting you in on the secrets that make their region tick.</p> </div> </div> |
Media box default
Screenshots: