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

Simple Thumbnails<\/h2>\n
\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n<\/p><\/div>\n

<\/p>\n

\n
\n <\/i> Show Code<\/a>\n <\/div>\n
\n
\n [xml]
\n<a href="#" class="thumbnail">
\n<img src="…" alt="…">
\n<\/a>
\n [\/xml]\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

Round Thumbnails<\/h2>\n
\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n
\n
\n \"...\"
\n <\/a>\n <\/div>\n<\/p><\/div>\n

<\/p>\n

\n
\n <\/i> Show Code<\/a>\n <\/div>\n
\n
\n [xml]
\n<a href="#" class="thumbnail thumbnail-round">
\n<img src="…" alt="…">
\n<\/a>
\n [\/xml]\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

Thumbnails caption<\/h2>\n
\n
\n
\n \"...\"<\/p>\n
\n

Thumbnail label<\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, repellat, vitae porro ex expedita cumque nulla velit consequuntur recusandae animi.<\/p>\n

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

\n
\n \"...\"<\/p>\n
\n

Thumbnail label<\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, repudiandae, possimus autem delectus consequatur minima ducimus odit rem fugit.<\/p>\n

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

\n
\n \"...\"<\/p>\n
\n

Thumbnail label<\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, repudiandae expedita natus eaque magnam tempore saepe delectus perferendis atque.<\/p>\n

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

<\/p>\n

\n
\n <\/i> Show Code<\/a>\n <\/div>\n
\n
\n [xml]
\n<div class="thumbnail">
\n<img src=".." alt="…">
\n<div class="caption">
\n<h3>Thumbnail label<\/h3>
\n<p>…<\/p>
\n<\/div>
\n<\/div>
\n [\/xml]\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

Thumbnails hover caption<\/h2>\n
\n
\n
\n \"Image\"<\/p>\n
\n
\n <\/i>More info<\/a><\/p>\n

Title Caption<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n \"Image\"<\/p>\n
\n
\n

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

\n
\n \"Image\"<\/p>\n
\n
\n

Title Caption<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, repellendus?<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

\n
\n <\/i> Show Code<\/a>\n <\/div>\n
\n
\n [xml]
\n<div class="img-caption-ar">
\n<img src="…" class="img-responsive" alt="Image">
\n<div class="caption-ar">
\n<div class="caption-content">
\n <a href="#" class="animated fadeInDown"><i class="fa fa-search"><\/i>More info<\/a>
\n <h4 class="caption-title">Title Caption<\/h4>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n

<div class="img-caption-ar">
\n<img src="…" class="img-responsive" alt="Image">
\n<div class="caption-ar">
\n<div class="caption-content">
\n <p>….<\/p>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n

<div class="img-caption-ar">
\n<img src="…" class="img-responsive" alt="Image">
\n<div class="caption-ar">
\n<div class="caption-content">
\n <h4 class="caption-title">Title Caption<\/h4>
\n <p>…<\/p>
\n<\/div>
\n<\/div>
\n<\/div>
\n [\/xml]\n <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

\n
\n
\n \"Image\"<\/p>\n
\n
\n <\/i>More info<\/a><\/p>\n

Title Work<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n \"Image\"<\/p>\n
\n
\n <\/i>More info<\/a><\/p>\n

Title Work<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n \"Image\"<\/p>\n
\n
\n <\/i>More info<\/a><\/p>\n

Title Work<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n \"Image\"<\/p>\n
\n
\n <\/i>More info<\/a><\/p>\n

Title Work<\/h4>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n \"Image\"<\/p>\n
\n
\n

Title Work<\/h4>\n

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

\n
\n \"Image\"<\/p>\n
\n
\n

Title Work<\/h4>\n

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

\n
\n \"Image\"<\/p>\n
\n
\n

Title Work<\/h4>\n

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

\n
\n \"Image\"<\/p>\n
\n
\n

Title Work<\/h4>\n

Lorem ipsum dolor sit amet consectetur.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

Simple Thumbnails Show Code [xml] <a href="#" class="thumbnail"> <img src="…" alt="…"> <\/a> [\/xml] Round Thumbnails Show Code [xml] <a href="#" class="thumbnail thumbnail-round"> <img src="…" alt="…"> <\/a> [\/xml] Thumbnails caption Thumbnail label Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, repellat, vitae porro ex expedita cumque nulla velit consequuntur recusandae animi. Button Button Thumbnail label Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, repudiandae, possimus autem delectus consequatur minima ducimus odit rem fugit. Button Button Thumbnail label Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, repudiandae expedita natus eaque magnam tempore saepe delectus perferendis atque. Button Button Show Code [xml] <div class="thumbnail"> <img src=".." alt="…"> <div class="caption"> <h3>Thumbnail label<\/h3> <p>…<\/p> <\/div> <\/div> [\/xml] Thumbnails hover caption More info Title Caption Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quas Title Caption Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, repellendus? Show Code [xml] <div class="img-caption-ar"> <img src="…" class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <a href="#" class="animated fadeInDown"><i class="fa fa-search"><\/i>More info<\/a> <h4 class="caption-title">Title Caption<\/h4> <\/div> <\/div> <\/div> <div class="img-caption-ar"> <img src="…" class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <p>….<\/p> <\/div> <\/div> <\/div> <div class="img-caption-ar"> <img src="…" class="img-responsive" alt="Image"> <div class="caption-ar"> <div class="caption-content"> <h4 class="caption-title">Title Caption<\/h4> <p>…<\/p> <\/div> <\/div> <\/div> [\/xml] More info Title Work More info Title Work More info Title Work More info Title Work Title Work Lorem ipsum dolor sit amet consectetur. Title Work Lorem ipsum dolor sit amet consectetur. Title Work Lorem ipsum dolor sit amet consectetur. Title Work Lorem ipsum dolor sit amet consectetur.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}