X
GO
en-UScy-GB
Style1
SOURCE CODE
<div class="carousel carousel_1" data-pagination="false" data-autoheight="false">
    <div class="item"> <a href="#"><span class="fa fa-asterisk"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-asterisk"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-fire"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-keys"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-umbrella"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-trash"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-cutlery"></span></a> </div>
    <div class="item"> <a href="#"><span class="fa fa-gift"></span></a> </div>
</div>


Style2
SOURCE CODE
<div class="carousel carousel_2" data-pagination="false" data-autoheight="false">
    <div class="item">
        <div class="photo_box img_zoom ico_top_enter">
            <a title=" Title One" href="/Portals/23/Photo2.jpg" class="LightBox_image_gallery1">
                <div class="pic_box"> 
                    <img  src="/portals/23/Photo2.jpg" >
                    <div class="ico"> <span class="fa fa-photo"></span> </div>
                    <div class="shade"></div>
                </div>
            </a> 
            <div class="text_sytle_3">
                <h3>Title One</h3>
                <p>content text ...</p>
                <a href="#">READ MORE</a>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box img_zoom ico_top_enter">
            <a title=" Title One" href="/Portals/23/Photo5.jpg" class="LightBox_image_gallery1">
                <div class="pic_box"> 
                    <img  src="/portals/23/Photo5.jpg" >
                    <div class="ico"> <span class="fa fa-photo"></span> </div>
                    <div class="shade"></div>
                </div>
            </a> 
            <div class="text_sytle_3">
                <h3>Title Three</h3>
                <p>content text ...</p>
                <a href="#">READ MORE</a>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box img_zoom ico_top_enter">
            <a title=" Title One" href="/Portals/23/Photo6.jpg" class="LightBox_image_gallery1">
                <div class="pic_box"> 
                    <img  src="/portals/23/Photo6.jpg" >
                    <div class="ico"> <span class="fa fa-photo"></span> </div>
                    <div class="shade"></div>
                </div>
            </a> 
            <div class="text_sytle_3">
                <h3>Title Four</h3>
                <p>content text ...</p>
                <a href="#">READ MORE</a>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box img_zoom ico_top_enter">
            <a title=" Title One" href="/Portals/23/Photo8.jpg" class="LightBox_image_gallery1">
                <div class="pic_box"> 
                <img  src="/portals/23/Photo8.jpg" >
                <div class="ico"> <span class="fa fa-photo"></span> </div>
                <div class="shade"></div>
                </div>
            </a> 
            <div class="text_sytle_3">
                <h3>Title Five</h3>
                <p>content text ...</p>
                <a href="#">READ MORE</a>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box img_zoom ico_top_enter">
        <a title=" Title One" href="/Portals/23/Photo2.jpg" class="LightBox_image_gallery1">
            <div class="pic_box"> 
                <img  src="/portals/23/Photo2.jpg" >
                <div class="ico"> <span class="fa fa-photo"></span> </div>
                <div class="shade"></div>
            </div>
        </a> 
            <div class="text_sytle_3">
                <h3>Title Six</h3>
                <p>content text ...</p>
                <a href="#">READ MORE</a>
            </div>
        </div>
    </div>
</div>


Style3


SOURCE CODE
<div class="carousel carousel_3" data-autoheight="false">
  <div class="item"> <img alt="" src="/portals/23/pic_10.jpg" />
    <div class="carousel_content text_left">
      <h3>ABOUT OUR SKIN</h3>
      <p>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.</p>
    </div>
  </div>
  <div class="item"> <img alt="" src="/portals/23/pic_11.jpg" />
    <div class="carousel_content text_right">
      <h3>ABOUT OUR SKIN</h3>
      <p>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.</p>
    </div>
  </div>
  <div class="item"> <img alt="" src="/portals/23/pic_10.jpg" />
    <div class="carousel_content text_top">
      <h3>ABOUT OUR SKIN</h3>
      <p>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.</p>
    </div>
  </div>
  <div class="item"> <img alt="" src="/portals/23/pic_11.jpg" />
    <div class="carousel_content text_bottom">
      <h3>ABOUT OUR SKIN</h3>
      <p>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.</p>
    </div>
  </div>
</div>
Style4
SOURCE CODE
<div class="carousel carousel_4" data-pagination="false" data-navigation="false" data-autoheight="false">
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo8.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo2.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo5.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo6.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo8.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box content_top_increment">
            <div class="pic_box">
                <img  src="/portals/23/Photo2.jpg" >
                <div class="content">
                    <div class="vertical_center_1">
                        <div class="vertical_center_2">
                            <h3 class="increment_3">Modules Development</h3>
                            <p  class="increment_2 ">content text ...</p>
                            <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                        </div>
                    </div>
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
</div>
Style5
SOURCE CODE
<div data-autoheight="false" data-navigation="true" data-pagination="false" class="carousel carousel_8">
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo8.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Responsive Web</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo8.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo2.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Create Website</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo2.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo5.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>DNN Modules</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo5.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo6.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Professional Work</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo6.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo8.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Site Settings</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo8.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo2.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Modules Development</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo2.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo5.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Modules Development</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo5.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo6.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Modules Development</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo6.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
  <div class="item">
    <div class="photo_box content_bottom_push_in_2">
      <div class="pic_box"> <img alt="" src="/portals/23/Photo8.jpg" />
        <div class="content">
          <div class="vertical_center_1">
            <div class="vertical_center_2">
              <h3>Modules Development</h3>
              <p>Donec libero. Suspendisse purus nec placerat bibendbibendum.</p>
              <div class="ico"><a href="http://store.dnnsoftware.com/home/product-details/unlimited-dnn-theme-033-v400-responsive-themes-retina-megamenu-bootstrap-32/r/7ab93d48c5e846d6b199" target="blank"><span class="fa fa-link"></span> </a> <a class="LightBox_image_gallery4" href="/Portals/23/Photo8.jpg"><span class="fa-search fa"></span></a></div>
            </div>
          </div>
        </div>
        <div class="shade"></div>
      </div>
    </div>
  </div>
</div>