{"id":19,"date":"2014-05-05T04:39:16","date_gmt":"2014-05-05T04:39:16","guid":{"rendered":"http:\/\/imicreationlive.com\/heylone\/?page_id=19"},"modified":"2014-05-05T04:39:16","modified_gmt":"2014-05-05T04:39:16","slug":"features","status":"publish","type":"page","link":"https:\/\/josselin.ovh\/index.php\/features\/","title":{"rendered":"Features"},"content":{"rendered":"<div class=\"row\">\n<div class=\"col-md-6 \">\n<h1 class=\"\">H1 heading style<\/h1>\n<h2 class=\"\">H2 heading style<\/h2>\n<h3 class=\"\">H3 heading style<\/h3>\n<h4 class=\"\">H4 heading style<\/h4>\n<h5 class=\"\">H5 heading style<\/h5>\n<h6 class=\"\">H6 heading style<\/h6>\n<\/div>\n<div class=\"col-md-6 \">\n<h3 class=\"\">Blockquote<\/h3>\n<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.<\/p><cite>- Author name here<\/cite><\/blockquote>\n<h3 class=\"\">Labels<\/h3>\n<p class=\"\">\n<span class=\"label label-primary\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit.<br \/>\n<\/p>\n<p class=\"\">\n<span class=\"label label-danger\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit.<br \/>\n<\/p>\n<p class=\"\">\n<span class=\"label label-info\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit.<br \/>\n<\/p>\n<p class=\"\">\n<span class=\"label label-success\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit.<br \/>\n<\/p>\n<p class=\"\">\n<span class=\"label label-warning\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit.<br \/>\n<\/p>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \">\n<h3 class=\"\">Dropcaps<\/h3>\n<\/div>\n<div class=\"col-md-6 \">\n<div class=\"row\"><p class=\"drop-caps \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p><\/div>\n<\/div>\n<div class=\"col-md-6 \">\n<div class=\"row\"><p class=\"drop-caps secondary\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p><\/div>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \">\n<h3 class=\"\">Lists<\/h3>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<h3 class=\"\">Unordered List<\/h3>\n<ul class=\"unordered \">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>\u00a0Nulla volutpat aliquam velit<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<h3 class=\"spaced\">Description List<\/h3>\n<dl>\n<dt>Description lists<\/dt><dd>A description list is perfect for defining terms.<\/dd>\n<dt>Euismod<\/dt>\n<dt>Malesuada porta<\/dt><dd>Etiam porta sem malesuada magna mollis euismod.<\/dd>\n<\/dl>\n<\/div>\n<div class=\"col-md-6 \">\n<h3 class=\"\">Ordered List<\/h3>\n<ol>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<\/ol>\n<h3 class=\"spaced\">Icons List<\/h3>\n<ul class=\"icon checks\">\n<li><i class=\"icon-envelope-alt\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"icon-film\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<\/ul>\n<ul class=\"icon carets\">\n<li><i class=\"icon-envelope-alt\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"icon-film\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<\/ul>\n<ul class=\"icon chevrons\">\n<li><i class=\"icon-envelope-alt\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"icon-film\"><\/i>Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<\/ul>\n<h3 class=\"spaced\">Inline<\/h3>\n<ul class=\"inline \">\n<li>Lorem ipsum<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Nulla volutpat<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \">\n<h3 class=\"\">Code<\/h3>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<p class=\"\">For example,\u00a0<code>&lt;section&gt;<\/code>\u00a0should be wrapped as inline.<\/p>\n<\/div>\n<div class=\"col-md-6 \"><pre>&lt;p&gt;Sample text here...&lt;p&gt;<\/pre><\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12 \">\n<h3 class=\"\">Tabels<\/h3>\n<table class=\"table table-striped\"><tbody>\n<tr>\n<th> # <\/th>\n<th> First Name <\/th>\n<th> Last Name <\/th>\n<th> Username <\/th>\n<\/tr>\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\u00a0<\/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><\/table>\n<table class=\"table table-bordered\"><tbody>\n<tr>\n<th> # <\/th>\n<th> First Name <\/th>\n<th> Last Name <\/th>\n<th> Username <\/th>\n<\/tr>\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>\u00a0Thornton\u00a0<\/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><\/table>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<h3 class=\"\">Tabs<\/h3>\n<div class=\"tabs\">\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"> <a data-toggle=\"tab\" href=\"#sampletabs0\">  Sample Tab #1  <\/a> <\/li>\n<li class=\"\"> <a data-toggle=\"tab\" href=\"#sampletabs1\"> \u00a0Sample Tab #2  <\/a> <\/li>\n<li class=\"\"> <a data-toggle=\"tab\" href=\"#sampletabs2\">  Sample Tab #3  <\/a> <\/li>\n<\/ul>\n<div class=\"tab-content\">\n<div id=\"sampletabs0\" class=\"tab-pane active\">\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.<\/p>\n<\/div>\n<div id=\"sampletabs1\" class=\"tab-pane \">\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.<\/p>\n<\/div>\n<div id=\"sampletabs2\" class=\"tab-pane \">\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3 class=\"\">Progress Bar<\/h3>\n<div class=\"progress-label\"> <span>HTML\/CSS<\/span> <\/div><div class=\"progress \"><div class=\"progress-bar progress-bar-primary\" data-appear-progress-animation=\"90%\" data-appear-animation-delay=\"200\"> <span class=\"progress-bar-tooltip\">90%<\/span> <\/div><\/div>\n<div class=\"progress-label\"> <span>Photoshop<\/span> <\/div><div class=\"progress \"><div class=\"progress-bar progress-bar-primary\" data-appear-progress-animation=\"95%\" data-appear-animation-delay=\"200\"> <span class=\"progress-bar-tooltip\">95%<\/span> <\/div><\/div>\n<div class=\"progress-label\"> <span>Joomla<\/span> <\/div><div class=\"progress \"><div class=\"progress-bar progress-bar-primary\" data-appear-progress-animation=\"75%\" data-appear-animation-delay=\"200\"> <span class=\"progress-bar-tooltip\">75%<\/span> <\/div><\/div>\n<div class=\"progress-label\"> <span>Wordpress<\/span> <\/div><div class=\"progress \"><div class=\"progress-bar progress-bar-primary\" data-appear-progress-animation=\"100%\" data-appear-animation-delay=\"200\"> <span class=\"progress-bar-tooltip\">100%<\/span> <\/div><\/div>\n<span class=\"\">Stripped Progress Bar<\/span>\n<div class=\"progress progress-striped\"><div class=\"progress-bar progress-bar-success\" style=\"width: 40%\"><span class=\"sr-only\">40% Complete (success)<\/span><\/div><\/div>\n<span class=\"\">Colored Progress Bar<\/span>\n<div class=\"progress \"><div class=\"progress-bar progress-bar-info\" style=\"width: 20%\"> <span class=\"sr-only\">20% Complete <\/span> <\/div><\/div>\n<div class=\"progress \"><div class=\"progress-bar progress-bar-warning\" style=\"width: 60%\"> <span class=\"\">60% Complete (warning)<\/span> <\/div><\/div>\n<div class=\"progress \"><div class=\"progress-bar progress-bar-danger\" style=\"width: 80%\"> <span class=\"sr-only\">80% Complete <\/span> <\/div><\/div>\n<\/div>\n<div class=\"col-md-6 \">\n<h3 class=\"\">Accordion<\/h3>\n<div class=\"accordion\" id=\"accordionarea\">\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading accordionize\"> <a class=\"accordion-toggle active\" data-toggle=\"collapse\" data-parent=\"#accordionarea\" href=\"#area0\"> Accordion Panel #1 <i class=\"fa fa-angle-down\"><\/i> <\/a> <\/div>\n<div id=\"area0\" class=\"accordion-body in collapse\">\n\t\t\t\t\t  <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. <\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading accordionize\"> <a class=\"accordion-toggle \" data-toggle=\"collapse\" data-parent=\"#accordionarea\" href=\"#area1\"> Accordion Panel #2 <i class=\"fa fa-angle-down\"><\/i> <\/a> <\/div>\n<div id=\"area1\" class=\"accordion-body  collapse\">\n\t\t\t\t\t  <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. <\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading accordionize\"> <a class=\"accordion-toggle \" data-toggle=\"collapse\" data-parent=\"#accordionarea\" href=\"#area2\"> Accordion Panel #3 <i class=\"fa fa-angle-down\"><\/i> <\/a> <\/div>\n<div id=\"area2\" class=\"accordion-body  collapse\">\n\t\t\t\t\t  <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. <\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n<\/div>\n<h3 class=\"\">Toggles<\/h3>\n<div class=\"accordion\" id=\"toggletest\">\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading togglize\"> <a class=\"accordion-toggle\" data-toggle=\"collapse\" data-parent=\"#\" href=\"#test0\"> Toggle Panel #1 <i class=\"fa fa-plus-circle\"><\/i> <i class=\"fa fa-minus-circle\"><\/i> <\/a> <\/div>\n<div id=\"test0\" class=\"accordion-body collapse\">\n              <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.  <\/div>\n            <\/div>\n<\/div>\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading togglize\"> <a class=\"accordion-toggle\" data-toggle=\"collapse\" data-parent=\"#\" href=\"#test1\"> Toggle Panel #2 <i class=\"fa fa-plus-circle\"><\/i> <i class=\"fa fa-minus-circle\"><\/i> <\/a> <\/div>\n<div id=\"test1\" class=\"accordion-body collapse\">\n              <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.  <\/div>\n            <\/div>\n<\/div>\n<div class=\"accordion-group panel\">\n<div class=\"accordion-heading togglize\"> <a class=\"accordion-toggle\" data-toggle=\"collapse\" data-parent=\"#\" href=\"#test2\"> Toggle Panel #3 <i class=\"fa fa-plus-circle\"><\/i> <i class=\"fa fa-minus-circle\"><\/i> <\/a> <\/div>\n<div id=\"test2\" class=\"accordion-body collapse\">\n              <div class=\"accordion-inner\"> Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.  <\/div>\n            <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<h3 class=\"\">Alert Boxes<\/h3>\n<div class=\"alert alert-standard fade in\">  <a class=\"close\" data-dismiss=\"alert\" href=\"#\">&times;<\/a>Oh snap! Change a few things up and try submitting again. <\/div>\n<div class=\"alert alert-warning fade in\">  <a class=\"close\" data-dismiss=\"alert\" href=\"#\">&times;<\/a>Oh snap! Change a few things up and try submitting again. <\/div>\n<div class=\"alert alert-error fade in\">  <a class=\"close\" data-dismiss=\"alert\" href=\"#\">&times;<\/a>Oh snap! Change a few things up and try submitting again. <\/div>\n<div class=\"alert alert-info fade in\">  <a class=\"close\" data-dismiss=\"alert\" href=\"#\">&times;<\/a>Oh snap! Change a few things up and try submitting again. <\/div>\n<div class=\"alert alert-success fade in\">  <a class=\"close\" data-dismiss=\"alert\" href=\"#\">&times;<\/a>Oh snap! Change a few things up and try submitting again. <\/div>\n<\/div>\n<div class=\"col-md-6 \">\n<h3 class=\"\">Tooltips<\/h3>\n<p class=\"\">Tight pants next level keffiyeh \u00a0<a href=\"#\" rel=\"tooltip\" data-toggle=\"tooltip\" data-original-title=\"Default Tooltip\" data-placement=\"top\">you probably<\/a>\u00a0\u00a0haven&#8217;t heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney&#8217;s fixie sustainable quinoa 8-bit american apparel <a href=\"#\" rel=\"tooltip\" data-toggle=\"tooltip\" data-original-title=\"Another Tooltip\" data-placement=\"bottom\">have a<\/a>\u00a0terry richardson vinyl chambray.<\/p>\n<\/div>\n<\/div>\n<section class=\"counters margin-30 text-align-center\"><div class=\"container row\">\n<div class=\"col-md-3 col-md-3 col-sm-3\">\n<div class=\"fact-ico\"> <i class=\"fa fa-glass fa-3x\"><\/i> <\/div><div class=\"clearfix\"><\/div><div class=\"timer\" data-perc=\"2000\"> <span class=\"count\">9000<\/span><\/div><div class=\"clearfix\"><\/div><span class=\"fact\">Drinks Consumed<\/span>\n<\/div>\n<div class=\"col-md-3 col-md-3 col-sm-3\">\n<div class=\"fact-ico\"> <i class=\"fa fa-map-marker fa-3x\"><\/i> <\/div><div class=\"clearfix\"><\/div><div class=\"timer\" data-perc=\"1500\"> <span class=\"count\">96<\/span><\/div><div class=\"clearfix\"><\/div><span class=\"fact\">Places Visited<\/span>\n<\/div>\n<div class=\"col-md-3 col-md-3 col-sm-3\">\n<div class=\"fact-ico\"> <i class=\"fa fa-music fa-3x\"><\/i> <\/div><div class=\"clearfix\"><\/div><div class=\"timer\" data-perc=\"2000\"> <span class=\"count\">1500<\/span><\/div><div class=\"clearfix\"><\/div><span class=\"fact\">Songs Played<\/span>\n<\/div>\n<div class=\"col-md-3 col-md-3 col-sm-3\">\n<div class=\"fact-ico\"> <i class=\"fa fa-dribbble fa-3x\"><\/i> <\/div><div class=\"clearfix\"><\/div><div class=\"timer\" data-perc=\"2000\"> <span class=\"count\">1400<\/span><\/div><div class=\"clearfix\"><\/div><span class=\"fact\">hours played<\/span>\n<\/div>\n<\/div><\/section>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<h3 class=\"\">Buttons<\/h3>\n<a class=\"btn btn-default\" href=\"http:\/\/\" target=\"_self\" >Default<\/a>\n<a class=\"btn btn-primary\" href=\"http:\/\/\" target=\"_self\" >Primary<\/a>\n<a class=\"btn btn-success\" href=\"http:\/\/\" target=\"_self\" >Success<\/a>\n<a class=\"btn btn-info\" href=\"http:\/\/\" target=\"_self\" >Info<\/a>\n<a class=\"btn btn-warning\" href=\"http:\/\/\" target=\"_self\" >Warning<\/a>\n<a class=\"btn btn-danger\" href=\"http:\/\/\" target=\"_self\" >Danger<\/a>\n<h2 class=\"spaced\">Button Desabled<\/h2>\n<a class=\"btn btn-primary\" href=\"http:\/\/\" target=\"_self\" disabled=\"disabled\">Primary button<\/a>\n<a class=\"btn btn-default\" href=\"http:\/\/\" target=\"_self\" disabled=\"disabled\">Button<\/a>\n<h2 class=\"spaced\">Labels<\/h2>\n<span class=\"label label-default\">Default<\/span>\n<span class=\"label label-primary\">Primary<\/span>\n<span class=\"label label-success\">Success<\/span>\n<span class=\"label label-info\">Info<\/span>\n<span class=\"label label-warning\">Warning<\/span>\n<span class=\"label label-dark\">Dark<\/span>\n<\/div>\n<div class=\"col-md-6 \">\n<hr class=\"visible-sm visible-xs tall\">\n<h3 class=\"\">Pagination<\/h3>\n<p class=\"short\">Large<\/p>\n<ul class=\"pagination pagination-lg\">\n<li><a href=\"#\"><i class=\"fa fa-chevron-left\"><\/i><\/a><\/li>\n<li class=\"active\"><a href=\"#\">1 <\/a><\/li>\n<li class=\"\"><a href=\"#\">2 <\/a><\/li>\n<li class=\"\"><a href=\"#\">3 <\/a><\/li>\n<li class=\"\"><a href=\"#\">4 <\/a><\/li>\n<li class=\"\"><a href=\"#\">5 <\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-chevron-right\"><\/i><\/a><\/li>\n<\/ul>\n<p class=\"short\">Default<\/p>\n<ul class=\"pagination \">\n<li><a href=\"#\"><i class=\"fa fa-chevron-left\"><\/i><\/a><\/li>\n<li class=\"active\"><a href=\"#\">1 <\/a><\/li>\n<li class=\"\"><a href=\"#\">2 <\/a><\/li>\n<li class=\"\"><a href=\"#\">3 <\/a><\/li>\n<li class=\"\"><a href=\"#\">4 <\/a><\/li>\n<li class=\"\"><a href=\"#\">5 <\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-chevron-right\"><\/i><\/a><\/li>\n<\/ul>\n<p class=\"short\">Small<\/p>\n<ul class=\"pagination pagination-sm\">\n<li><a href=\"#\"><i class=\"fa fa-chevron-left\"><\/i><\/a><\/li>\n<li class=\"active\"><a href=\"#\">1 <\/a><\/li>\n<li class=\"\"><a href=\"#\">2 <\/a><\/li>\n<li class=\"\"><a href=\"#\">3 <\/a><\/li>\n<li class=\"\"><a href=\"#\">4 <\/a><\/li>\n<li class=\"\"><a href=\"#\">5 <\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-chevron-right\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":0,"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"wp:attachment":[{"href":"https:\/\/josselin.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}