{"id":55,"date":"2017-05-04T10:50:17","date_gmt":"2017-05-04T10:50:17","guid":{"rendered":"http:\/\/themedemos.webmandesign.eu\/icelander\/?page_id=55"},"modified":"2019-05-16T01:50:40","modified_gmt":"2019-05-15T22:50:40","slug":"elements","status":"publish","type":"page","link":"https:\/\/antandros.org\/en\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"<p>This page provides a preview of <strong>some custom theme elements<\/strong> you can use within a\u00a0page builder. <strong>You will not find<\/strong> a preview of <em>Custom Module<\/em>, <em>Posts \/ Custom Posts<\/em> and <em>Testimonials<\/em> elements here as they can be previewed <strong>on other pages of this demo website<\/strong>.<\/p>\n<p>\t\t\t\t<img decoding=\"async\" src=\"http:\/\/antandros.org\/ant_wp\/wp-content\/uploads\/2017\/05\/snowy-mountain-separator-1.jpg\" alt=\"Decorative mountain separator\" itemprop=\"image\"  \/><\/p>\n<h2>Accordions, Toggles and Tabs<\/h2>\n<p>Please note that these elements are not very accessible currently.<br \/>\nFor more info please see FAQ page.<\/p>\n<hr class=\"wm-divider type-line\" \/>\n<h3>Standard Tabs:<\/h3>\n<div class=\"wm-tabs clearfix layout-top\" data-active=\"1\"><ul class=\"wm-tab-links wm-tab-count-2\"><li class=\"wm-tab-items-Firsttab_675\"><a href=\"#Firsttab_675\" data-tab=\"#Firsttab_675\"><span class=\"icon-ion-android-bar\" aria-hidden=\"true\"> <\/span>First tab<\/a><\/li><li class=\"wm-tab-items-Secondtab_224\"><a href=\"#Secondtab_224\" data-tab=\"#Secondtab_224\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>Second tab<\/a><\/li><\/ul><div class=\"wm-tabs-items\">\r\n<div class=\"wm-item wm-item-wrap Firsttab_675\" id=\"Firsttab_675\" data-title=\"Firsttab_675&&&lt;span class=&quot;icon-ion-android-bar&quot; aria-hidden=&quot;true&quot;&gt; &lt;\/span&gt;First tab\"><h4 class=\"screen-reader-text wm-item-title\"><span class=\"icon-ion-android-bar\" aria-hidden=\"true\"> <\/span>First tab<\/h4><p>Phosfluorescently optimize team building collaboration and idea-sharing after next-generation supply chains. Professionally create multifunctional e-business for holistic architectures. Professionally incentivize holistic data after viral.<\/p>\n<\/div>\r\n\r\n<div class=\"wm-item wm-item-wrap Secondtab_224\" id=\"Secondtab_224\" data-title=\"Secondtab_224&&&lt;span class=&quot;icon-ion-android-boat&quot; aria-hidden=&quot;true&quot;&gt; &lt;\/span&gt;Second tab\"><h4 class=\"screen-reader-text wm-item-title\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>Second tab<\/h4><p>Quickly target market positioning benefits whereas client-centric synergy. Monotonectally predominate enabled niche markets without high-payoff portals. Uniquely cultivate maintainable methods of empowerment with process-centric.<\/p>\n<\/div>\r\n<\/div><\/div>\n<h3>Filtered Accordion \/ Toggles:<\/h3>\n<div class=\"wm-accordion clearfix filterable-simple\" data-active=\"0\" data-mode=\"accordion\"><div class=\"wm-filter\"><ul><li class=\"wm-filter-items-all active\"><a href=\"#\" data-filter=\"*\">All<\/a><\/li><li class=\"wm-filter-items-tag-Differenttag\"><a href=\"#\" data-filter=\".tag-Differenttag\">Different tag<\/a><\/li><li class=\"wm-filter-items-tag-Sectiontag\"><a href=\"#\" data-filter=\".tag-Sectiontag\">Section tag<\/a><\/li><\/ul><\/div><div class=\"wm-filter-this-simple\">\r\n<div class=\"wm-item wm-item-wrap tag-Sectiontag\"><h4 class=\"wm-item-title tag-Sectiontag\" data-tags=\"tag-Sectiontag\" data-tag-names=\"Section tag\"><span class=\"icon-ion-android-bar\" aria-hidden=\"true\"> <\/span>First section<\/h4><div class=\"wm-item-content clearfix Firstsection\"><p>Monotonectally streamline B2B schemas through mission-critical services. Efficiently repurpose interoperable manufactured products through impactful experiences. Credibly conceptualize high standards in &#8220;outside the box&#8221; thinking through high-quality.<\/p>\n<\/div><\/div>\r\n\r\n<div class=\"wm-item wm-item-wrap tag-Differenttag\"><h4 class=\"wm-item-title tag-Differenttag\" data-tags=\"tag-Differenttag\" data-tag-names=\"Different tag\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>Second section<\/h4><div class=\"wm-item-content clearfix Secondsection\"><p>Enthusiastically aggregate team driven models rather than adaptive resources. Compellingly disintermediate sticky &#8220;outside the box&#8221; thinking with error-free functionalities. Conveniently myocardinate highly efficient innovation after functional.<\/p>\n<\/div><\/div>\r\n\r\n<div class=\"wm-item wm-item-wrap tag-Sectiontag tag-Differenttag\"><h4 class=\"wm-item-title tag-Sectiontag tag-Differenttag\" data-tags=\"tag-Sectiontag tag-Differenttag\" data-tag-names=\"Section tag|Different tag\"><span class=\"icon-ion-android-car\" aria-hidden=\"true\"> <\/span>Third section<\/h4><div class=\"wm-item-content clearfix Thirdsection\"><p>Assertively fashion an expanded array of e-markets and timely total linkage. Credibly underwhelm empowered niches via competitive markets. Intrinsicly evolve high-quality leadership whereas front-end collaboration and.<\/p>\n<\/div><\/div>\r\n<\/div><\/div>\n<h3>Vertical\u00a0Tabs:<\/h3>\n<div class=\"wm-tabs clearfix layout-left\" data-active=\"1\"><ul class=\"wm-tab-links wm-tab-count-3\"><li class=\"wm-tab-items-Firsttab_440\"><a href=\"#Firsttab_440\" data-tab=\"#Firsttab_440\"><span class=\"icon-ion-android-bar\" aria-hidden=\"true\"> <\/span>First tab<\/a><\/li><li class=\"wm-tab-items-Secondtab_222\"><a href=\"#Secondtab_222\" data-tab=\"#Secondtab_222\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>Second tab<\/a><\/li><li class=\"wm-tab-items-Thirdtab_457\"><a href=\"#Thirdtab_457\" data-tab=\"#Thirdtab_457\"><span class=\"icon-ion-android-car\" aria-hidden=\"true\"> <\/span>Third tab<\/a><\/li><\/ul><div class=\"wm-tabs-items\">\r\n<div class=\"wm-item wm-item-wrap Firsttab_440\" id=\"Firsttab_440\" data-title=\"Firsttab_440&&&lt;span class=&quot;icon-ion-android-bar&quot; aria-hidden=&quot;true&quot;&gt; &lt;\/span&gt;First tab\"><h4 class=\"screen-reader-text wm-item-title\"><span class=\"icon-ion-android-bar\" aria-hidden=\"true\"> <\/span>First tab<\/h4><p>Phosfluorescently optimize team building collaboration and idea-sharing after next-generation supply chains. Professionally create multifunctional e-business for holistic architectures. Professionally incentivize holistic data after viral.<\/p>\n<p>Intrinsicly incubate business ROI before collaborative scenarios. Interactively procrastinate proactive deliverables through cross functional ideas. Competently facilitate focused schemas after parallel outsourcing. Assertively engage premier leadership via interoperable mindshare. Competently re-engineer user-centric interfaces through team building.<\/p>\n<\/div>\r\n\r\n<div class=\"wm-item wm-item-wrap Secondtab_222\" id=\"Secondtab_222\" data-title=\"Secondtab_222&&&lt;span class=&quot;icon-ion-android-boat&quot; aria-hidden=&quot;true&quot;&gt; &lt;\/span&gt;Second tab\"><h4 class=\"screen-reader-text wm-item-title\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>Second tab<\/h4><p>Quickly target market positioning benefits whereas client-centric synergy. Monotonectally predominate enabled niche markets without high-payoff portals. Uniquely cultivate maintainable methods of empowerment with process-centric.<\/p>\n<p>Intrinsicly incubate business ROI before collaborative scenarios. Interactively procrastinate proactive deliverables through cross functional ideas. Competently facilitate focused schemas after parallel outsourcing. Assertively engage premier leadership via interoperable mindshare. Competently re-engineer user-centric interfaces through team building.<\/p>\n<\/div>\r\n\r\n<div class=\"wm-item wm-item-wrap Thirdtab_457\" id=\"Thirdtab_457\" data-title=\"Thirdtab_457&&&lt;span class=&quot;icon-ion-android-car&quot; aria-hidden=&quot;true&quot;&gt; &lt;\/span&gt;Third tab\"><h4 class=\"screen-reader-text wm-item-title\"><span class=\"icon-ion-android-car\" aria-hidden=\"true\"> <\/span>Third tab<\/h4><p>Completely orchestrate reliable models vis-a-vis principle-centered supply chains. Collaboratively scale team driven e-services without worldwide internal or &#8220;organic&#8221; sources. Objectively integrate next-generation schemas after.<\/p>\n<p>Intrinsicly incubate business ROI before collaborative scenarios. Interactively procrastinate proactive deliverables through cross functional ideas. Competently facilitate focused schemas after parallel outsourcing. Assertively engage premier leadership via interoperable mindshare. Competently re-engineer user-centric interfaces through team building.<\/p>\n<\/div>\r\n<\/div><\/div>\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/antandros.org\/ant_wp\/wp-content\/uploads\/2017\/05\/snowy-mountain-separator-1.jpg\" alt=\"Decorative mountain separator\" itemprop=\"image\"  \/><\/p>\n<h2>Messages<\/h2>\n<hr class=\"wm-divider type-line\" \/><div class=\"wm-message\"><h3 class=\"wm-message-title wm-message-element\">Default message box<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Synergistically maximize user-centric manufactured products without team driven materials.<\/p>\n<\/div><\/div><div class=\"wm-message icon-ion-alert-circled\"><h3 class=\"wm-message-title wm-message-element\">Icon message box<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Synergistically maximize user-centric manufactured products without team driven materials.<\/p>\n<\/div><\/div><div class=\"wm-message color-info icon-ion-information-circled\"><h3 class=\"wm-message-title wm-message-element\">Info color with icon<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Choose from preset &#8220;Success&#8221;, &#8220;Info&#8221;, &#8220;Warning&#8221; or &#8220;Error&#8221; message box colors.<\/p>\n<\/div><\/div><div class=\"wm-message color-success icon-ion-checkmark-circled\"><h3 class=\"wm-message-title wm-message-element\">Success color with icon<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Choose from preset &#8220;Success&#8221;, &#8220;Info&#8221;, &#8220;Warning&#8221; or &#8220;Error&#8221; message box colors.<\/p>\n<\/div><\/div><div class=\"wm-message color-warning icon-ion-android-warning\"><h3 class=\"wm-message-title wm-message-element\">Warning color with icon<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Choose from preset &#8220;Success&#8221;, &#8220;Info&#8221;, &#8220;Warning&#8221; or &#8220;Error&#8221; message box colors.<\/p>\n<\/div><\/div><div class=\"wm-message color-error icon-ion-android-alert\"><h3 class=\"wm-message-title wm-message-element\">Error color with icon<\/h3><div class=\"wm-message-content wm-message-element\">\n<p>Choose from preset &#8220;Success&#8221;, &#8220;Info&#8221;, &#8220;Warning&#8221; or &#8220;Error&#8221; message box colors.<\/p>\n<\/div><\/div>\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/antandros.org\/ant_wp\/wp-content\/uploads\/2017\/05\/snowy-mountain-separator-1.jpg\" alt=\"Decorative mountain separator\" itemprop=\"image\"  \/><\/p>\n<h2>Buttons<\/h2>\n<hr class=\"wm-divider type-line\" \/><a href=\"#0\" class=\"wm-button button\">Default button<\/a><a href=\"#0\" class=\"wm-button size-small button\">Small button<\/a><a href=\"#0\" class=\"wm-button size-large button\">Large button<\/a><a href=\"#0\" class=\"wm-button size-extra-large button\">Extra large<\/a><a href=\"#0\" class=\"wm-button button\"><span class=\"icon-ion-android-boat\" aria-hidden=\"true\"> <\/span>With icon<\/a><a href=\"#0\" class=\"wm-button button\"><span class=\"icon-ion-arrow-expand\" aria-hidden=\"true\"> <\/span>Fullwidth<\/a><br \/>\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/antandros.org\/ant_wp\/wp-content\/uploads\/2017\/05\/snowy-mountain-separator-1.jpg\" alt=\"Decorative mountain separator\" itemprop=\"image\"  \/><\/p>\n<h2>Call to Action<\/h2>\n<hr class=\"wm-divider type-line\" \/><div class=\"wm-call-to-action\"><div class=\"wm-call-to-action-content wm-call-to-action-element\"><div class=\"wm-call-to-action-caption wm-call-to-action-element\"><h3>Caption text here<\/h3><\/div>\n<p>This is default layout of call to action element. Call to action text here.<br \/>Dynamically whiteboard scalable best practices and stand-alone human.<\/p>\n<\/div><div class=\"wm-call-to-action-button wm-call-to-action-element\"><a href=\"#0\" class=\"wm-button button\">Button text<\/a><\/div><\/div><hr class=\"wm-divider type-line\" \/><div class=\"wm-call-to-action\"><div class=\"wm-call-to-action-content wm-call-to-action-element\">\n<h3>Custom caption in CTA text<\/h3>\n<p>Dynamically whiteboard scalable best practices and stand-alone human.<\/p>\n<\/div><div class=\"wm-call-to-action-button wm-call-to-action-element\"><a href=\"#0\" class=\"wm-button button size-large\"><span class=\"icon-ion-android-cart\" aria-hidden=\"true\"> <\/span>Large with icon<\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary\">\n<div class=\"entry-summary\">\nPreview of custom page builder elements and shortcodes: accordions &#038; toggles, tabs, message boxes, buttons and call to action.\n<\/div>\n<div class=\"link-more\"><a href=\"https:\/\/antandros.org\/en\/elements\/\" class=\"more-link\">Devam\u0131<span class=\"screen-reader-text\"> &ldquo;Elements&rdquo;<\/span>&hellip;<\/a><\/div>\n<\/div>\n<div class=\"link-more\"><a href=\"https:\/\/antandros.org\/en\/elements\/\" class=\"more-link\">Devam\u0131<span class=\"screen-reader-text\"> &ldquo;Elements&rdquo;<\/span>&hellip;<\/a><\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry","entry"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":0,"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"wp:attachment":[{"href":"https:\/\/antandros.org\/en\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}