{"id":247,"date":"2016-11-22T10:54:30","date_gmt":"2016-11-22T08:54:30","guid":{"rendered":"https:\/\/dentalprime.dgsoft.eu\/?page_id=247"},"modified":"2016-11-22T10:54:30","modified_gmt":"2016-11-22T08:54:30","slug":"panels-and-wells","status":"publish","type":"page","link":"https:\/\/adolfoberchelmann.com\/en\/panels-and-wells\/","title":{"rendered":"Panels and Wells"},"content":{"rendered":"\n<div class=\"roww\">\n<div class=\"col-lg-4\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Default Panel<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Primary Panel<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"panel panel-success\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Success Panel<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"roww\">\n<div class=\"col-lg-4\">\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Info Panel<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"panel panel-warning\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Warning Panel<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"panel panel-danger\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"> Danger Panel <\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<div class=\"panel-footer\"> Panel Footer<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"roww\">\n<div class=\"col-lg-6\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Basic Tabs<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#home\" data-toggle=\"tab\">Home<\/a> <\/li>\n<li><a href=\"#profile\" data-toggle=\"tab\">Profile<\/a> <\/li>\n<li><a href=\"#messages\" data-toggle=\"tab\">Messages<\/a> <\/li>\n<li><a href=\"#settings\" data-toggle=\"tab\">Settings<\/a> <\/li>\n<\/ul>\n<div class=\"tab-content\">\n<div class=\"tab-pane fade in active\" id=\"home\">\n<h4>Home Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"profile\">\n<h4>Profile Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"messages\">\n<h4>Messages Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"settings\">\n<h4>Settings Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-lg-6\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"> Pill Tabs <\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul class=\"nav nav-pills\">\n<li class=\"active\"><a href=\"#home-pills\" data-toggle=\"tab\">Home<\/a> <\/li>\n<li><a href=\"#profile-pills\" data-toggle=\"tab\">Profile<\/a> <\/li>\n<li><a href=\"#messages-pills\" data-toggle=\"tab\">Messages<\/a> <\/li>\n<li><a href=\"#settings-pills\" data-toggle=\"tab\">Settings<\/a> <\/li>\n<\/ul>\n<div class=\"tab-content\">\n<div class=\"tab-pane fade in active\" id=\"home-pills\">\n<h4>Home Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"profile-pills\">\n<h4>Profile Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"messages-pills\">\n<h4>Messages Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"settings-pills\">\n<h4>Settings Tab<\/h4>\n<p>Lorem ipsum 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 voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clearfix\"><\/div>\n<div class=\"roww\">\n<div class=\"col-lg-4\">\n<div class=\"well\">\n<h4>Normal Well<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"well well-lg\">\n<h4>Large Well<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<\/div>\n<div class=\"col-lg-4\">\n<div class=\"well well-sm\">\n<h4>Small Well<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clearfix\"><\/div>\n<div class=\"roww\">\n<div class=\"container\">\n<h2>Accordion Example<\/h2>\n<div id=\"accordion\" class=\"accordion-wrapper ui-accordion ui-widget ui-helper-reset animated fadeInUp\" role=\"tablist\">\n<div class=\"accordion-heading ui-accordion-header ui-state-default ui-accordion-icons ui-corner-all\" role=\"tab\" id=\"ui-id-1\" aria-controls=\"ui-id-2\" aria-selected=\"false\" aria-expanded=\"false\" tabindex=\"0\"><span class=\"ui-accordion-header-icon ui-icon ui-icon-triangle-1-e\"><\/span>Pertinacia mediocritatem concludaturque no his<\/div>\n<div class=\"accordion-content ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom\" style=\"height: 68.1333px; display: none;\" id=\"ui-id-2\" aria-labelledby=\"ui-id-1\" role=\"tabpanel\" aria-hidden=\"true\">Pertinacia mediocritatem concludaturque no his. Paulo munere est id, sea ne impetus officiis. Reque <\/div>\n<div class=\"accordion-heading ui-accordion-header ui-state-default ui-accordion-icons ui-corner-all\" role=\"tab\" id=\"ui-id-3\" aria-controls=\"ui-id-4\" aria-selected=\"false\" aria-expanded=\"false\" tabindex=\"-1\"><span class=\"ui-accordion-header-icon ui-icon ui-icon-triangle-1-e\"><\/span>Id facilisi menandri vim, id vel partem facilisi<\/div>\n<div class=\"accordion-content ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom\" style=\"height: 68.1333px; display: none;\" id=\"ui-id-4\" aria-labelledby=\"ui-id-3\" role=\"tabpanel\" aria-hidden=\"true\">Id facilisi menandri vim, id vel partem facilisi. Qui cu sint dolore. Ei has solum causae blandit, w<\/div>\n<div class=\"accordion-heading ui-accordion-header ui-state-default ui-accordion-icons ui-corner-all\" role=\"tab\" id=\"ui-id-5\" aria-controls=\"ui-id-6\" aria-selected=\"false\" aria-expanded=\"false\" tabindex=\"-1\"><span class=\"ui-accordion-header-icon ui-icon ui-icon-triangle-1-e\"><\/span>Ullum mucius percipit et duo, et odio theophrastus eam<\/div>\n<div class=\"accordion-content ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom\" style=\"height: 68.1333px; display: none;\" id=\"ui-id-6\" aria-labelledby=\"ui-id-5\" role=\"tabpanel\" aria-hidden=\"true\">Ullum mucius percipit et duo, et odio theophrastus eam. No nulla perpetua duo. Eos ei veniam consequ<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"roww\">\n<div class=\"col-lg-12\">\n<div class=\"jumbotron\">\n<h1>Jumbotron<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing.<\/p>\n<p><a class=\"btn btn-primary btn-lg\" role=\"button\">Learn more<\/a> <\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Default Panel Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue. Panel Footer Primary Panel Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue. Panel Footer Success [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":0,"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"wp:attachment":[{"href":"https:\/\/adolfoberchelmann.com\/en\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}