{"id":403,"date":"2015-03-25T23:53:50","date_gmt":"2015-03-25T23:53:50","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=403"},"modified":"2015-03-25T23:53:50","modified_gmt":"2015-03-25T23:53:50","slug":"carousels","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/carousels\/","title":{"rendered":"Carousels"},"content":{"rendered":"
\n

Carousels<\/h2>\n
\n
\n

Basic carousel whith caption<\/h3>\n

Carousel perfect for passing images. Optionally you can add a title and a description.<\/p>\n

It is fully responsive and adaptable to all screen sizes and devices.<\/p>\n

It is made with the original Carousel of Bootstrap, so you will not have to learn anything new.<\/p>\n<\/p><\/div>\n

\n
\n
    \n
  1. <\/li>\n
  2. <\/li>\n
  3. <\/li>\n<\/ol>\n
    \n
    \n \"First<\/p>\n
    \n

    First slide label<\/h3>\n

    Nulla vitae elit libero, a pharetra augue mollis interdum.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n

    \n \"Second<\/p>\n
    \n

    Second slide label<\/h3>\n

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n

    \n \"Third<\/p>\n
    \n

    Third slide label<\/h3>\n

    Praesent commodo cursus magna, vel scelerisque nisl consectetur.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n


    \n <\/span>
    \n <\/a>
    \n
    \n <\/span>
    \n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n

    \n

    <\/p>\n

    \n
    \n <\/i> Show Code<\/a>\n <\/div>\n
    \n
    \n [xml]
    \n<div id="carousel-example-captions" class="carousel carousel-images slide" data-ride="carousel">
    \n<ol class="carousel-indicators">
    \n<li data-target="#carousel-example-captions" data-slide-to="0" class="active"><\/li>
    \n<li data-target="#carousel-example-captions" data-slide-to="1"><\/li>
    \n<li data-target="#carousel-example-captions" data-slide-to="2"><\/li>
    \n<\/ol>
    \n<div class="carousel-inner">
    \n<div class="item active">
    \n<img src="…" alt="First slide image">
    \n<div class="carousel-caption animated fadeInUpBig">
    \n <h3>First slide label<\/h3>
    \n <p>…<\/p>
    \n<\/div>
    \n<\/div>
    \n<div class="item">
    \n<img src="…" alt="Second slide image">
    \n<div class="carousel-caption animated fadeInUpBig">
    \n <h3>Second slide label<\/h3>
    \n <p>…<\/p>
    \n<\/div>
    \n<\/div>
    \n<div class="item">
    \n<img src="…" alt="Third slide image">
    \n<div class="carousel-caption animated fadeInUpBig">
    \n <h3>Third slide label<\/h3>
    \n <p>…<\/p>
    \n<\/div>
    \n<\/div>
    \n<\/div>
    \n<a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
    \n<span class="glyphicon glyphicon-chevron-left"><\/span>
    \n<\/a>
    \n<a class="right carousel-control" href="#carousel-example-captions" data-slide="next">
    \n<span class="glyphicon glyphicon-chevron-right"><\/span>
    \n<\/a>
    \n<\/div>
    \n [\/xml]\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n


    \n <\/section>\n

    \n

    Bxslider<\/h2>\n
    \n
    \n