Icon with Text
Visual Composer
Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.
Revolution Slider
Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.
User Experience
Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.
Fully Responsive
Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="icon-box text-center">
<div class="icon-box-icon">
<span class="ti-layout"></span>
</div>
<div class="icon-box-title">
<h6>Visual Composer</h6>
</div>
<div class="icon-box-content">
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="icon-box text-center">
<div class="icon-box-icon">
<span class="ti-cup"></span>
</div>
<div class="icon-box-title">
<h6>Revolution Slider</h6>
</div>
<div class="icon-box-content">
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="icon-box text-center">
<div class="icon-box-icon">
<span class="ti-harddrives"></span>
</div>
<div class="icon-box-title">
<h6>User Experience</h6>
</div>
<div class="icon-box-content">
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="icon-box text-center">
<div class="icon-box-icon">
<span class="ti-desktop"></span>
</div>
<div class="icon-box-title">
<h6>Fully Responsive</h6>
</div>
<div class="icon-box-content">
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
</div>.row
.col-lg-3.col-md-6
+IconBox("ti-layout", "Visual Composer", "Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.", "text-center", true)
.col-lg-3.col-md-6
+IconBox("ti-cup", "Revolution Slider", "Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.", "text-center", true)
.col-lg-3.col-md-6
+IconBox("ti-harddrives", "User Experience", "Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.", "text-center", true)
.col-lg-3.col-md-6
+IconBox("ti-desktop", "Fully Responsive", "Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.", "text-center", true)Visual Composer
See how your users experience your website in realtime or view trends to see any changes in performance over time.
Revolution Slider
See how your users experience your website in realtime or view trends to see any changes in performance over time.
<div class="row align-items-center">
<div class="col-lg-4">
<div class="icon-box text-right">
<div class="icon-box-icon">
<span class="ti-layout"></span>
</div>
<div class="icon-box-title">
<h6>Visual Composer</h6>
</div>
<div class="icon-box-content">
<p>See how your users experience your website in realtime or view trends to see any changes in performance over time.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
<div class="icon-box text-right">
<div class="icon-box-icon">
<span class="ti-image"></span>
</div>
<div class="icon-box-title">
<h6>Revolution Slider</h6>
</div>
<div class="icon-box-content">
<p>See how your users experience your website in realtime or view trends to see any changes in performance over time.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
<div class="col-lg-4">
<p class="text-center">
<img src="assets/images/main/iphone.png" alt="">
</p>
</div>
<div class="col-lg-4">
<div class="icon-box">
<div class="icon-box-icon">
<span class="ti-layout"></span>
</div>
<div class="icon-box-title">
<h6>Visual Composer</h6>
</div>
<div class="icon-box-content">
<p>See how your users experience your website in realtime or view trends to see any changes in performance over time.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
<div class="icon-box">
<div class="icon-box-icon">
<span class="ti-archive"></span>
</div>
<div class="icon-box-title">
<h6>User Experience</h6>
</div>
<div class="icon-box-content">
<p>See how your users experience your website in realtime or view trends to see any changes in performance over time.</p>
</div>
<div class="icon-box-link">
<a href="#">Read more</a>
</div>
</div>
</div>
</div>.row.align-items-center
.col-lg-4
+IconBox("ti-layout", "Visual Composer", "See how your users experience your website in realtime or view trends to see any changes in performance over time.", "text-right", true)
+IconBox("ti-image", "Revolution Slider", "See how your users experience your website in realtime or view trends to see any changes in performance over time.", "text-right", true)
.col-lg-4
p.text-center: img(src="assets/images/main/iphone.png" alt="")
.col-lg-4
+IconBox("ti-layout", "Visual Composer", "See how your users experience your website in realtime or view trends to see any changes in performance over time.", "", true)
+IconBox("ti-archive", "User Experience", "See how your users experience your website in realtime or view trends to see any changes in performance over time.", "", true)
Visual Composer
Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.
Revolution Slider
Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.
User Experience
Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.
<div class="row align-items-center">
<div class="col-lg-6">
<p><img src="assets/images/main/ipad.png" alt=""></p>
</div>
<div class="col-lg-5 offset-lg-1">
<div class="icon-box icon-box-left">
<div class="icon-box-icon">
<span class="ti-layout"></span>
</div>
<div class="icon-box-title">
<h6>Visual Composer</h6>
</div>
<div class="icon-box-content">
<p>Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.</p>
</div>
</div>
<div class="icon-box icon-box-left">
<div class="icon-box-icon">
<span class="ti-cup"></span>
</div>
<div class="icon-box-title">
<h6>Revolution Slider</h6>
</div>
<div class="icon-box-content">
<p>Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.</p>
</div>
</div>
<div class="icon-box icon-box-left">
<div class="icon-box-icon">
<span class="ti-harddrives"></span>
</div>
<div class="icon-box-title">
<h6>User Experience</h6>
</div>
<div class="icon-box-content">
<p>Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.</p>
</div>
</div>
</div>
</div>.row.align-items-center
.col-lg-6
img(src="assets/images/main/ipad.png" alt="")
.col-lg-5.offset-lg-1
+iconBoxLeft("ti-layout", "Visual Composer", "Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.")
+iconBoxLeft("ti-cup", "Revolution Slider", "Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.")
+iconBoxLeft("ti-harddrives", "User Experience", "Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.")