{"id":7,"date":"2016-05-24T12:59:00","date_gmt":"2016-05-24T12:59:00","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=7"},"modified":"2016-05-24T12:59:00","modified_gmt":"2016-05-24T12:59:00","slug":"navigation","status":"publish","type":"page","link":"https:\/\/eddyproperties.com\/index.php\/elements\/navigation\/","title":{"rendered":"Navigation"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h1 style=\"text-align: center;\">Navigation<\/h1>\n<p class=\"lead\" style=\"text-align: center;\">Pillar includes traditional navigation bar styles, with the option of a utility bar as well as modal-based navigation<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;bg&#8211;secondary&#8221;][vc_column]\n\t\t\t<a href=\"\/elements\/navigation\/classic-nav-bar\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-5-1024x768.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-5-1024x768.jpeg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-5-300x225.jpeg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-5-768x576.jpeg 768w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-5.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Classic Nav Bar<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>This traditional navigation bar features single and double-level dropdowns as well as multi-column dropdowns.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/nav-bar-with-utility\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-1-1-1024x768.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-1-1-1024x768.jpeg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-1-1-300x225.jpeg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-1-1-768x576.jpeg 768w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-1-1.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Nav Bar with Utility<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>A handy utility bar can also be added to the classic nav bar to add additional information such as contact details.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/stacked-nav-bar\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-3-1024x768.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-3-1024x768.jpeg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-3-300x225.jpeg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-3-768x576.jpeg 768w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-3.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Stacked Nav Bar<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>Ideal for sites with larger logos, this stacked navigation style also leaves room for CTA buttons on the right.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/fullscreen-nav\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-2-1-1024x768.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-2-1-1024x768.jpeg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-2-1-300x225.jpeg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-2-1-768x576.jpeg 768w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-2-1.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Fullscreen Nav<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>This navigation type is triggered by clicking the menu toggle and is useful for sites with fewer neviagation links.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/slideout-nav\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-4-1024x768.jpeg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-4-1024x768.jpeg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-4-300x225.jpeg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-4-768x576.jpeg 768w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/Unknown-4.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Slideout Nav<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>This navigation type is triggered by clicking the menu toggle and is useful for sites with fewer neviagation links.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/left-vertical-nav\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh1-1024x768.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh1.jpg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh1-300x225.jpg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh1-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Left Vertical Nav<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>This navigation type static on the left hand of the page, its ideal for bloggers or sites with\u00a0fewer navigation links.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\n\t\t\t<a href=\"\/elements\/navigation\/left-vertical-nav-dark-background\/\">\n\t\t\t\t<div class=\"card card--horizontal card-5\">\n\t\t\t\t\t<div class=\"card__image col-sm-7 col-md-8\">\n\t\t\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh2-1024x768.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh2.jpg 1024w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh2-300x225.jpg 300w, https:\/\/eddyproperties.com\/wp-content\/uploads\/2016\/05\/lh2-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card__body col-sm-5 col-md-4 boxed boxed--lg bg--white\">\n\t\t\t\t\t\t<div class=\"card__title\">\n\t\t\t\t\t\t\t<h4>Left Vertical Nav (Dark Background)<\/h4>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span><em><\/em><\/span>\n\t\t\t\t\t\t<p>This navigation type static on the left hand of the page, its ideal for bloggers or sites with\u00a0fewer navigation links. The dark background provided a sleek and modern style.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text] Navigation Pillar includes traditional navigation bar styles, with the option of a utility bar as well as modal-based navigation [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;bg&#8211;secondary&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":965,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/pages\/965"}],"wp:attachment":[{"href":"https:\/\/eddyproperties.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}