Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae
<div class="carousel carousel_2" data-pagination="false" data-items="4" data-navigation="true" data-autoplay="true"> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_01.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_01.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>CAROUSEL</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_02.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_02.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>PHOTOGRAPHY</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_03.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_03.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>COLOURING</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_04.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_04.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>PHOTOGRAPHY</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_01.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_01.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>STATISTICS</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_02.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_02.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>COLOURING </h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_03.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_03.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>COLOURING</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> <div class="item"> <div class="photo_box"> <a href="/Portals/9/images/SkinTemplates/carousel_04.jpg" class="iLightBox_image_gallery1" title="Image Gallery"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_04.jpg" /> <div class="ico"> <span class="fa fa-picture-o"></span> </div> <div class="shade"></div> </div> </a> </div> <h3>STATISTICS</h3> <p>Content Text ... </p> <a href="#" class="btn a_bg_c">READ MORE</a> </div> </div>
data-items
data-navigation
next
prev
data-pagination
data-autoplay
data-autoplay ="5000"
5
data-autoplay="false"
Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque penatibus et magnis.Diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id.
<div data-autoplay="true" data-navigation="true" data-pagination="true" class="carousel carousel_3 "> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_06.jpg" /> <div class="carousel_content text_left"> <h3>ABOUT OUR SKIN</h3> <p>Content Text ...</p> </div> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_07.jpg" /> <div class="carousel_content text_right"> <h3>ABOUT OUR SKIN</h3> <p>Content Text ...</p> </div> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_05.jpg" /> <div class="carousel_content text_top"> <h3>ABOUT OUR SKIN</h3> <p>Content Text ...</p> </div> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_06.jpg" /> <div class="carousel_content text_bottom"> <h3>ABOUT OUR SKIN</h3> <p>Content Text ...</p> </div> </div> </div>
data-autoheight
<div class="sync_carousel sync_carousel_1"> <div class="carousel_main"> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_08.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_09.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_10.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_11.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_08.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_09.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_10.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_11.jpg" /> </div> </div> <div class="carousel_nav"> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_08_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_09_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_10_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_11_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_08_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_09_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_10_small.jpg" /> </div> <div class="item"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_11_small.jpg" /> </div> </div> </div>
Photos,Design
<div class="carousel carousel_4" data-items="4" data-navigation="true" data-pagination="false" data-autoplay="true"> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_12.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_13.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_14.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_15.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_12.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_13.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_14.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a href="#"> <div class="pic_box"> <img alt="" src="/portals/9/images/SkinTemplates/carousel_15.jpg" /> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"><span class="fa fa-link"></span></div> <h3>IMAGE TITLE</h3> <p>Photos,Design</p> </div> </div> </div> <div class="shade"></div> </div> </a> </div> </div> </div>