{"id":152,"date":"2014-01-26T10:42:06","date_gmt":"2014-01-26T10:42:06","guid":{"rendered":"http:\/\/dhakadesk.com\/retouch\/?page_id=152"},"modified":"2014-01-26T10:42:06","modified_gmt":"2014-01-26T10:42:06","slug":"ui-elements","status":"publish","type":"page","link":"https:\/\/brauntoncare.co.uk\/index.php\/ui-elements\/","title":{"rendered":"UI Elements"},"content":{"rendered":"<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Basic Accordion<\/h5><\/div>\n<div class=\"panel-group\" id=\"accordion-0\">\n<div class=\"panel panel-default\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-0\" href=\"#collapse_0_collapsible-group-item-01\">Collapsible Group Item #01<\/a><\/h3><\/div><div id=\"collapse_0_collapsible-group-item-01\" class=\"panel-collapse collapse in\"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-default\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-0\" href=\"#collapse_1_collapsible-group-item-02\">Collapsible Group Item #02<\/a><\/h3><\/div><div id=\"collapse_1_collapsible-group-item-02\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-default\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-0\" href=\"#collapse_2_collapsible-group-item-03\">Collapsible Group Item #03<\/a><\/h3><\/div><div id=\"collapse_2_collapsible-group-item-03\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-default\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-0\" href=\"#collapse_3_collapsible-group-item-04\">Collapsible Group Item #04<\/a><\/h3><\/div><div id=\"collapse_3_collapsible-group-item-04\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-default\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-0\" href=\"#collapse_4_collapsible-group-item-05\">Collapsible Group Item #05<\/a><\/h3><\/div><div id=\"collapse_4_collapsible-group-item-05\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<\/div>\n<\/section>\n<\/div>\n<div class=\"col-md-6 \">\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Accordion + Alternatives<\/h5><\/div>\n<div class=\"panel-group\" id=\"accordion-1\">\n<div class=\"panel panel-primary\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-1\" href=\"#collapse_5_collapsible-group-item-01\">Collapsible Group Item #01<\/a><\/h3><\/div><div id=\"collapse_5_collapsible-group-item-01\" class=\"panel-collapse collapse in\"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-success\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-1\" href=\"#collapse_6_collapsible-group-item-02\">Collapsible Group Item #02<\/a><\/h3><\/div><div id=\"collapse_6_collapsible-group-item-02\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-info\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-1\" href=\"#collapse_7_collapsible-group-item-03\">Collapsible Group Item #03<\/a><\/h3><\/div><div id=\"collapse_7_collapsible-group-item-03\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-warning\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-1\" href=\"#collapse_8_collapsible-group-item-04\">Collapsible Group Item #04<\/a><\/h3><\/div><div id=\"collapse_8_collapsible-group-item-04\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<div class=\"panel panel-danger\"><div class=\"panel-heading\"><h3 class=\"panel-title\"><a class=\"accordion-toggle collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion-1\" href=\"#collapse_9_collapsible-group-item-05\">Collapsible Group Item #05<\/a><\/h3><\/div><div id=\"collapse_9_collapsible-group-item-05\" class=\"panel-collapse collapse \"><div class=\"panel-body\">\nNe sit movet simul sensibus. Utamur philosophia est id, an nam nisl scripserit. Elit minimum interesset nec ex. His euismod principes no, mel delenit argumentum in. In mel hinc natum, duo menandri vulputate ea, vim et quidam commodo partiendo.<br \/>\n <\/div><\/div><\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Progress Bars<\/h5><\/div>\n<div class=\"progress\">\n<div class=\"progress-bar\" style=\"width: 60%;\" role=\"progressbar\"><span>60% Complete<\/span><\/div>\n<\/div>\n<div class=\"progress progress-striped\">\n<div class=\"progress-bar progress-bar-success\" style=\"width: 95%;\" role=\"progressbar\"><span>95% Complete<\/span><\/div>\n<\/div>\n<div class=\"progress\">\n<div class=\"progress-bar progress-bar-info\" style=\"width: 40%;\" role=\"progressbar\"><span>40% Complete<\/span><\/div>\n<\/div>\n<div class=\"progress\">\n<div class=\"progress-bar progress-bar-warning\" style=\"width: 60%;\" role=\"progressbar\"><span>60% Complete<\/span><\/div>\n<\/div>\n<div class=\"progress progress-striped active\">\n<div class=\"progress-bar progress-bar-danger\" style=\"width: 80%;\" role=\"progressbar\"><span>80% Complete<\/span><\/div>\n<\/div>\n<\/section>\n<\/div>\n<div class=\"col-md-6 \">\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Tabs<\/h5><\/div>\n<ul class=\"nav nav-tabs\" id=\"custom-tabs-25\"><li class=\"active\"><a href=\"#custom-tab-0-tab-data-1\"  data-toggle=\"tab\">Tab Data #1<\/a><\/li><li><a href=\"#custom-tab-0-tab-data-2\"  data-toggle=\"tab\">Tab Data #2<\/a><\/li><li><a href=\"#custom-tab-0-tab-data-3\"  data-toggle=\"tab\">Tab Data #3<\/a><\/li><\/ul><div class=\"tab-content\">\n<div id=\"custom-tab-0-tab-data-1\" class=\"tab-pane active\">\nLorem ipsum dolor sit amet, ea vis legendos atomorum. Cu vix natum libris equidem, quo invenire tractatos eu, sit ex falli munere. Ex facer efficiantur vis, ut homero labitur facilisi duo, sed at clita iuvaret dolorem. Verterem perfecto maiestatis in sit, ad dicunt accumsan vel, vim corpora perpetua rationibus ex. Ei dicat adipiscing nam.<\/p>\n<p>Eius vulputate at vis. Malorum praesent dissentiunt mei ad. Copiosae dissentiunt cu per.<br \/>\n<\/div>\n<div id=\"custom-tab-0-tab-data-2\" class=\"tab-pane \">\nEius vulputate at vis. Malorum praesent dissentiunt mei ad. Copiosae dissentiunt cu per. Error impetus argumentum cu sed, ex appareat delicata gubergren pro, at ius erat dissentias. Tacimates interpretaris sit ex. Per debitis imperdiet ullamcorper ne, per et option corpora.<\/p>\n<p>Eu ius mundi laoreet voluptatum, mei solum ridens fabellas ne, sit cu invenire praesent. Nam cu malis dissentiet dissentiunt, feugiat aliquando liberavisse ne quo.<br \/>\n<\/div>\n<div id=\"custom-tab-0-tab-data-3\" class=\"tab-pane \">\nEu ius mundi laoreet voluptatum, mei solum ridens fabellas ne, sit cu invenire praesent. Nam cu malis dissentiet dissentiunt, feugiat aliquando liberavisse ne quo. Ea est eripuit prodesset, homero facilis est ne. Vel no audire cotidieque, id graece persius atomorum pro, cu cum choro libris consetetur. Nam velit vocent luptatum ei.<\/p>\n<p>Posse harum dicit ea usu. Duo et probatus petentium, vis in porro perpetua instructior.<br \/>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Alerts<\/h5><\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<div class=\"alert alert-success\">\n<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Well done!<\/strong> You successfully read this important alert message.<br \/>\n<\/div>\n<div class=\"alert alert-info\">\n<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<br \/>\n<\/div>\n<\/div>\n<div class=\"col-md-6 \">\n<div class=\"alert alert-warning\">\n<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Warning!<\/strong> Best check yo self, you&#8217;re not looking too good.<br \/>\n<\/div>\n<div class=\"alert alert-danger\">\n<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<br \/>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"alert alert-danger\">\n<button class=\"close\" type=\"button\" data-dismiss=\"alert\">\u00d7<\/button><\/p>\n<h4>Oh snap! You got an error!<\/h4>\n<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.<\/p>\n<p><button class=\"btn btn-primary\" type=\"button\">Take this action<\/button> <button class=\"btn btn-warning\" type=\"button\">Or do this<\/button><\/p>\n<\/div>\n<\/section>\n<div class=\"row\">\n<div class=\"col-md-6 \">\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Blockquote<\/h5><\/div>\n<blockquote><p>Eius vulputate at vis. Malorum praesent dissentiunt mei ad. Copiosae dissentiunt cu per. Error impetus argumentum cu sed, ex appareat delicata gubergren pro, at ius erat dissentias. Tacimates interpretaris sit ex. Per debitis imperdiet ullamcorper ne, per et option corpora. Vivamus elementum semper nisi.<\/p>\n<p><small>Someone famous in <cite title=\"Source Title\">Source Title<\/cite><\/small><\/p><\/blockquote>\n<\/section>\n<\/div>\n<div class=\"col-md-6 \">\n<section class=\"section caroufredsel-testimonial\"><div class=\"subpage-title\"><h5>Testimonials<\/h5><div class=\"controls\"><span id=\"caroufredsel-testimonial-prev\" class=\"caroufredsel-prev\"><i class=\"fa fa-angle-left\"><\/i><\/span><span id=\"caroufredsel-testimonial-next\" class=\"caroufredsel-next\"><i class=\"fa fa-angle-right\"><\/i><\/span><\/div><\/div><div id=\"caroufredsel-testimonial-container\"><div class=\"testimonial\"><div class=\"testimonial-author\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/brauntoncare.co.uk\/wp-content\/uploads\/2014\/01\/photodune-3473199-smiling-group-l-Copy8.jpg\" alt=\"\"><\/div><div class=\"testimonial-details\"><p>Lorem ipsum dolor sit amet, nam idque tantas vidisse ex, per ea sint explicari theophrastus, dicat tantas copiosae eam id. Cum maiestatis necessitatibus ad, nam ut mutat quaestio. Id primis dolores eum. Munere sententiae vis ea. Pro dicta insolens eu, duo veniam eruditi oportere an, eum molestie salutandi in. Vix in elit legere appetere, pri in erant nonumes. Vis latine nominati ad.<\/p><span class=\"user\">Kimberly J. Walters <span>\/<\/span> <a href=\"http:\/\/getbootstrap.com\/\">Twitter, Inc.<\/a><\/span><\/div><\/div><div class=\"testimonial\"><div class=\"testimonial-author\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/brauntoncare.co.uk\/wp-content\/uploads\/2014\/01\/photodune-3473199-smiling-group-l-Copy.jpg\" alt=\"\"><\/div><div class=\"testimonial-details\"><p>Lorem ipsum dolor sit amet, nam idque tantas vidisse ex, per ea sint explicari theophrastus, dicat tantas copiosae eam id. Cum maiestatis necessitatibus ad, nam ut mutat quaestio. Id primis dolores eum. Munere sententiae vis ea. Pro dicta insolens eu, duo veniam eruditi oportere an, eum molestie salutandi in. Vix in elit legere appetere, pri in erant nonumes. Vis latine nominati ad.<\/p><span class=\"user\">Walter C. Cook <span>\/<\/span> <a href=\"http:\/\/getbootstrap.com\/\">Twitter, Inc.<\/a><\/span><\/div><\/div><div class=\"testimonial\"><div class=\"testimonial-author\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/brauntoncare.co.uk\/wp-content\/uploads\/2014\/01\/photodune-3473199-smiling-group-l-Copy9.jpg\" alt=\"\"><\/div><div class=\"testimonial-details\"><p>Lorem ipsum dolor sit amet, nam idque tantas vidisse ex, per ea sint explicari theophrastus, dicat tantas copiosae eam id. Cum maiestatis necessitatibus ad, nam ut mutat quaestio. Id primis dolores eum. Munere sententiae vis ea. Pro dicta insolens eu, duo veniam eruditi oportere an, eum molestie salutandi in. Vix in elit legere appetere, pri in erant nonumes. Vis latine nominati ad.<\/p><span class=\"user\">Yahaira C. Rubin <span>\/<\/span> <a href=\"http:\/\/getbootstrap.com\/\">Twitter, Inc.<\/a><\/span><\/div><\/div><\/div><\/section><script type=\"text\/javascript\">var caroufredselTestimonial = function () {jQuery(\"#caroufredsel-testimonial-container\").carouFredSel({responsive: true,scroll: 1,circular: false,infinite: false,items: {visible: {min: 1,max: 1}},prev: \"#caroufredsel-testimonial-prev\",next: \"#caroufredsel-testimonial-next\",auto: {play: false}});};jQuery(window).load(function ($) {caroufredselTestimonial();});jQuery(window).resize(function ($) {caroufredselTestimonial();});<\/script>\n<\/div>\n<\/div>\n<section class=\"section\">\n<div class=\"subpage-title\"><h5>Action Box<\/h5><\/div>\n<div class=\"action-box\"><h3>Hey, are you ready to buy this awesome theme?<\/h3><p>Pellentesque pulvinar, risus dictum tempor luctus, quam augue blandit sapien.<\/p><a class=\"btn btn-flat flat-color\" href=\"#\">Purchase Now<\/a><\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"wp:attachment":[{"href":"https:\/\/brauntoncare.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}