{"id":572,"date":"2015-03-26T02:36:24","date_gmt":"2015-03-26T02:36:24","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=572"},"modified":"2015-03-26T02:36:24","modified_gmt":"2015-03-26T02:36:24","slug":"timeline-left","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/timeline-left\/","title":{"rendered":"Timeline Left"},"content":{"rendered":"<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-9 \">\n<ul class=\"timeline-2\">\n<li class=\"animated fadeInRight animation-delay-10\">\n                    <time class=\"timeline-time\" datetime=\"\">14\/1\/2012 <span>Junuary<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">Simple text event in Timeline<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-8\">\n                    <time class=\"timeline-time\" datetime=\"\">27\/1\/2012 <span>Junuary<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">Event with responsive image<\/div>\n<div class=\"panel-body\">\n<div class=\"row\">\n<div class=\"col-sm-4\">\n                                    <img decoding=\"async\" src=\"https:\/\/test.innovative8.uk.com\/wp3\/wp-content\/uploads\/2015\/03\/office1.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<div class=\"col-sm-8\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, praesentium, quam! Quia fugiat aperiam.<\/p>\n<p>Perspiciatis soluta voluptate dolore officiis libero repellat cupiditate explicabo atque facere aliquam.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-6\">\n                    <time class=\"timeline-time\" datetime=\"\">30\/4\/2012 <span>April<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">Event with list<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, neque, eos accusantium veniam error eligendi praesentium atque odio vero ipsa quia ipsam saepe. Omnis, esse atque aliquid ad tempore nesciunt!<\/p>\n<div class=\"row\">\n<div class=\"col-sm-6\">\n<ul class=\"small-font\">\n<li>eveniet accusantium voluptatum itaque<\/li>\n<li>minima nam doloribus quas quos<\/li>\n<\/ul><\/div>\n<div class=\"col-sm-6\">\n<ul class=\"small-font\">\n<li>quasi quidem quas nostrum animi<\/li>\n<li>perferendis corporis vitae nobis<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-4\">\n                    <time class=\"timeline-time\" datetime=\"\">22\/10\/2012 <span>October<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<blockquote class=\"blockquote-color-bg-primary\">\n<p><strong>Blockquote in timeline!<\/strong> consectetur adipiscing elit. Integer sodales sagittis magna. consectetur adipiscing elit sed consequat, quam semper libero.<\/p>\n<footer>Someone famous in <cite title=\"Source Title\">Source Title<\/cite><\/footer>\n<\/blockquote>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">18\/3\/2013 <span>March<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">Event with several images and table!<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, nulla recusandae blanditiis architecto soluta culpa obcaecati quis earum atque consequuntur.<\/p>\n<div class=\"row\">\n<div class=\"col-sm-4\">\n                                    <img decoding=\"async\" src=\"https:\/\/test.innovative8.uk.com\/wp3\/wp-content\/uploads\/2015\/03\/office2.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<div class=\"col-sm-4\">\n                                    <img decoding=\"async\" src=\"https:\/\/test.innovative8.uk.com\/wp3\/wp-content\/uploads\/2015\/03\/office3.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<div class=\"col-sm-4\">\n                                    <img decoding=\"async\" src=\"https:\/\/test.innovative8.uk.com\/wp3\/wp-content\/uploads\/2015\/03\/office4.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<\/p><\/div>\n<p><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, ipsum voluptates eius placeat dolorum reprehenderit ducimus accusamus magni aspernatur at dolore assumenda quae suscipit enim veritatis obcaecati molestias laudantium maxime!<\/p>\n<\/p><\/div>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">29\/7\/2013 <span>July<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">Success color in panel event<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">15\/8\/2013 <span>August<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Responsive video in timeline<\/div>\n<div class=\"video\">\n                            <iframe src=\"http:\/\/player.vimeo.com\/video\/50061391?title=0&amp;byline=0&amp;portrait=0\"><\/iframe>\n                        <\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">29\/12\/2013 <span>December<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Progress bars in timeline<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, eaque, odit, officiis repellendus magni nihil enim reprehenderit vel fugit consequuntur totam harum saepe quo molestiae numquam nisi distinctio? Rem, magni.<\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n                                    <strong>HTML 5<\/strong><\/p>\n<div class=\"progress progress-sm\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n                                        <span class=\"sr-only\">90% Complete<\/span>\n                                      <\/div>\n<\/p><\/div>\n<p>                                    <strong>CSS 3<\/strong><\/p>\n<div class=\"progress progress-sm\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%;\">\n                                        <span class=\"sr-only\">70% Complete<\/span>\n                                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-6\">\n                                    <strong>Javascript<\/strong><\/p>\n<div class=\"progress progress-sm\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 90%;\">\n                                        <span class=\"sr-only\">90% Complete<\/span>\n                                      <\/div>\n<\/p><\/div>\n<p>                                    <strong>PHP 5<\/strong><\/p>\n<div class=\"progress progress-sm\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n                                        <span class=\"sr-only\">60% Complete<\/span>\n                                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">20\/2\/2014 <span>February<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-royal\">\n<div class=\"panel-heading\">Lorem ipsum dolor sit<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">7\/3\/2014 <span>March<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"alert alert-info\">\n<h4>You can use Alerts!<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, sequi, assumenda voluptates maxime natus possimus dolore rerum deleniti impedit hic minima id commodi obcaecati quas ab in incidunt rem harum?<\/p>\n<\/p><\/div>\n<\/li>\n<li class=\"animated fadeInRight animation-delay-2\">\n                    <time class=\"timeline-time\" datetime=\"\">31\/5\/2014 <span>May<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">Full image in Timeline<\/div>\n<div class=\"video\">\n                            <img decoding=\"async\" src=\"https:\/\/test.innovative8.uk.com\/wp3\/wp-content\/uploads\/2015\/03\/office2.jpg\" alt=\"\" width=\"100%\" class=\"img-responsive\">\n                        <\/div>\n<\/p><\/div>\n<\/li>\n<\/ul><\/div>\n<div class=\"col-md-3\">\n<div class=\"content-box box-primary animated fadeInDown animation-delay-14\">\n                <span class=\"icon-ar icon-ar-lg icon-ar-round icon-ar-inverse icon-ar-white\"><i class=\"fa fa-star\"><\/i><\/span><\/p>\n<h4 class=\"content-box-title\">Lorem ipsum dolor<\/h4>\n<p>Consectetur adipisicing elit vritatis dolor rem officia molestiae atque eveniet inventore earum quas voluptates cumque<\/p>\n<\/p><\/div>\n<p><\/p>\n<div class=\"panel-group animated fadeInDown animation-delay-12\" id=\"accordion\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                    <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseOne\"><br \/>\n                      <i class=\"fa fa-lightbulb-o\"><\/i> Talent and creativity<br \/>\n                    <\/a>\n                <\/div>\n<div id=\"collapseOne\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati molestiae id ipsum ipsa repudiandae. Voluptatum, molestias, quas magnam repellat quos facilis sequi. Ullam optio eius deleniti dolore quasi doloribus ipsam incidunt perferendis.<\/p>\n<p>Dolores, corrupti, laborum, officia sit aliquam doloremque accusantium nemo sunt veniam est incidunt perferendis minima obcaecati ex aperiam voluptatibus blanditiis eum suscipit magnam dolorum in adipisci nihil ipsam perspiciatis molestiae!<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                    <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseTwo\" class=\"collapsed\"><br \/>\n                      <i class=\"fa fa-desktop\"><\/i> Design and code<br \/>\n                    <\/a>\n                <\/div>\n<div id=\"collapseTwo\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit dignissimos inventore cupiditate expedita saepe enim nobis nostrum? Laborum, laudantium, maiores, cupiditate, perspiciatis at ad accusamus corporis sed ipsam et velit!<\/p>\n<p>Incidunt, harum itaque voluptatum asperiores recusandae explicabo maiores. Alias, quos, ex impedit at error id laborum fugit architecto qui beatae molestiae dolorum rem veritatis quia aliquam totam accusamus perferendis. Nulla!<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                    <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseThree\" class=\"collapsed\"><br \/>\n                      <i class=\"fa fa-user\"><\/i> Quality and Support<br \/>\n                    <\/a>\n                <\/div>\n<div id=\"collapseThree\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, rerum unde doloribus accusamus pariatur non expedita quibusdam velit totam obcaecati. Consequatur, deserunt, asperiores quam nisi earum voluptates animi labore tempore!<\/p>\n<p>Dolorum, aliquam, totam labore saepe error a eum culpa assumenda sint laudantium ipsa iure ullam et dicta nesciunt repellendus optio voluptatibus reprehenderit odit officia fugiat necessitatibus recusandae architecto ad neque?<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>14\/1\/2012 Junuary Simple text event in Timeline Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem. 27\/1\/2012 Junuary Event with responsive image Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, praesentium, quam! Quia fugiat aperiam. Perspiciatis soluta voluptate dolore officiis libero repellat cupiditate explicabo atque facere aliquam. 30\/4\/2012 April Event with list Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, neque, eos accusantium veniam error eligendi praesentium atque odio vero ipsa quia ipsam saepe. Omnis, esse atque aliquid ad tempore nesciunt! eveniet accusantium voluptatum itaque minima nam doloribus quas quos quasi quidem quas nostrum animi perferendis corporis vitae nobis 22\/10\/2012 October Blockquote in timeline! consectetur adipiscing elit. Integer sodales sagittis magna. consectetur adipiscing elit sed consequat, quam semper libero. Someone famous in Source Title 18\/3\/2013 March Event with several images and table! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, nulla recusandae blanditiis architecto soluta culpa obcaecati quis earum atque consequuntur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, ipsum voluptates eius placeat dolorum reprehenderit ducimus accusamus magni aspernatur at dolore assumenda quae suscipit enim veritatis obcaecati molestias laudantium maxime! # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter 29\/7\/2013 July Success color in panel event Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem. 15\/8\/2013 August Responsive video in timeline 29\/12\/2013 December Progress bars in timeline Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, eaque, odit, officiis repellendus magni nihil enim reprehenderit vel fugit consequuntur totam harum saepe quo molestiae numquam nisi distinctio? Rem, magni. HTML 5 90% Complete CSS 3 70% Complete Javascript 90% Complete PHP 5 60% Complete 20\/2\/2014 February Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, illum aspernatur placeat eveniet ullam modi asperiores perspiciatis labore animi odio ea dicta consectetur similique. Soluta officiis facilis velit sunt rem. 7\/3\/2014 March You can use Alerts! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, sequi, assumenda voluptates maxime natus possimus dolore rerum deleniti impedit hic minima id commodi obcaecati quas ab in incidunt rem harum? 31\/5\/2014 May Full image in Timeline Lorem ipsum dolor Consectetur adipisicing elit vritatis dolor rem officia molestiae atque eveniet inventore earum quas voluptates cumque Talent and creativity Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati molestiae id ipsum ipsa repudiandae. Voluptatum, molestias, quas magnam repellat quos facilis sequi. Ullam optio eius deleniti dolore quasi doloribus ipsam incidunt perferendis. Dolores, corrupti, laborum, officia sit aliquam doloremque accusantium nemo sunt veniam est incidunt perferendis minima obcaecati ex aperiam voluptatibus blanditiis eum suscipit magnam dolorum in adipisci nihil ipsam perspiciatis molestiae! Design and code Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit dignissimos inventore cupiditate expedita saepe enim nobis nostrum? Laborum, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-without-format.php","meta":{"footnotes":""},"class_list":["post-572","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/572","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=572"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/572\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}