{Theme} comes with the following variations for icon boxes:
- .ct-iconBox
- .ct-iconBox–2col
- .ct-iconBoxContainer
Icon boxes
Icon boxes 2 columns
|
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 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<div class="ct-iconBox"> <div class="ct-icon ct-iconContainer--circle center-block ct-u-marginBottom30"> <i class="fa fa-bolt"></i> </div> <div class="ct-iconBox--description"> <span class="ct-title ct-u-marginBottom20 ct-fw-600">Powerfull</span> <span class="ct-text ct-u-marginBottom20">Estato is designed a way that it was flexible for different types of business.</span> </div> </div> ---------------------------- <div class="ct-iconBox ct-u-marginBottom40 ct-iconBox--2col pull-left"> <div class="ct-icon text-center ct-iconContainer--circle pull-left"> <i class="fa fa-users"></i> </div> <div class="ct-iconBox--description pull-right"> <span class="ct-title text-uppercase ct-fw-600">Get more users</span> <span class="ct-text">Thanks to our content optimization you will get more visits to your property page.</span> </div> </div> --------------------------------- <div class="ct-iconBoxContainer center-block"> <div class="col-md-4"> <div class="ct-iconBox"> <div class="ct-icon ct-iconContainer--circle center-block ct-u-marginBottom30"> <i class="fa fa-mobile"></i> </div> <div class="ct-iconBox--description"> <span class="ct-title ct-u-marginBottom20 ct-fw-600 text-uppercase">Responsive</span> <span class="ct-text ct-u-marginBottom20">Estato is designed a way that it was flexible for different types of business.</span> </div> </div> </div> <div class="col-md-4"> <div class="ct-iconBox"> <div class="ct-icon ct-iconContainer--circle center-block ct-u-marginBottom30"> <i class="fa fa-rocket"></i> </div> <div class="ct-iconBox--description"> <span class="ct-title ct-u-marginBottom20 ct-fw-600 text-uppercase">Innovative</span> <span class="ct-text ct-u-marginBottom20">Estato is designed a way that it was flexible for different types of business.</span> </div> </div> </div> <div class="col-md-4"> <div class="ct-iconBox"> <div class="ct-icon ct-iconContainer--circle center-block ct-u-marginBottom30"> <i class="fa fa-clock-o"></i> </div> <div class="ct-iconBox--description"> <span class="ct-title ct-u-marginBottom20 ct-fw-600 text-uppercase">Optimised</span> <span class="ct-text ct-u-marginBottom20">Estato is designed a way that it was flexible for different types of business.</span> </div> </div> </div> <div class="clearfix"></div> </div> |