{"id":2384,"date":"2017-06-22T20:18:38","date_gmt":"2017-06-22T20:18:38","guid":{"rendered":"http:\/\/stack.tommusdemos.wpengine.com\/?page_id=2384"},"modified":"2017-06-22T20:18:38","modified_gmt":"2017-06-22T20:18:38","slug":"navigation-bars","status":"publish","type":"page","link":"https:\/\/cogs.iitgn.ac.in\/newcogs\/sections\/navigation-bars\/","title":{"rendered":"Navigation Bars"},"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

Navigation Bars<\/h1>\n

Below are just some of the bar combinations possible in Stack. Use these premade bars or easily build your own.<\/p>\n

\n

All blocks shown here are available to use in
the included Visual Composer Page Builder.[\/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_1498162883926{padding-top: 0px !important;}”][vc_row][vc_column width=”1\/3″]

[vc_column_text]<\/p>\n
Stacked Bar<\/span><\/h5>\n

A spacious and beautiful navigation style.<\/p>\n

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

[vc_column_text]<\/p>\n
Fullscreen Modal<\/span><\/h5>\n

Modern and sleek pop up navigation style.<\/p>\n

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

[vc_column_text]<\/p>\n
Logo & Buttons (Transparent)<\/span><\/h5>\n

Minimal but focused navigation style with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Standard Bar & Top Bar<\/span><\/h5>\n

Classic, fully featured navigation with many elements.<\/p>\n

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

[vc_column_text]<\/p>\n
Standard & Top Bar (Transparent)<\/span><\/h5>\n

Classic, fully featured navigation with many elements with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Centered Bar<\/span><\/h5>\n

Traditional and gorgeous centred navigation.<\/p>\n

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

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

Smooth and stylish animated sidebar navigation<\/p>\n

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

[vc_column_text]<\/p>\n
Fullscreen Modal (Transparent)<\/span><\/h5>\n

Modern and sleek pop up navigation style with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Logo Only<\/span><\/h5>\n

Ultra minimal, menu free navigation style perfect for landing pages.<\/p>\n

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

[vc_column_text]<\/p>\n
Standard Bar<\/span><\/h5>\n

Simple and clean navigation, a popular choice.<\/p>\n

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

[vc_column_text]<\/p>\n
Centered Bar (Transparent<\/span><\/h5>\n

Traditional and gorgeous centred navigation with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Search Bar<\/span><\/h5>\n

This navigation style provides a prominent search box.<\/p>\n

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

[vc_column_text]<\/p>\n
Sidebar Offscreen (Transparent)<\/span><\/h5>\n

Smooth and stylish animated sidebar navigation with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Logo & Buttons<\/span><\/h5>\n

Minimal but focused navigation style.<\/p>\n

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

[vc_column_text]<\/p>\n
Logo Only (Transparent)<\/span><\/h5>\n

Ultra minimal, menu free navigation style perfect for landing pages with a transparent background.<\/p>\n

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

[vc_column_text]<\/p>\n
Standard Bar (Transparent)<\/span><\/h5>\n

Simple and clean navigation with a transparent background.<\/p>\n

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

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

Classic. fixed sidebar navigation style.<\/p>\n

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

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

Ideal for coming soon or utility pages<\/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_1498162883926{padding-top: 0px !important;}”][vc_row][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":262,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/2384","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=2384"}],"version-history":[{"count":0,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/2384\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/media?parent=2384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}