# Icon with Text

###### Visual Composer

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.

Read more

###### Revolution Slider

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.

Read more

###### User Experience

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.

Read more

###### Fully Responsive

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum amet.

Read more

    <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.

Read more

###### Revolution Slider

See how your users experience your website in realtime or view trends to see any changes in performance over time.

Read more

###### Visual Composer

See how your users experience your website in realtime or view trends to see any changes in performance over time.

Read more

###### User Experience

See how your users experience your website in realtime or view trends to see any changes in performance over time.

Read more

    <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.")