Basic markup for classic banner:
<div class="banner-box banner-box-variant-1"> <figure class="wow fadeInUpSmall"> <img src="images/*.jpg" alt="" width="" height=""/> </figure> <div class="caption wow fxRotateInLeft"> <h6> ... </h6> <h2> ... </h2> <p> ... </p> </div> </div>
Basic markup for modern banner:
<div class="banner-box banner-box-variant-2"> <figure class="wow fadeInRightSmall"> <img src="images/*.jpg" alt="" width="" height=""/> </figure> <div class="caption"> <h6 class=" wow fadeInLeftSmall" > ... </h6> <h2 class=" wow fadeInLeftSmall" data-wow-delay='.2s'> ... </h2> <p class=" wow fadeInLeftSmall" data-wow-delay='.3s'> ... </p> </div> </div>
Basic markup for creative banner:
<div class="banner-box banner-box-variant-3"> <figure class="wow fadeInUpSmall"> <img src="images/*.jpg" alt="" width="" height=""/> </figure> <div class="caption"> <h6 class="wow fadeInLeftSmall" > ... </h6> <h2 class="wow fadeInLeftSmall" data-wow-delay='.2s'> ... </h2> <p class="banner-sale-block wow fadeInDown" data-wow-delay='.3s'> <span> ... </span> <span> ... </span> <span class="text-ubold"> ... </span> <span> ... </span> </p> </div> </div>
Basic markup for corporate banner:
<div class="banner-box banner-box-variant-4"> <figure class="wow fadeInUpSmall"> <img src="images/*.jpg" alt="" width="" height=""/> </figure> <div class="caption"> <h6 class="wow fadeInUpSmall" > ... </h6> <h2 class="banner-title wow fadeInUpSmall" data-wow-delay='.2s'> ... </h2> <h6 class="wow fadeInUpSmall" data-wow-delay='.3s'> ... </h6> </div> </div>
Basic markup for wide banner:
<div class="banner-box banner-box-variant-5"> <div class="caption"> <div class="title-group"> <h6 class="wow fadeInUpSmall" data-wow-delay='.1s'> ... </h6> <h2 class="banner-title wow fadeInUpSmall" data-wow-delay='.2s'> ... </h2> </div> <div class="btn btn-primary wow fadeInUpSmall" data-wow-delay='.3s'> ... </div> </div> </div>
Basic markup for skycraper banner:
<div class="banner-box banner-box-variant-6"> <div class="title-group"> <h6 class="wow fadeInLeftSmall" data-wow-delay=".1s"> ... </h6> <h2 class="wow fadeInLeftSmall banner-title" data-wow-delay=".2s"> ... </h2> </div> <figure class="wow fadeInLeftSmall" data-wow-delay=".3s"> <img src="images/*.jpg" alt="" width="" height=""/> </figure> <p class="wow fadeInLeftSmall" data-wow-delay=".4s"> .... </p> <div class="btn btn-primary wow fadeInUpSmall" data-wow-delay=".5s"> ... </div> </div>
