{"id":140,"date":"2014-03-27T11:19:39","date_gmt":"2014-03-27T11:19:39","guid":{"rendered":"http:\/\/loom.wpengine.com\/?page_id=140"},"modified":"2014-03-27T11:19:39","modified_gmt":"2014-03-27T11:19:39","slug":"elements","status":"publish","type":"page","link":"https:\/\/wellgiven.com\/en\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"<div id=\"aq-block-139-2\" class=\"aq-block aq-block-aq_ebor_tabs_block col-sm-6 aq-first\"><div class=\"section-title\"><h3>Toggles<\/h3><\/div>\t\t\t\n\t\t\t<div class=\"panel-group\" id=\"accordion-165\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t  <div class=\"panel panel-default\">\n\t\t\t\t    <div class=\"panel-heading\">\n\t\t\t\t      <h4 class=\"panel-title\"> \n\t\t\t\t      \t<a data-toggle=\"collapse\" class=\"panel-toggle active\" data-parent=\"#accordion-165\" href=\"#tab-165-1\"> 100% Responsive <\/a> \n\t\t\t\t      <\/h4>\n\t\t\t\t    <\/div>\n\t\t\t\t    <div id=\"tab-165-1\" class=\"panel-collapse collapse in\">\n\t\t\t\t      <div class=\"panel-body\"> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.<\/p>\n <\/div>\n\t\t\t\t    <\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t  <div class=\"panel panel-default\">\n\t\t\t\t    <div class=\"panel-heading\">\n\t\t\t\t      <h4 class=\"panel-title\"> \n\t\t\t\t      \t<a data-toggle=\"collapse\" class=\"panel-toggle\" data-parent=\"#accordion-165\" href=\"#tab-165-2\"> Clean & Professional Design <\/a> \n\t\t\t\t      <\/h4>\n\t\t\t\t    <\/div>\n\t\t\t\t    <div id=\"tab-165-2\" class=\"panel-collapse collapse\">\n\t\t\t\t      <div class=\"panel-body\"> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.<\/p>\n <\/div>\n\t\t\t\t    <\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t  <div class=\"panel panel-default\">\n\t\t\t\t    <div class=\"panel-heading\">\n\t\t\t\t      <h4 class=\"panel-title\"> \n\t\t\t\t      \t<a data-toggle=\"collapse\" class=\"panel-toggle\" data-parent=\"#accordion-165\" href=\"#tab-165-3\"> Collapsible Group Item #3 <\/a> \n\t\t\t\t      <\/h4>\n\t\t\t\t    <\/div>\n\t\t\t\t    <div id=\"tab-165-3\" class=\"panel-collapse collapse\">\n\t\t\t\t      <div class=\"panel-body\"> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.<\/p>\n <\/div>\n\t\t\t\t    <\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t<\/div><div id=\"aq-block-139-3\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-4\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-12 aq-first\"><div class=\"section-title\"><h3>Tooltips<\/h3><\/div><p>Sed posuere consectetur est at lobortis. <a href=\"#\" title=\"Tooltip on top\" data-rel=\"tooltip\" data-placement=\"top\">Morbi leo risus<\/a>, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. malesuada magna mollis euismod. Curabitur blandit tempus porttitor. <a href=\"#\" title=\"Tooltip on Bottom\" data-rel=\"tooltip\" data-placement=\"bottom\">Morbi leo risus<\/a> Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. id nibh ultricies vehicula ut id elit. <a href=\"#\" title=\"Tooltip on Right\" data-rel=\"tooltip\" data-placement=\"right\">Morbi leo risus<\/a> Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. a ante venenatis dapibus posuere velit aliquet. <a href=\"#\" title=\"Tooltip on Left\" data-rel=\"tooltip\" data-placement=\"left\">Morbi leo risus<\/a> Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/p>\n<\/div><div id=\"aq-block-139-5\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-6\" class=\"aq-block aq-block-aq_column_block col-sm-6 aq-first\"><div id=\"aq-block-139-7\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-6 aq-first\"><div class=\"section-title\"><h3>Alerts<\/h3><\/div><\/div><div id=\"aq-block-139-8\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-warning\"><strong>Warning!<\/strong> Best check yo self, you're not looking too good.<\/div><\/div><div id=\"aq-block-139-9\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-danger\"><strong>Oh Snap!<\/strong> Change a few things up and try submitting again.<\/div><\/div><div id=\"aq-block-139-10\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-success\"><strong>Well Done!<\/strong> You successfully read this important alert message.<\/div><\/div><div id=\"aq-block-139-11\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-info\"><strong>Heads Up!<\/strong> This alert needs your attention, but it's not super important.<\/div><\/div><\/div><div id=\"aq-block-139-12\" class=\"aq-block aq-block-aq_column_block col-sm-6\"><div id=\"aq-block-139-13\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-6 aq-first\"><div class=\"section-title\"><h3>Alerts With Dismiss<\/h3><\/div><\/div><div id=\"aq-block-139-14\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-warning\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><strong>Warning!<\/strong> Best check yo self, you're not looking too good.<\/div><\/div><div id=\"aq-block-139-15\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-danger\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><strong>On Snap!<\/strong> Change a few things up and try submitting again.<\/div><\/div><div id=\"aq-block-139-16\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-success\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><strong>Well Done!<\/strong> You successfully read this important alert message.<\/div><\/div><div id=\"aq-block-139-17\" class=\"aq-block aq-block-aq_ebor_alert_block col-sm-6 aq-first\"><div class=\"alert alert-info\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><strong>Heads Up!<\/strong> This alert needs your attention, but it's not super important.<\/div><\/div><\/div><div id=\"aq-block-139-18\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-19\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-12 aq-first\"><div class=\"section-title\"><h3>Buttons<\/h3><\/div><a href=\"#\" class=\"btn btn-aqua\">Button<\/a> <a href=\"#\" class=\"btn btn-red\">Button<\/a> <a href=\"#\" class=\"btn btn-pink\">Button<\/a> <a href=\"#\" class=\"btn btn-purple\">Button<\/a> <a href=\"#\" class=\"btn btn-navy\">Button<\/a> <a href=\"#\" class=\"btn btn-green\">Button<\/a> <a href=\"#\" class=\"btn btn-lime\">Button<\/a> <a href=\"#\" class=\"btn btn-orange\">Button<\/a> <a href=\"#\" class=\"btn btn-yellow\">Button<\/a>\n      <div class=\"divide20\"><\/div>\n      <a href=\"#\" class=\"btn btn-large btn-aqua\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-red\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-pink\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-purple\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-navy\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-green\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-lime\">Button<\/a> <a href=\"#\" class=\"btn btn-large btn-orange\">Button<\/a> \n      <a href=\"#\" class=\"btn btn-large btn-yellow\">Button<\/a><\/div><div id=\"aq-block-139-20\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-21\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-4 aq-first\"><div class=\"section-title\"><h3>Unordered List<\/h3><\/div><ul class=\"circled\">\n<li>Pellentesque non diam et tortor dignissim. <\/li>\n<li>Neque sit amet mauris egestas quis mattis. <\/li>\n<li>Cras justo odio, dapibus ac facilisis.<\/li>\n<li>Curabitur viver justo sed scelerisque.<\/li>\n<li>Aenean lacinia bibendum nulla sed consectetur.<\/li>\n<li>Nullam quis risus eget urna mollis ornare.<\/li>\n<\/ul>\n<\/div><div id=\"aq-block-139-22\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-4\"><div class=\"section-title\"><h3>Unordered List<\/h3><\/div><ul>\n<li>Pellentesque non diam et tortor dignissim. <\/li>\n<li>Neque sit amet mauris egestas quis mattis. <\/li>\n<li>Cras justo odio, dapibus ac facilisis.<\/li>\n<li>Curabitur viver justo sed scelerisque.<\/li>\n<li>Aenean lacinia bibendum nulla sed consectetur.<\/li>\n<li>Nullam quis risus eget urna mollis ornare.<\/li>\n<\/ul>\n<\/div><div id=\"aq-block-139-23\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-4\"><div class=\"section-title\"><h3>Ordered List<\/h3><\/div><ol>\n<li>Pellentesque non diam et tortor dignissim. <\/li>\n<li>Neque sit amet mauris egestas quis mattis. <\/li>\n<li>Curabitur viver justo sed scelerisque.<\/li>\n<li>Condimentum aenean risus malesuada tortor.<\/li>\n<li>Integer posuere erat a ante venenatis dapibus.<\/li>\n<li>Aenean eu leo quam. Pellentesque ornare.<\/li>\n<\/ol>\n<\/div><div id=\"aq-block-139-24\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-25\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-12 aq-first\"><div class=\"section-title\"><h3>Blockquote<\/h3><\/div><blockquote><p>Pellentesque non diam et tortor dignissim bibendum. Neque sit amet mauris egestas quis mattis velit fringilla. Curabitur viver justo sed scelerisque. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.<small>TommusRhodus<\/small><\/p><\/blockquote>\n<\/div><div id=\"aq-block-139-26\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-27\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-12 aq-first\"><div class=\"section-title\"><h3>Dropcap<\/h3><\/div><p><span class=\"dropcap\">D<\/span>uis non lectus sit amet est imperdiet cursus elementum vitae eros. Cras quis odio in risus euismod suscipit. Fusce viverra ligula vel justo bibendum semper. Nulla facilisi. Donec interdum, enim in dignissim lacinia, lectus nisl viverra lorem, ac pulvinar nunc ante at neque. Proin et dui eros, at aliquet est. Pellentesque consectetur lectus quis enim mollis ut convallis urna malesuada. Sed tincidunt interdum sapien vel gravida. Nulla a tellus lectus, in aliquet tellus. Donec aliquam.<\/p>\n<\/div><div id=\"aq-block-139-28\" class=\"aq-block aq-block-aq_spacer_block col-sm-12 aq-first\">\t\t\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\t<hr class=\"none\" \/>\n\t\t<div style=\"clear: both; width: 100%; height: 30px;\"><\/div>\n\t\n\t<\/div><div id=\"aq-block-139-29\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-8 aq-first\"><div class=\"section-title\"><h3>Code Display<\/h3><\/div><pre class=\"prettyprint linenums\">&lt;form action=&quot;&quot;&gt;\n  &lt;fieldset&gt;\n    &lt;legend&gt;Legend&lt;\/legend&gt;\n    &lt;label&gt;Label name&lt;\/label&gt;\n    &lt;input type=&quot;text&quot; placeholder=&quot;Type something&hellip;&quot;&gt;\n    &lt;span class=&quot;help-block&quot;&gt;Example block-level help text here.&lt;\/span&gt;\n    &lt;label class=&quot;checkbox&quot;&gt;\n      &lt;input type=&quot;checkbox&quot;&gt; Check me out\n    &lt;\/label&gt;\n    &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;Submit&lt;\/button&gt;\n  &lt;\/fieldset&gt;\n&lt;input type=&quot;hidden&quot; name=&quot;trp-form-language&quot; value=&quot;en&quot;\/&gt;&lt;\/form&gt;<\/pre><\/div><div id=\"aq-block-139-30\" class=\"aq-block aq-block-aq_ebor_text_block col-sm-4\"><div class=\"section-title\"><h3>Misc Typography<\/h3><\/div><p>Lorem <sup>superscript<\/sup> dolor <sub>subscript<\/sub> amet<br \/>\n            <em>This is emphasised text<\/em><br \/>\n            <strong>This is strong text<\/strong><br \/>\n            <span class=\"lite\">This is hightlight<\/span> <abbr title=\"This is an abbr - &lt;abbr&gt;&lt;\/abbr&gt;\">This is an abbr<\/abbr><br \/>\n            <del>This is deleted text<\/del><br \/>\n            <a href=\"#\">This is a link<\/a> <\/p><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":24,"comment_status":"open","ping_status":"open","template":"page_page-builder.php","meta":{"footnotes":""},"class_list":["post-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/pages\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":0,"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"wp:attachment":[{"href":"https:\/\/wellgiven.com\/en\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}