<div class="spd-row">        
   <h3 class=" spd-font-weight-400"> Simple Carousel : 01 </h3>        
   <div class="spd-padding-bottom-20">       
   </div>
</div>
<div class="spd-row">        
   <div id="owl-example" class="owl-carousel1 spd-r-carosel-st1">                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-tablet"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Responsive</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-css3"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">CSS3</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico ">                        
            <i class="fa fa-hand-o-up"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Touch</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico ">                        
            <i class="fa fa-thumbs-up"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Grab</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-empire"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Multiply</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-bitbucket"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Modern</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-dropbox"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Zombie</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-html5"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Take Control</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-lightbulb-o"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Light</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>                
      <div class="item">                        
         <div class="spd-r-ico">                        
            <i class="fa fa-taxi"></i>                  
         </div>                        
         <h3 class="spd-o-green-c">Tons</h3>                        
         <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis                   
         </p>                
      </div>        
   </div>
</div>                                        
               

<div class="spd-row">       
   <h3 class=" spd-font-weight-400"> Simple Carousel : 02 (a)</h3>        
   <div class="spd-padding-bottom-20">       
   </div>
</div>
<div class="spd-row">        
   <div id="owl-example" class="owl-carousel1 spd-r-carosel-st2">                
      <div class="item darkCyan"> <a href="/Portals/_default/Skins/Shadhin/images/2.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/2.jpg" alt="Touch"></a>                        
         <h3>Touch</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item forestGreen"> <a href="/Portals/_default/Skins/Shadhin/images/4.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/4.jpg" alt="Grab"></a>                        
         <h3>Grab</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item orange"> <a href="/Portals/_default/Skins/Shadhin/images/3.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/3.jpg" alt="Responsive"></a>                        
         <h3>Responsive</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item yellow"> <a href="/Portals/_default/Skins/Shadhin/images/5.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/5.jpg" alt="CSS3"></a>                        
         <h3>CSS3</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item dodgerBlue"> <a href="/Portals/_default/Skins/Shadhin/images/6.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/6.jpg" alt="Multi"></a>                        
         <h3>Multiply</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item skyBlue"> <a href="/Portals/_default/Skins/Shadhin/images/7.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/7.jpg" alt="Modern Browsers"></a>                        
         <h3>Modern</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item zombieGreen"> <a href="/Portals/_default/Skins/Shadhin/images/8.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/8.jpg" alt="Zombie Browsers - old ones"></a>                        
         <h3>Zombie</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item violet"> <a href="/Portals/_default/Skins/Shadhin/images/9.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/9.jpg" alt="Take Control"></a>                        
         <h3>Take Control</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item yellowLight"> <a href="/Portals/_default/Skins/Shadhin/images/10.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/10.jpg" alt="Light"></a>                        
         <h3>Light</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>                
      <div class="item steelGray"> <a href="/Portals/_default/Skins/Shadhin/images/11.jpg" data-rel="prettyPhoto[pp_gal]">                   
         <img src="/Portals/_default/Skins/Shadhin/images/11.jpg" alt="Tons of Opotions"></a>                        
         <h3>Tons</h3>                        
         <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nonummy nibh euismod tincidunt ut laoreet dolore.                   
         </p>                
      </div>        
   </div>
</div>                                      
               

<div class="spd-row">

  <div id="owl-demo3" class="owl-carousel2 owl-theme">

    <div class="item"><img src="/portals/_default/Skins/Shadhin/images/12.jpg" alt="The Last of us"></div>

    <div class="item"><img src="/portals/_default/Skins/Shadhin/images/15.jpg" alt="GTA V"></div>

    <div class="item"><img src="/portals/_default/Skins/Shadhin/images/14.jpg" alt="Mirror Edge"></div>

  </div>

</div>

                                         
               

