Create event on your website with the following HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<article class="ct-event-item ct-event-item--type1"> <header> <h2 class="ct-u-hideText">Event 1</h2> </header> <div class="ct-event-item-outer"> <div class="ct-event-item-media"> <figure> [media] </figure> </div> <div class="ct-event-item-wrapper"> <div class="ct-imagedata ct-imagedata--left"> <span class="ct-imagedata-day">2</span> <span class="ct-imagedata-month">Mar</span> </div> <div class="ct-event-item-inner"> <section> <div class="ct-event-title"> <a href="single-event.html"> <h6><span>mixed freshly harvested mushrooms</span></h6> </a> </div> <div class="ct-event-text"> <p> [text] </p> </div> <div class="text-left"> <a href="single-event.html" class="btn ct-btn-image btn-warning"><span>learn more</span></a> <a href="#" class="btn ct-btn-image btn-default"><span>buy tickets</span></a> </div> </section> </div> </div> </div> <div class="clearfix"></div> </article> |
You can select one of two type of events by changing type number in class name:
- ct-event-item–type1
- ct-event-item–type2