In {Theme} we have one variation for call to action
- .ct-call-to-action-dark
–Default (no extra class needed)
HTML markup
|
1 2 3 4 5 6 7 8 9 |
<div class="ct-call-to-action"> <div class="ct-call-to-action-inner"> <div class="ct-action-item"><a href="index.html"><img src="assets/images/demo-content/logo-light.png" alt="alt"/></a></div> <div class="ct-action-item"> <h5 class="h2 ct-u-font-weight--300 ct-action-title">Sella is your<span class="ct-u-font-weight--700"> next marketing theme</span></h5><span>Buy it now and start your marketing business</span> </div> <div class="ct-action-item"><a href="#" class="btn-dark btn btn-lg">purchase now<i class="fa fa-shopping-cart"></i></a></div> </div> </div> |
Screenshot
Call To Action – Default
–Dark
HTML structure
|
1 2 3 4 5 6 7 8 9 |
<div class="ct-call-to-action ct-call-to-action-dark"> <div class="ct-call-to-action-inner"> <div class="ct-action-item"><a href="index.html"><img src="assets/images/demo-content/logo-light.png" alt="alt"/></a></div> <div class="ct-action-item"> <h5 class="h2 ct-u-font-weight--300 ct-action-title">Sella is your<span class="ct-u-font-weight--700"> next marketing theme</span></h5><span>Buy it now and start your marketing business</span> </div> <div class="ct-action-item"><a href="#" class="btn-dark btn btn-lg">purchase now<i class="fa fa-shopping-cart"></i></a></div> </div> </div> |
Screenshot
Call To Action – Dark