{"id":33,"date":"2017-01-31T00:26:20","date_gmt":"2017-01-31T00:26:20","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=33"},"modified":"2017-01-31T00:26:20","modified_gmt":"2017-01-31T00:26:20","slug":"elements","status":"publish","type":"page","link":"https:\/\/promosimple.com\/blog\/elements","title":{"rendered":"Elements"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text]<\/p>\n<h1>Element Index<\/h1>\n<p class=\"lead\">Easily create your own blocks using Stack&#8217;s modular and customizable range of elements.<\/p>\n<hr class=\"short\" \/>\n<p>Do you have an idea or suggestion for elements that<br \/>\ncould improve Stack?\u00a0<a href=\"#\">Contact Us \u2192<\/a>[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][stack_boxed_content][vc_column_text]<\/p>\n<h5>Accordions<\/h5>\n<p>Organise content easily with these collapsable accordion tabs<\/p>\n<p><a href=\"\/elements\/accordions\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Colors<\/h5>\n<p><span>Clever background and element classes to add color and life<\/span><\/p>\n<p><a href=\"\/elements\/accordions\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Form Elements<\/h5>\n<p><span>Styling for all common elements to create beautiful multi-use forms<\/span><\/p>\n<p><a href=\"\/elements\/form-elements\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Image Backgrounds<\/h5>\n<p><span>Add covering images to any section with simple markup<\/span><\/p>\n<p><a href=\"\/elements\/image-backgrounds\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Maps<\/h5>\n<p><span>Google Maps API with data attributes to modify the map&#8217;s appearance<\/span><\/p>\n<p><a href=\"\/elements\/maps\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Navigation In-Page<\/h5>\n<p><span>A solution for navigating single pages<\/span><\/p>\n<p><a href=\"\/elements-navigation-in-page\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Pricing<\/h5>\n<p><span>Pricing options to suit a diverse range of product types<\/span><\/p>\n<p><a href=\"\/elements\/pricing\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Sliders<\/h5>\n<p><span>Combining Flickity slider with a range of customizable data attributes<\/span><\/p>\n<p><a href=\"\/elements\/sliders\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Typography<\/h5>\n<p><span>Responsive type system that scales appropriately for all devices<\/span><\/p>\n<p><a href=\"\/elements\/typography\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Tooltips<\/h5>\n<p><span>Handy pop-up messages that appear when hovering on an element<\/span><\/p>\n<p><a href=\"\/elements\/tooltips\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Typography<\/h5>\n<p><span>Responsive type system that scales appropriately for all devices<\/span><\/p>\n<p><a href=\"\/elements\/typography\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/3&#8243;][stack_boxed_content][vc_column_text]<\/p>\n<h5>Boxed<\/h5>\n<p><span>Distinguish repeatable features using boxed elements<\/span><\/p>\n<p><a href=\"\/elements\/boxes\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Countdown<\/h5>\n<p><span>A customizable countdown timer for coming soon pages, product sales and more<\/span><\/p>\n<p><a href=\"\/elements\/countdown\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Gradient Background<\/h5>\n<p><span>A neat decorative effect that adds a sense of life and vibrancy<\/span><\/p>\n<p><a href=\"\/elements\/gradient-backgrounds\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Instagram<\/h5>\n<p><span>Engage users by embedding a feed of photos directly from Instagram<\/span><\/p>\n<p><a href=\"\/elements\/instagram\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Modals<\/h5>\n<p><span>Ideal for sales promotions, newsletter signups and more<\/span><\/p>\n<p><a href=\"\/elements\/modals\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Notifications<\/h5>\n<p><span>Useful for cookies notifications, site-wide promos and more<\/span><\/p>\n<p><a href=\"\/elements\/notifications\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Radials<\/h5>\n<p><span>Customisable radial progress charts for multiple uses<\/span><\/p>\n<p><a href=\"\/elements\/radials\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Tables<\/h5>\n<p><span>Styling for common HTML5 table element types with simple class modifiers<\/span><\/p>\n<p><a href=\"\/elements\/tables\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Video Backgrounds<\/h5>\n<p><span>Using local or Youtube videos as a background for any element<\/span><\/p>\n<p><a href=\"\/elements\/twitter-feed\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Twitter Feed<\/h5>\n<p><span>Ultra-simple embeddable feeds, requiring only a Twitter account name<\/span><\/p>\n<p><a href=\"\/elements\/twitter-feed\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Video Backgrounds<\/h5>\n<p><span>Using local or Youtube videos as a background for any element<\/span><\/p>\n<p><a href=\"\/elements\/video-backgrounds\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/3&#8243;][stack_boxed_content][vc_column_text]<\/p>\n<h5>Buttons<\/h5>\n<p><span>Flexible button elements to suit a range of interactivity purposes<\/span><\/p>\n<p><a href=\"\/elements\/buttons\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Dropdowns<\/h5>\n<p><span>Ideal for navigation menus, but usable anywhere in your pages<\/span><\/p>\n<p><a href=\"\/elements\/dropdowns\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Grid System<\/h5>\n<p><span>Based on Bootstrap column markup for fast, precise layout building<\/span><\/p>\n<p><a href=\"\/elements\/dropdowns\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Lightbox<\/h5>\n<p><span>Create a screen-filling, navigatable gallery of showcase images<\/span><\/p>\n<p><a href=\"\/elements\/lightbox\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Navigation Bars<\/h5>\n<p><span>Create the perfect bar for your website or web app<\/span><\/p>\n<p><a href=\"\/elements\/navigation-bars\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Parallax<\/h5>\n<p><span>Silky smooth in-house developed parallax effect<\/span><\/p>\n<p><a href=\"\/elements\/parallax\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Scrims &amp; Overlays<\/h5>\n<p><span>Ensure content maintains readability on image background elements<\/span><\/p>\n<p><a href=\"\/elements\/scrims-overlays\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Tabs<\/h5>\n<p><span>House discerete groups of content with a range of tabbed content styles<\/span><\/p>\n<p><a href=\"\/elements\/tabs\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Video Inline<\/h5>\n<p>Attractive inline video covers for maintaining brand consistency<\/p>\n<p><a href=\"\/elements\/video-inline\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Typed Text<\/h5>\n<p><span>A neat decorative effect that simulates the typing of a group of strings<\/span><\/p>\n<p><a href=\"\/elements\/typed-text\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text]<\/p>\n<h5>Video Inline<\/h5>\n<p><span>Attractive inline video covers for maintaining brand consistency<\/span><\/p>\n<p><a href=\"\/elements\/elements-video-inline\/\">Explore \u2192<\/a>[\/vc_column_text][\/stack_boxed_content][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text] Element Index Easily create your own blocks using Stack&#8217;s modular and customizable range of elements. Do you have an idea or suggestion for elements that could improve Stack?\u00a0Contact Us \u2192[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][stack_boxed_content][vc_column_text] Accordions Organise content easily with these collapsable accordion tabs Explore \u2192[\/vc_column_text][\/stack_boxed_content][stack_boxed_content][vc_column_text] Colors Clever background and element classes to [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":0,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}