{"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":"http:\/\/re-test.ru\/?page_id=403","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
    \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                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
     
    \n            <\/section>\n
    \n
    Bxslider<\/h2>\n
    \n
    \n