{"id":284,"date":"2015-03-25T21:30:15","date_gmt":"2015-03-25T21:30:15","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=284"},"modified":"2015-03-25T21:30:15","modified_gmt":"2015-03-25T21:30:15","slug":"option-6-professional-profile","status":"publish","type":"page","link":"http:\/\/re-test.ru\/?page_id=284","title":{"rendered":"Option 6: Professional Profile"},"content":{"rendered":"<header class=\"profile-header\">\n<div class=\"dark-div\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-6 col-md-push-6\">\n<h1 class=\"animated fadeInDown animation-delay-1\">Adri\u00e1n Guerra Marrero<\/h1>\n<h2 class=\"animated fadeInDown animation-delay-2\">Web Designer &amp;  Game Developer<\/h2>\n<div class=\"profile-header-btn text-center\">\n                        <a href=\"#\" class=\"btn btn-ar btn-primary btn-lg animated fadeInLeft animation-delay-2\"><i class=\"fa fa-desktop\"><\/i> View Portfolio<\/a><br \/>\n                        <a href=\"#\" class=\"btn btn-ar btn-danger btn-lg animated fadeInRight animation-delay-2\"><i class=\"fa fa-download\"><\/i> Download CV<\/a>\n                    <\/div>\n<div class=\"profile-header-social\">\n                        <a href=\"#\" class=\"btn-social btn-social-white sm animated fadeInUp animation-delay-2\"><i class=\"fa fa-facebook\"><\/i><\/a><br \/>\n                        <a href=\"#\" class=\"btn-social btn-social-white sm animated fadeInUp animation-delay-6\"><i class=\"fa fa-twitter\"><\/i><\/a><br \/>\n                        <a href=\"#\" class=\"btn-social btn-social-white sm animated fadeInUp animation-delay-10\"><i class=\"fa fa-google-plus\"><\/i><\/a><br \/>\n                        <a href=\"#\" class=\"btn-social btn-social-white sm animated fadeInUp animation-delay-8\"><i class=\"fa fa-linkedin\"><\/i><\/a><br \/>\n                        <a href=\"#\" class=\"btn-social btn-social-white sm animated fadeInUp animation-delay-4\"><i class=\"fa fa-github-alt\"><\/i><\/a>\n                    <\/div>\n<\/p><\/div>\n<div class=\"col-md-6 col-md-pull-6\">\n<div class=\"home-profile-img center-block text-center animated fadeInDown animation-delay-6\">\n                        <img src=\"http:\/\/re-test.ru\/wp-content\/uploads\/2015\/03\/profile.jpg\" alt=\"Author image\">\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<div class=\"container margin-bottom\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"right-line no-margin-bottom\">About us<\/h2>\n<\/p><\/div>\n<div class=\"col-md-6 animated fadeInLeft animation-delay-8\">\n<h3>Description<\/h3>\n<p class=\"animated\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat cum laudantium quos tempora magnam voluptas sint perspiciatis nulla ipsa itaque atque quod incidunt maiores iusto, laborum, magni aliquam. Aut eligendi nesciunt nobis eum dolorum maxime corporis dicta, repudiandae eveniet ab laboriosam minima voluptate quaerat sequi modi suscipit cumque unde. Rerum.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis porro, magni obcaecati cupiditate nulla rem quae, eveniet corrupti reprehenderit maiores nobis doloribus expedita non quasi itaque. Incidunt, delectus quidem vitae laudantium, natus quibusdam odio eius eligendi tenetur! Ea, repudiandae eveniet ab minima laboriosam minima voluptate quaerat sequi harum. Aspernatur harum labore voluptates modi aperiam sunt, sit quaerat, soluta perspiciatis.<\/p>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h3>Knowledge<\/h3>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-6\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 100%;\">\n                HTML 5 &amp; CSS 3\n              <\/div>\n<\/p><\/div>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-8\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%\">\n                Javascript &amp; Jquery\n              <\/div>\n<\/p><\/div>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-10\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"70\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70%\">\n                PHP 5 &amp; MYSQL 5\n              <\/div>\n<\/p><\/div>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-12\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 75%\">\n                C\/C++\n              <\/div>\n<\/p><\/div>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-14\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80%\">\n                Python\n              <\/div>\n<\/p><\/div>\n<div class=\"progress progress-lg animated fadeInUp animation-delay-16\">\n<div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 50%\">\n                Node.js\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p> <!-- container --><\/p>\n<section class=\"wrap-primary-color margin-bottom\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n                    [circle-js value=43]<\/p>\n<h4 class=\"text-center\">HTML 5<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n                    [circle-js value=62]<\/p>\n<h4 class=\"text-center\">CSS 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n                    [circle-js value=80]<\/p>\n<h4 class=\"text-center\">Jquery<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n                    [circle-js value=100]<\/p>\n<h4 class=\"text-center\">Bootstrap 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/section>\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n            [last-portfolio rows=2 items=8 title=&#187;Recents Works&#187; title_class=&#187;right-line&#187; controls=0]\n        <\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"right-line\">Professional Timeline<\/h2>\n<ul class=\"timeline-2\">\n<li class=\"wow fadeInRight\">\n                    <time class=\"timeline-time\" datetime=\"\">14\/1\/1980 <span>Junuary<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">Your first work or project<\/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=\"wow fadeInRight\">\n                    <time class=\"timeline-time\" datetime=\"\">27\/1\/1999 <span>February<\/span><\/time><br \/>\n                    <i class=\"timeline-2-point\"><\/i><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">I learned German!<\/div>\n<div class=\"panel-body\">\n<div class=\"row\">\n<div class=\"col-sm-4\">\n                                    <img src=\"http:\/\/re-test.ru\/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=\"wow fadeInRight\">\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\">Other work or project<\/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=\"wow fadeInRight\">\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=\"wow fadeInRight\">\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 src=\"http:\/\/re-test.ru\/wp-content\/uploads\/2015\/03\/office2.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<div class=\"col-sm-4\">\n                                    <img src=\"http:\/\/re-test.ru\/wp-content\/uploads\/2015\/03\/office3.jpg\" alt=\"\" class=\"img-responsive\">\n                                <\/div>\n<div class=\"col-sm-4\">\n                                    <img src=\"http:\/\/re-test.ru\/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=\"wow fadeInRight\">\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=\"wow fadeInRight\">\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=\"wow fadeInRight\">\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<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Adri\u00e1n Guerra Marrero Web Designer &amp; Game Developer View Portfolio Download CV About us Description Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat cum laudantium quos tempora magnam voluptas sint perspiciatis nulla ipsa itaque atque quod incidunt maiores iusto, laborum, magni aliquam. Aut eligendi nesciunt nobis eum dolorum maxime corporis dicta, repudiandae eveniet ab &hellip; <a href=\"http:\/\/re-test.ru\/?page_id=284\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435 <span class=\"screen-reader-text\">Option 6: Professional Profile<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-without-cointainer.php","meta":{"spay_email":""},"_links":{"self":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages\/284"}],"collection":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/re-test.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=284"}],"version-history":[{"count":0,"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages\/284\/revisions"}],"wp:attachment":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}