{"id":160,"date":"2013-08-22T10:01:54","date_gmt":"2013-08-22T10:01:54","guid":{"rendered":"http:\/\/weblusive-themes.com\/straight\/?page_id=160"},"modified":"2013-08-22T10:01:54","modified_gmt":"2013-08-22T10:01:54","slug":"static-elements","status":"publish","type":"page","link":"https:\/\/scarabaeus.net\/index.php\/asbl\/static-elements\/","title":{"rendered":"Static elements"},"content":{"rendered":"<div class=\"row-fluid\">\n<div class=\"span3\">\n<h3>Side navigation<\/h3>\n<ul class=\"nav nav-list bs-docs-sidenav affix\"><li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>Overview<\/a><\/li>\n<li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>Transitions<\/a><\/li>\n<li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>Modal<\/a><\/li>\n<li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>Dropdown<\/a><\/li>\n<li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>ScrollSpy<\/a><\/li>\n<li><a href=\"#\"><i class=\"icon-caret-right\"><\/i>Tab<\/a><\/li><\/ul><\/div>\n<div class=\"span9\">\n<div class=\"row\">\n<div class=\"span12\">\n<h3>Progress Bars<\/h3>\n<p>\r\n\t<div class=\"progress progress-warning progress-striped active \">\r\n\t\t<div class=\"bar\" style=\"width:70%\"><\/div>\r\n\t<\/div> \r\n\t<div class=\"progress progress-danger   \">\r\n\t\t<div class=\"bar\" style=\"width:40%\"><\/div>\r\n\t<\/div> \r\n\t<div class=\"progress progress-success   \">\r\n\t\t<div class=\"bar\" style=\"width:80%\"><\/div>\r\n\t<\/div> \r\n\t<div class=\"progress progress-info   \">\r\n\t\t<div class=\"bar\" style=\"width:25%\"><\/div>\r\n\t<\/div><\/p><\/div>\n<\/div>\n<h3 class=\"top-spacing\">Alerts (Information blocks)<\/h3>\n<div class=\"row\">\n<div class=\"span6\">\r\n\t<div class=\"alert alert-block\">\r\n\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button>\r\n\t\t<h4 class=\"alert-heading\">Warning<\/h4>\r\n\t\t dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt\r\n\t<\/div><\/div>\n<div class=\"span6\">\r\n\t<div class=\"alert alert-info\">\r\n\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button>\r\n\t\t<h4 class=\"alert-heading\">Information block<\/h4>\r\n\t\t dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt\r\n\t<\/div><\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"span6\">\r\n\t<div class=\"alert alert-success\">\r\n\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button>\r\n\t\t<h4 class=\"alert-heading\">Information block<\/h4>\r\n\t\t dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt\r\n\t<\/div><\/div>\n<div class=\"span6\">\r\n\t<div class=\"alert alert-danger\">\r\n\t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button>\r\n\t\t<h4 class=\"alert-heading\">Information block<\/h4>\r\n\t\t dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt\r\n\t<\/div><\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"span12\">\n<h3 class=\"top-spacing\">Buttons<\/h3>\n<table class=\"table table-striped table-bordered text-center\">\n<thead>\n<tr>\n<th>Size<\/th>\n<th>Type<\/th>\n<th>Shape<\/th>\n<th>Icons<\/th>\n<th>State<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><a href=\"#\" class=\"btn  btn-mini    \"><i class=\"\"><\/i>Mini size<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-success   \"><i class=\"\"><\/i>Success button<\/a><\/td>\n<td><a href=\"#\" class=\"btn square medium    \"><i class=\"\"><\/i>Square button<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-success   \"><i class=\"icon-skype\"><\/i>Button with icon<\/a><\/td>\n<td><a href=\"#\" class=\"btn  btn-large   disabled \"><i class=\"\"><\/i>Disabled button<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#\" class=\"btn  btn-small    \"><i class=\"\"><\/i>Small size<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-info   \"><i class=\"\"><\/i>Info button<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium    \"><i class=\"\"><\/i>Round button<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-info   \"><i class=\"icon-building\"><\/i>Button with icon<\/a><\/td>\n<td><a href=\"#\" target=\"_blank\" class=\"btn  btn-large    \"><i class=\"\"><\/i>Open in new window<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#\" class=\"btn  medium    \"><i class=\"\"><\/i>Regular size<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-inverse   \"><i class=\"\"><\/i>Inversed button<\/a><\/td>\n<td><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-danger   \"><i class=\"icon-compass\"><\/i>Button with icon<\/a><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#\" class=\"btn  btn-large    \"><i class=\"\"><\/i>Big size<\/a><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-warning   \"><i class=\"\"><\/i>Warning button<\/a><\/td>\n<td><\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><a href=\"#\" class=\"btn  medium btn-danger   \"><i class=\"\"><\/i>Alert button<\/a><\/td>\n<td><\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"row\">\n<h3 class=\"top-spacing\">Promo block<\/h3>\n<p><section class=\"quote promo-box\"><blockquote><i class=\"icon-facebook\"><\/i><span>Follow us<\/span> on facebook and get exclusive offers! <a class=\"preview-button\" href=\"#\">Subscribe<\/a><div class=\"clear\"><\/div><\/blockquote><\/section><\/div>\n<div class=\"row\">\n<div class=\"span12\">\n<h3 class=\"top-spacing\">Social buttons<\/h3>\n<p><ul class=\"social-list\"><li><a href=\"#\" target=\"_blank\"><i class=\"icon-bitbucket\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-dribbble\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-facebook\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-flickr\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-github\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-google-plus\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-instagram\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-linkedin\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-pinterest\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-skype\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-stackexchange\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-tumblr\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-twitter\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-vk\"><\/i><\/a><\/li>\n<li><a href=\"#\" target=\"_blank\"><i class=\"icon-youtube\"><\/i><\/a><\/li><\/ul><\/p><\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"span6\">\n<h3 class=\"top-spacing\">Side Navigation<\/h3>\n<div class=\"well\" style=\"max-width: 340px; padding: 8px 0\"><ul class=\"nav nav-list\"><li class=\"nav-header\">Vertical nav header<\/li> \r\n\t\t\t\t<li><a href=\"http:\/\/www.google.com\">Google<\/a><\/li>\n \r\n\t\t\t\t<li><a href=\"#\">Business<\/a><\/li>\n \r\n\t\t\t\t<li><a href=\"#\">Marketing<\/a><\/li>\n \r\n\t\t\t\t<li><a href=\"#\">Seo\/Sem<\/a><\/li>\n \r\n\t\t\t\t<li><a href=\"#\">Development<\/a><\/li><\/ul><\/div><\/div>\n<div class=\"span6\">\n<h3 class=\"top-spacing\">Top Navigation<\/h3>\n<p>\r\n\t\t\t<div class=\"btn-group\">\r\n\t\t\t\t <a class=\"btn dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\">Wordpress Developer<span class=\"caret\"><\/span><\/a><ul class=\"dropdown-menu\" id=\"94704\"><li><a href=\"#\">No content<\/a><\/li>\n<li><a href=\"#\"><\/a><\/li>\n<li class=\"divider\"><\/li><\/ul><\/div> \r\n\t\t\t<div class=\"btn-group\">\r\n\t\t\t\t<button class=\"btn\">Wordpress Developer<\/button>\r\n\t\t\t\t<button class=\"btn dropdown-toggle\" data-toggle=\"dropdown\">\r\n\t\t\t\t<span class=\"caret\"><\/span>\r\n\t\t\t\t<\/button><ul class=\"dropdown-menu\" id=\"23662\"><li><a href=\"#\">No content<\/a><\/li>\n<li><a href=\"#\"><\/a><\/li>\n<li class=\"divider\"><\/li><\/ul><\/div><\/p>\n<div style=\"height: 30px;\"><\/div>\n\r\n\t<div class=\"navbar navbar-shortcode\">\r\n\t\t<div class=\"navbar-inner\"> <a class=\"brand\" href=\"#\">Header List<\/a><ul class=\"nav\"> \r\n\t\t\t\t\t\t<li><a href=\"#\">Home<\/a><\/li>\n \r\n\t\t\t\t\t\t<li><a href=\"#\">Library<\/a><\/li>\n \r\n\t\t\t\t\t\t<li><a href=\"#\">Applications<\/a><\/li>\r\n\t\t\t<\/ul>\r\n\t\t<\/div>\r\n\t<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Side navigation Progress Bars Alerts (Information blocks) Buttons Size Type Shape Icons State Promo block Social buttons Side Navigation Top Navigation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":0,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/scarabaeus.net\/index.php\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}