{"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:\/\/cogs.iitgn.ac.in\/newcogs\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"

[vc_row full_width=”stretch_row”][vc_column]\n\t\t\t

\n\t\t\t\t
\"\"<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
[vc_column_text]<\/p>\n

Element Index<\/h1>\n

Easily create your own blocks using Stack’s modular and customizable range of elements.<\/p>\n

\n

Do you have an idea or suggestion for elements that
\ncould improve Stack?\u00a0Contact Us \u2192<\/a>[\/vc_column_text]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/section>\n\t\t[\/vc_column][\/vc_row][vc_section css=”.vc_custom_1498162916298{padding-top: 0px !important;}”][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1\/3″]

[vc_column_text]<\/p>\n
Accordions<\/h5>\n

Organise content easily with these collapsable accordion tabs<\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Buttons<\/h5>\n

Flexible button elements to suit a range of interactivity purposes<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Dropdowns<\/h5>\n

Ideal for navigation menus, but usable anywhere in your pages<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Grid System<\/h5>\n

Based on Bootstrap column markup for fast, precise layout building<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Lightbox<\/h5>\n

Create a screen-filling, navigatable gallery of showcase images<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Modals<\/h5>\n

Ideal for sales promotions, newsletter signups and more<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Navigation Sidebar<\/h5>\n

Left or right column style sidebar navigation<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Pricing<\/h5>\n

Pricing options to suit a diverse range of product types<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Sliders<\/h5>\n

Combining Flickity slider with a range of customizable data attributes<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Typography<\/h5>\n

Responsive type system that scales appropriately for all devices<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Twitter Feed<\/h5>\n

Ultra-simple embeddable feeds, requiring only a Twitter account name<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Wizards<\/h5>\n

Onboarding, user-signups and more with the jQuery Steps plugin<\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>[\/vc_column][vc_column width=”1\/3″]

[vc_column_text]<\/p>\n
Alerts<\/h5>\n

Dismissable in-page alerts to provide user feedback<\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Colors<\/h5>\n

Clever background and element classes to add color and life<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Form Elements<\/h5>\n

Styling for all common elements to create beautiful multi-use forms<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Image Backgrounds<\/h5>\n

Add covering images to any section with simple markup<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Maps<\/h5>\n

Google Maps API with data attributes to modify the map’s appearance<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Navigation Bars<\/h5>\n

Create the perfect bar for your website or web app<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Notifications<\/h5>\n

Useful for cookies notifications, site-wide promos and more<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Radials<\/h5>\n

Customisable radial progress charts for multiple uses<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Tables<\/h5>\n

Styling for common HTML5 table element types with simple class modifiers<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Typed Text<\/h5>\n

A neat decorative effect that simulates the typing of a group of strings<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Video Backgrounds<\/h5>\n

Using local or Youtube videos as a background for any element<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>[\/vc_column][vc_column width=”1\/3″]

[vc_column_text]<\/p>\n
Boxes<\/h5>\n

Distinguish repeatable features using boxed elements<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Countdown<\/h5>\n

A customizable countdown timer for coming soon pages, product sales and more<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Gradient Background<\/h5>\n

A neat decorative effect that adds a sense of life and vibrancy<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Instagram<\/h5>\n

Engage users by embedding a feed of photos directly from Instagram<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Masonry<\/h5>\n

Using the Isotope plugin, achieve perfectly fitted masonry grids<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Navigation In-Page<\/h5>\n

A solution for navigating single pages<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Parallax<\/h5>\n

Silky smooth in-house developed parallax effect<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Scrims & Overlays<\/h5>\n

Ensure content maintains readability on image background elements<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Tabs<\/h5>\n

House discerete groups of content with a range of tabbed content styles<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Tooltips<\/h5>\n

Handy pop-up messages that appear when hovering on an element<\/span><\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>

[vc_column_text]<\/p>\n
Video Inline<\/h5>\n

Attractive inline video covers for maintaining brand consistency<\/p>\n

Explore \u2192<\/a>[\/vc_column_text]<\/div><\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row full_width=”stretch_row”][vc_column][\/vc_column][\/vc_row][vc_section css=”.vc_custom_1498162916298{padding-top: 0px !important;}”][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][\/vc_section]<\/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-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":0,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}