{"id":224,"date":"2018-12-27T01:36:05","date_gmt":"2018-12-26T23:36:05","guid":{"rendered":"http:\/\/e-merald.com\/themes\/transvision-wp\/?page_id=224"},"modified":"2018-12-28T14:34:46","modified_gmt":"2018-12-28T12:34:46","slug":"header-and-footer-layouts","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/transvision-wp\/resources\/general\/header-and-footer-layouts\/","title":{"rendered":"Header and Footer Layouts"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-224-0\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"3\" ><div id=\"pgc-224-0-0\"  class=\"panel-grid-cell col-sm-3 columns\"  data-cells=\"2\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-224-0-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child offset-sm-right-20px align-only-md-center align-only-lg-center align-only-xl-center\" data-index=\"0\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon standard\">\r\n\t\t\t\t<figure class=\"box-icon ion-ios-arrow-thin-up\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-224-0-1\"  class=\"panel-grid-cell col-sm-9 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-224-0-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"1\" >\n<h4>Header <span class=\"text-highlighted\">Layout<\/span><\/h4>\n<p class=\"margin-bottom-20px\">There are 2 types of page header layout you can use in the theme:<\/p>\n<ol class=\"margin-bottom-25px\">\n<li><span class=\"font-weight-semibold\">Extended<\/span> \u2014 see <a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/home-page-3\/\">Home Page 3<\/a>, <a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/coaching\/services\/\">Services<\/a>, or this page, for example.<\/li>\n<li><span class=\"font-weight-semibold\">Standard<\/span> \u2014 set as default for most of pages.<\/li>\n<\/ol>\n<div class=\"divider-dotline grey-divider margin-bottom-20px\"><\/div>\n<p class=\"text-small margin-bottom-10px\">Additional elements that can be displayed on pages with <strong>Extended Header<\/strong>:<\/p>\n<ul class=\"text-small dot-list\">\n<li>Extra info (phone number)<\/li>\n<li>Header top links (secondary menu)<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg dots-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-224-1\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"3\" ><div id=\"pgc-224-1-0\"  class=\"panel-grid-cell col-sm-3 col-sm-push-9 columns\"  data-cells=\"2\"  data-ordering=\"swap-cols-sm\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-224-1-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child offset-sm-left-20px align-only-md-center align-only-lg-center align-only-xl-center\" data-index=\"2\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon standard\">\r\n\t\t\t\t<figure class=\"box-icon ion-ios-gear-outline\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-224-1-1\"  class=\"panel-grid-cell col-sm-9 col-sm-pull-3 columns\"  data-cells=\"2\"  data-ordering=\"swap-cols-sm\" >\n\n<!-- Text Block -->\n<div id=\"panel-224-1-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child offset-md-right-20px\" data-index=\"3\" >\n<h4>Header <span class=\"text-highlighted\">Style<br \/>\n<\/span><\/h4>\n<p class=\"margin-bottom-20px\">You can choose either <strong>Dark<\/strong> or <strong>Light<\/strong> for the <em>page header style<\/em>.<\/p>\n<ol>\n<li><span class=\"font-weight-semibold\">Dark<\/span> \u2014 theme's default style for page header<\/li>\n<li><span class=\"font-weight-semibold\">Light<\/span> \u2014 see the following blog posts as examples:\n<ul class=\"dot-list\">\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/3-key-factors-to-increase-your-coaching-rates\/\">3 Key Factors to Increase Your Coaching Rates<\/a><\/li>\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/5-easy-practical-tools-to-get-your-clients-unstuck\/\">5 Easy, Practical Tools to Get Your Clients Unstuck<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-224-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"3\" ><div id=\"pgc-224-2-0\"  class=\"panel-grid-cell col-sm-3 columns\"  data-cells=\"2\" >\n\n<!-- Fancy Icon -->\n<div id=\"panel-224-2-0-0\" class=\"so-panel widget widget_transvision-fancy-icon widget-fancy-icon panel-first-child panel-last-child offset-sm-right-20px align-only-md-center align-only-lg-center align-only-xl-center\" data-index=\"4\" >\n\t\t\t\r\n\t\t\t<div class=\"fancy-icon standard\">\r\n\t\t\t\t<figure class=\"box-icon ion-ios-arrow-thin-down\">\r\n\t\t\t\t\t<span class=\"inner-border\"><\/span>\r\n\t\t\t\t<\/figure>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<\/div>\n<!-- end Fancy Icon -->\n<\/div><div id=\"pgc-224-2-1\"  class=\"panel-grid-cell col-sm-9 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-224-2-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child offset-md-left-20px\" data-index=\"5\" >\n<h4>Footer <span class=\"text-highlighted\">Layout<\/span><\/h4>\n<p class=\"margin-bottom-20px\">The TransVision theme includes 2 predefined styles of footer layout:<\/p>\n<h6>Style 1<\/h6>\n<p class=\"margin-bottom-20px\">The default style. <span class=\"text-secondary-color\"><em>Contact Details<\/em><\/span> at the right side + 3-column (or 2-column) <span class=\"text-secondary-color\"><em>Footer Menu<\/em><\/span>.<\/p>\n<h6>Style 2<\/h6>\n<p class=\"margin-bottom-20px\"><span class=\"text-secondary-color\"><em>Contact Details<\/em><\/span> at the left side + one-column <span class=\"text-secondary-color\"><em>Footer Menu<\/em><\/span> + <span class=\"text-secondary-color\"><em>recent posts<\/em><\/span> or <span class=\"text-secondary-color\"><em>text<\/em><\/span>. See the demo examples:<\/p>\n<ul class=\"dot-list indent-medium\">\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/home-page-2\/\">Home Page 2<\/a><\/li>\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/home-page-3\/\">Home Page 3<\/a><\/li>\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/coaching\/faqs\/\">FAQs<\/a><\/li>\n<li><a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/blog\/\">Blog<\/a><\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>Header Layout There are 2 types of page header layout you can use in the theme: Extended \u2014 see Home Page 3, Services, or this page, for example. Standard \u2014 set as default for most of pages. Additional [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20,"parent":219,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/224"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}