<div class="spd-row">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->

  <ol class="carousel-indicators">

    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

    <li data-target="#carousel-example-generic" data-slide-to="1"></li>

    <li data-target="#carousel-example-generic" data-slide-to="2"></li>

  </ol>



  <!-- Wrapper for slides -->

  <div class="carousel-inner">

    <div class="item active">

      <img src="/portals/_default/Skins/Shadhin/images/12.jpg" alt="...">

      <div class="carousel-caption">

        Carousel Caption 01

      </div>

    </div>

    <div class="item">

      <img src="/portals/_default/Skins/Shadhin/images/13.jpg" alt="...">

      <div class="carousel-caption">

         Carousel Caption 02

      </div>

    </div>

    <div class="item">

      <img src="/portals/_default/Skins/Shadhin/images/14.jpg" alt="...">

      <div class="carousel-caption">

         Carousel Caption 03

      </div>

    </div>

  </div>



  <!-- Controls -->

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">

    <span class="glyphicon glyphicon-chevron-left"></span>

  </a>

  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">

    <span class="glyphicon glyphicon-chevron-right"></span>

  </a>

</div>

</div>


                                         
               

          
          	<h3 class=" spd-r-center spd-r-title-carosel spd-font-weight-400"> Our Service &amp; Specialties </h3>
<div class="spd-r-border-bottom">
</div>
<div class="spd-r-center spd-padding-bottom-20 spd-r-wid55"> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 
</div>
<div id="owl-example" class="owl-carousel1 spd-r-carosel-st3">        
   <div class="item darkCyan"> <a href="/Portals/_default/Skins/Shadhin/images/2.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/2.jpg" alt="Touch">                
      <div class="spd-r-curves">            
      </div>    </a>                
      <h3>Touch</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item forestGreen"> <a href="/Portals/_default/Skins/Shadhin/images/4.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/4.jpg" alt="Grab">                
      <div class="spd-r-curves2">            
      </div>    </a>                
      <h3>Grab</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item orange"> <a href="/Portals/_default/Skins/Shadhin/images/3.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/3.jpg" alt="Responsive">                
      <div class="spd-r-curves">            
      </div>    </a>                
      <h3>Responsive</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item yellow"> <a href="/Portals/_default/Skins/Shadhin/images/5.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/5.jpg" alt="CSS3">                
      <div class="spd-r-curves2">            
      </div>    </a>                
      <h3>CSS3</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item dodgerBlue"> <a href="/Portals/_default/Skins/Shadhin/images/6.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/6.jpg" alt="Multi">                
      <div class="spd-r-curves">            
      </div>    </a>                
      <h3>Multiply</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item skyBlue"> <a href="/Portals/_default/Skins/Shadhin/images/7.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/7.jpg" alt="Modern Browsers">                
      <div class="spd-r-curves2">            
      </div>    </a>                
      <h3>Modern</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item zombieGreen"> <a href="/Portals/_default/Skins/Shadhin/images/8.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/8.jpg" alt="Zombie Browsers - old ones">                
      <div class="spd-r-curves">            
      </div>    </a>                
      <h3>Zombie</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item violet"> <a href="/Portals/_default/Skins/Shadhin/images/9.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/9.jpg" alt="Take Control">                
      <div class="spd-r-curves2">            
      </div>    </a>                
      <h3>Take Control</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext  "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item yellowLight"> <a href="/Portals/_default/Skins/Shadhin/images/10.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/10.jpg" alt="Light">                
      <div class="spd-r-curves">            
      </div>    </a>                
      <h3>Light</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>        
   <div class="item steelGray"> <a href="/Portals/_default/Skins/Shadhin/images/11.jpg" data-rel="prettyPhoto[pp_gal]">             
      <img src="/Portals/_default/Skins/Shadhin/images/11.jpg" alt="Tons of Opotions">                
      <div class="spd-r-curves2">            
      </div>    </a>                
      <h3>Tons</h3>                
      <div class="spd-r-border-bottom">            
      </div>                
      <div class="spd-r-center spd-padding-bottom-20 spd-r-ptext spd-r-carosel-ptext "> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.             
      </div>                
      <div class="spd-r-wid-btn"> <a href="#" class="">Read More</a>             
      </div>                
      <div class="spd-padding-bottom-20">             
      </div>        
   </div>
</div>