Innovative / Identity / Code / Design
<div class="owl-carousel dg-carousel09 " data-autoplay="true" data-items="3" data-margin="36"> <div class="item _item "> <div class="dg-imagebox05 "> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img01.jpg" /> </div> <div class="content"> <div class="center"> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2"></span> </a> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item _item "> <div class="dg-imagebox05 "> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img02.jpg" /> </div> <div class="content"> <div class="center"> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2"></span> </a> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item _item "> <div class="dg-imagebox05 "> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img03.jpg" /> </div> <div class="content"> <div class="center"> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2"></span> </a> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item"> <div class="dg-imagebox05 "> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img04.jpg" /> </div> <div class="content"> <div class="center"> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2"></span> </a> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> </div>
<div class="owl-carousel dg-carousel10 " data-autoplay="true" data-items="3" data-margin="36"> <div class="item _item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img04.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item _item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img05.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item _item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img06.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item"> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img03.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> </div>
<div class="owl-carousel dg-carousel11 " data-autoplay="true" data-items="3" data-margin="36"> <div class="item _item"> <div class="dg-imagebox10"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img07.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-picture"></span> </a> <div class="bg bg-black"> </div> </div> <div class="content"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> </div> <div class="item "> <div class="dg-imagebox10"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img08.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-picture"></span> </a> <div class="bg bg-black"> </div> </div> <div class="content"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> </div> <div class="item "> <div class="dg-imagebox10"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img09.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-picture"></span> </a> <div class="bg bg-black"> </div> </div> <div class="content"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> </div> <div class="item"> <div class="dg-imagebox10"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img08.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-picture"></span> </a> <div class="bg bg-black"> </div> </div> <div class="content"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> </div> </div> <div class="clearfix"> </div> <div class="pt-20 text-center"> <button class="dg-btn-1 size-xs btn-accent radius-3px" data-target="#code-03" data-toggle="modal" type="button"> <span class="fa fa-code"></span> Source Code</button> </div> <div aria-hidden="true" class="modal fade dg-modal" id="code-03" role="dialog" tabindex="-1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span> </button> <h4 class="modal-title">Simple Images Carousel</h4> </div> <div class="modal-body"> <pre class="prettyprint light"></pre> <div class="modal-footer"> <button class="dg-btn-1 radius-3px btn-accent" data-dismiss="modal" type="button">Close</button> </div> </div> </div> </div> </div> <div class="dg-title09 text-center mb-40 mt-60"> <h2 class="title">Simple Images Carousel</h2> </div> <div class="owl-carousel dg-carousel10 " data-autoplay="true" data-items="3" data-margin="0"> <div class="item _item"> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img10.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img11.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img12.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item"> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img11.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> </div>
<div class="owl-carousel dg-carousel10 " data-autoplay="true" data-items="4" data-margin="0"> <div class="item _item"> <div class="dg-imagebox07"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img13.jpg" /> </div> <div class="content"> <div class="center"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item "> <div class="dg-imagebox07"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img14.jpg" /> </div> <div class="content"> <div class="center"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item "> <div class="dg-imagebox07"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img15.jpg" /> </div> <div class="content"> <div class="center"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item _item delay3"> <div class="dg-imagebox07"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img16.jpg" /> </div> <div class="content"> <div class="center"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> <div class="item"> <div class="dg-imagebox07"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img14.jpg" /> </div> <div class="content"> <div class="center"> <h6 class="title"> <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a> </h6> <p class="info"> <a href="#" title="Innovative">Innovative</a> <span class="sep">/</span> <a href="#" title="Identity">Identity</a> <span class="sep">/</span> <a href="#" title="Code">Code</a> <span class="sep">/</span> <a href="#" title="Design">Design</a> </p> </div> </div> <div class="bg bg-black"> </div> </div> </div> </div>
<div class="owl-carousel dg-carousel12 " data-autoplay="true" data-items="3" data-margin="36"> <div class="item _item"> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img17.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img18.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item "> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img19.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> <div class="item"> <div class="dg-imagebox12"> <div class="pic"> <img src="/Portals/0/pages-images/carousel-img18.jpg" /> <a href="#" title="picture"> <span class="icon fa fa-arrow-right2 bg-white color-black"></span> </a> <div class="bg bg-accent"> </div> </div> </div> </div> </div>