In {Theme} we have 2 versions of Divider sections.
- Default
- Currency
Default
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 |
<section id="next-section-1" class="ct-dividerSection ct-dividerSection--motive ct-call-to-action--type1 ct-u-padding-both-60"> <div class="inner"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="ct-dividerSection--left"> <div class="ct-iconBox ct-iconBox--type3 ct-iconBox--white media"> <div class="media-left"> <img src="../assets/images/demo-content/drone/icon-2.png" alt=""> </div> <div class="media-body"> <h4 class="ct-iconBox-title">pre-Order Now For $299</h4> <p class="ct-iconBox-description">Get free gift and become our special member</p> </div> </div> </div> <div class="ct-dividerSection--right text-right"><a href="" class="btn-group btn-group--separated"><span class="btn btn-dark btn-separated">Purchase now</span><span class="btn btn-dark btn-separated"><i class="fa fa-shopping-cart"></i></span></a> <a href="" class="btn-group btn-group--separated"><span class="btn btn-white btn-separated">Read more</span><span class="btn btn-white btn-separated"><i class="fa fa-caret-right"></i></span> </a> </div> </div> </div> </div> </div> </section> |
Screenshot
Currency
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 |
<section class="ct-dividerSection ct-dividerSection--currency ct-dividerSection--motive ct-call-to-action--type1 ct-u-padding-both-70"> <div class="inner"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center-lg"> <div class="ct-dividerSection--left"> <div class="ct-iconBox ct-iconBox--type3 ct-iconBox--white media"> <div class="media-body"> <h4 class="ct-iconBox-title">Order Now</h4> <p class="ct-iconBox-description">Get free gift and become our special member</p> </div> </div> </div> <div class="ct-dividerSection--right"> <form action="" class="ct-addToCart ct-contactForm form-inline ct-contactForm--white"> <div class="form-group"> <input type="text" placeholder="Piece" value="" required class="form-control input-required-value"> <div class="ct-addToCart-logic"><span class="ct-input-increment"><i class="fa fa-plus-circle"></i></span><span class="ct-input-decrement"><i class="fa fa-minus-circle"></i></span> </div> <input type="hidden" id="required-value" value="0"> </div> <div class="form-group"> <select> <option value="Black">Black</option> <option value="Purple">Purple</option> <option value="Yellow">Yellow</option> <option value="Green">Green</option> <option value="White">White</option> </select> </div> <div class="form-group"> <button type="submit" class="btn-group btn-group--separated"><span class="btn btn-dark btn-lg btn-separated">add to cart</span><span class="btn btn-dark btn-lg btn-separated"><i class="fa fa-shopping-cart"></i></span> </button> </div> </form> </div> </div> </div> </div> </div> </section> |
Screenshot