HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<div data-background="../assets/images/demo-content/booze/parallax.png" data-height="58%" data-parallax="50" class="ct-parallax tablex ct-eventsSection ct-u-displayTableVertical"> <section data-height="58%" class="ct-u-displayTableCell"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <header class="ct-u-color--white">Upcoming Events</header> <div class="ct-eventsSection-paragraphBox"> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> <p class="ct-u-paddingTop10">Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p><img src="../assets/images/demo-content/booze/symbol.png" alt="Image" class="ct-u-paddingTop25 ct-u-paddingBottom25"> <ul class="list-inline list-unstyled"> <li><a href="events.html" data-padding-left="64" data-padding-right="64" class="btn btn-primary btn-border btn-sm ct-js-btnSize">events</a></li> <li><a href="contact.html" class="btn btn-default btn-border btn-sm">book an event</a></li> </ul> </div> </div> </div> </div> </section> </div> |
Screenshot