Banner

Banner classic

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>

Banner modern

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>

Banner creative

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>

Banner corporate

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>

Banner wide

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>

Banner skyscraper

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>