{"id":23,"date":"2020-06-22T22:18:23","date_gmt":"2020-06-22T22:18:23","guid":{"rendered":"http:\/\/localhost:8888\/LD_style_guide\/?page_id=23"},"modified":"2021-02-17T17:01:20","modified_gmt":"2021-02-17T17:01:20","slug":"header","status":"publish","type":"page","link":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/header\/","title":{"rendered":"Header"},"content":{"rendered":"\n<h6 class=\"pt-5\">Not Signed-In<\/h6>\n\n\n\n<!-- Tabs -->\n<ul class=\"nav nav-tabs mb-5\">\n        <li class=\"nav-item\">\n            <a class=\"nav-link active\" id=\"example-1-tab\" href=\"#example-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"example-1\" aria-selected=\"true\">Example<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"description-1-tab\" href=\"#description-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"description-1\" aria-selected=\"false\">Description<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"code-1-tab\" href=\"#code-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"code-1\" aria-selected=\"false\">Code<\/a>\n        <\/li>\n\n    <\/ul>\n\n\n\n<!-- Tab panes -->\n    <div class=\"tab-content mb-5\">\n\n        <!-- Tab Example -->\n        <div class=\"tab-pane active bg-light p-3\" id=\"example-1\" role=\"tabpanel\" aria-labelledby=\"example-1-tab\">\n            <div class=\"my-1 \">\n\n\n\n\t\t        <header class=\"w-100\">\n                    <!-- Upper Nav Bar -->\n                    <nav class=\"navbar navbar-expand-xl-1467px navbar-light bg-white p-0 mainNav\">\n\n                        <a class=\"navbar-brand py-0\" href=\"#\">\n                            <img decoding=\"async\" class=\"brandLogo\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/logo-mobile.svg\">\n                        <\/a>\n\n\n                        <div id=\"navbarNavDropdown\" class=\"ml-auto\">\n\n                            <div class=\"navbar-nav ml-auto d-flex flex-row justify-content-end\">\n\n                                <!-- Desktop Navigation Items -->\n                                <div class=\"collapse navbar-collapse\">\n\n                                    <!-- Item 1: Phone Number -->\n                                    <div class=\"nav-item px-4 my-0\">\n\n                                        <a href=\"#\" class=\"nav-link\">1-855-231-8424<\/a>\n\n                                    <\/div> \n\n                                    <!-- Item 2: Help with Dropdown Menu -->\n                                    <div class=\"nav-item border-left dropdown\"> \n                                        \n                                        <a class=\"nav-link pl-0 dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                            Help\n                                        <\/a>\n                                        <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdownMenuLink\">\n                                            <a class=\"dropdown-item\" href=\"#\">Email Us<\/a>\n                                            <a class=\"dropdown-item\" href=\"#\">Chat Online<\/a>\n                                            <a class=\"dropdown-item\" href=\"#\">Help Center<\/a>\n                                            <span class=\"dropdown-item\">1-855-231-8424<br><small>Mon-Fri 8am-7pm ET<\/small><\/span>\n                                        <\/div>\n\n                                    <\/div> \n\n\n                                    <!-- Country Selector -->\n\n                                    <div class=\"countryNavHeader border-left\"> \n                                    \t<div class=\"select_country\">\n                                    \t\t<span class=\"countryhover-button\"> \n                                    \t\t\t<a class=\"countryNavLink footerCurrentCountry currentCountry flag_US\"><\/a> \n                                    \t\t<\/span> \n                                    \t\t<div class=\"countryNavInner\"> \n                                    \t\t\t<ul> \n                                    \t\t\t\t<li>\n                                    \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.ca\/?loc=CA\" class=\"countryNavLink flag_CA\"><span>Canada<\/span><\/a>\n                                    \t\t\t\t<\/li> \n                                    \t\t\t\t<li>\n                                    \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.co.uk\/\" class=\"countryNavLink flag_GB\"><span>United Kingdom<\/span><\/a>\n                                    \t\t\t\t<\/li> \n                                    \t\t\t\t<li>\n                                    \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.com\/?loc=AU\" class=\"countryNavLink flag_AU\"><span>Australia<\/span><\/a>\n                                    \t\t\t\t<\/li> \n                                    \t\t\t\t<li>\n                                    \t\t\t\t\t<a href=\"javascript:void(0)\" class=\"countryNavLink\" onclick=\"showInlineFooterDialog('Select your country', '\/countrySelector.html', undefined, undefined, 'countrySelectorDialog')\"><span>More<\/span><\/a>\n                                    \t\t\t\t<\/li> \n                                    \t\t\t<\/ul> \n                                    \t\t<\/div> \n                                    \t<\/div> \n                                    <\/div>\n\n\n\n                                    <!-- Item 3: Create Free Account -->\n                                    <div class=\"nav-item my-0 border-left\">\n\n                                        <a href=\"#\" class=\"nav-link\">Create Free Account<\/a>\n                                        \n                                    <\/div>\n\n                                    <!-- Item 4: Sign In -->\n                                    <div class=\"nav-item my-0 border-left\">\n\n                                        <a href=\"#\" class=\"nav-link\">Sign In<\/a>\n                                        \n                                    <\/div>  \n\n                                <\/div>\n\n\n                                <!-- Mobile Navigation Items -->\n                                <!-- Item 1: Help -->\n                                <div class=\"nav-item px-3 py-2 my-0 d-inline-flex align-items-center d-xl-1467px-none border-left h-70px f-size-20px\">\n                                    \n                                    <a class=\"nav-link\" href=\"#\">\n                                        Help\n                                    <\/a>\n                                    \n                                <\/div>\n\n                                <!-- Item 2: Search Icon -->\n                                <div class=\"nav-item py-2 my-0 d-inline-flex align-items-center d-xl-1467px-none border-left h-70px magGlassContainer\">\n\n                                    <a class=\"nav-link\" data-toggle=\"modal\" href=\"#searchMobile\" role=\"button\" aria-expanded=\"false\" aria-controls=\"searchMobile\">\n                                        <img decoding=\"async\" id=\"magGlass\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/search.svg\">\n                                    <\/a>\n\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                        <!-- Hamburger -->\n                        <div id=\"hamburger\" class=\"nav-item px-2 py-2 py-lg-4 my-0 d-inline-flex d-xl-1467px-none border-left\">\n\n                            <button class=\"navbar-toggler border-0\" type=\"button\" data-toggle=\"collapse\" data-target=\".myNavDropdown\" aria-controls=\"myNavDropdown\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n                                <span class=\"navbar-toggler-icon\"><\/span>\n                            <\/button> \n\n                        <\/div>\n\n                    <\/nav>\n\n\n\n\n\n                    <!-- Lower Nav Bar -->\n                    <nav class=\"navbar navbar-expand-lg navbar-dark py-0 py-lg-2 LDTopMenu\">\n\n                        <div class=\"collapse navbar-collapse myNavDropdown\" id=\"navbarSupportedContent\">\n                            <ul class=\"navbar-nav mr-auto\">\n\n                                <li class=\"nav-item d-flex d-lg-none justify-content-between\">\n                                    <a class=\"nav-link\" href=\"#\">Create Free Account<\/a>\n                                    <a class=\"nav-link\" href=\"#\">Sign In<\/a>\n                                <\/li>\n\n                                <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Estate<\/a>\n                                    <div class=\"dropdown-menu subDropdown\">\n                                        <a class=\"dropdown-item\" href=\"#\">Power of Attorney<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Last Will and Testament<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Living Will<\/a>\n                                        <div class=\"dropdown-divider d-none\"><\/div>\n                                        <a class=\"dropdown-item\" href=\"#\">Health Care Directive<\/a>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\">Real Estate<\/a>\n                                <\/li>\n                                <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\">Financial<\/a>\n                                <\/li>\n                                 <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\">Business<\/a>\n                                <\/li>\n                                <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\">Family<\/a>\n                                <\/li>\n                                <li class=\"nav-item\">\n                                    <a class=\"nav-link\" href=\"#\">All<\/a>\n                                <\/li>\n\n                            <\/ul>\n                            <form class=\"form-inline d-none d-lg-flex\">\n                                <input class=\"mr-2 search_input init\" type=\"search\" placeholder=\"Search this site...\" aria-label=\"Search\">\n                                <button class=\"btn my-0 search_submit\" type=\"submit\">Go<\/button>\n                            <\/form>\n                        <\/div>\n                    <\/nav>\n                <\/header>\n\n\n\n<\/div>\n<\/div>\n\n\n\n<!-- Tab Description -->\n        <div class=\"tab-pane\" id=\"description-1\" role=\"tabpanel\" aria-labelledby=\"description-1-tab\">\n            <div class=\"col-12\">\n<p> Here is the header.<\/p>\n\n            <\/div>\n        <\/div>\n\n\n\n<!-- Tab Code -->\n        <div class=\"tab-pane\" id=\"code-1\" role=\"tabpanel\" aria-labelledby=\"code-1-tab\">\n            <section>\n                <div class=\"col greyvalidator \">\n                    <pre><code>\n&lt;header class=\"w-100\"&gt;\n        &lt;!-- Upper Nav Bar --&gt;\n        &lt;nav class=\"navbar navbar-expand-lg navbar-light bg-light p-0 mainNav\"&gt;\n\n            &lt;a class=\"navbar-brand py-0\" href=\"#\"&gt;\n                &lt;img class=\"brandLogo\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/logo-mobile.svg\"&gt;\n            &lt;\/a&gt;\n\n\n            &lt;div id=\"navbarNavDropdown\" class=\"ml-auto\"&gt;\n\n                &lt;div class=\"navbar-nav ml-auto d-flex flex-row justify-content-end\"&gt;\n\n                    &lt;!-- Desktop Navigation Items --&gt;\n                    &lt;div class=\"collapse navbar-collapse\"&gt;\n\n                        &lt;!-- Item 1: Phone Number --&gt;\n                        &lt;div class=\"nav-item p-4 my-0\"&gt;\n\n                            &lt;a href=\"#\" class=\"nav-link\"&gt;1-855-231-8424&lt;\/a&gt;\n\n                        &lt;\/div&gt; \n\n                        &lt;!-- Item 2: Help with Dropdown Menu --&gt;\n                        &lt;div class=\"nav-item py-4 px-5 my-0 border-left dropdown\"&gt;\n                            \n                            &lt;a class=\"nav-link pl-0 dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"&gt;\n                                Help\n                            &lt;\/a&gt;\n                            &lt;div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdownMenuLink\"&gt;\n                                &lt;a class=\"dropdown-item\" href=\"#\"&gt;Email Us&lt;\/a&gt;\n                                &lt;a class=\"dropdown-item\" href=\"#\"&gt;Chat Online&lt;\/a&gt;\n                                &lt;a class=\"dropdown-item\" href=\"#\"&gt;Help Center&lt;\/a&gt;\n                                &lt;span class=\"dropdown-item\"&gt;1-855-231-8424&lt;br&gt;&lt;small&gt;Mon-Fri 8am-7pm ET&lt;\/small&gt;&lt;\/span&gt;\n                            &lt;\/div&gt;\n\n                        &lt;\/div&gt; \n\n                        &lt;!-- Item 3: Create Free Account --&gt;\n                        &lt;div class=\"nav-item p-4 my-0 border-left\"&gt;\n\n                            &lt;a href=\"#\" class=\"nav-link\"&gt;Create Free Account&lt;\/a&gt;\n                            \n                        &lt;\/div&gt;\n\n                        &lt;!-- Item 4: Sign In --&gt;\n                        &lt;div class=\"nav-item p-4 my-0 border-left\"&gt;\n\n                            &lt;a href=\"#\" class=\"nav-link\"&gt;Sign In&lt;\/a&gt;\n                            \n                        &lt;\/div&gt;                                           \n                    &lt;\/div&gt;\n\n\n                    &lt;!-- Mobile Navigation Items --&gt;\n                    &lt;!-- Item 1: Help --&gt;\n                    &lt;div class=\"nav-item px-3 py-2 my-0 d-inline-flex d-lg-none border-left\"&gt;\n                        \n                        &lt;a class=\"nav-link\" href=\"#\"&gt;\n                            Help\n                        &lt;\/a&gt;\n                        \n                    &lt;\/div&gt;\n\n                    &lt;!-- Item 2: Search Icon --&gt;\n                    &lt;div class=\"nav-item px-3 py-2 my-0 d-inline-block d-lg-none border-left\"&gt;\n\n                        &lt;a class=\"nav-link\" data-toggle=\"modal\" href=\"#searchMobile\" role=\"button\" aria-expanded=\"false\" aria-controls=\"searchMobile\"&gt;\n                            &lt;img id=\"magGlass\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/search.svg\"&gt;\n                        &lt;\/a&gt;\n\n                    &lt;\/div&gt;\n\n                &lt;\/div&gt;\n\n            &lt;\/div&gt;\n\n            &lt;!-- Hamburger --&gt;\n            &lt;div class=\"nav-item px-2 py-2 px-lg-5 py-lg-4 my-0 d-inline-block d-lg-none border-left\"&gt;\n\n                &lt;button class=\"navbar-toggler border-0\" type=\"button\" data-toggle=\"collapse\" data-target=\".myNavDropdown\" aria-controls=\"myNavDropdown\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"&gt;\n                    &lt;span class=\"navbar-toggler-icon\"&gt;&lt;\/span&gt;\n                &lt;\/button&gt; \n\n            &lt;\/div&gt;\n\n        &lt;\/nav&gt;\n\n\n\n\n\n        &lt;!-- Lower Nav Bar --&gt;\n        &lt;nav class=\"navbar navbar-expand-lg navbar-dark py-0 py-lg-2 LDTopMenu\"&gt;\n\n            &lt;div class=\"collapse navbar-collapse myNavDropdown\" id=\"navbarSupportedContent\"&gt;\n                &lt;ul class=\"navbar-nav mr-auto\"&gt;\n\n                    &lt;li class=\"nav-item d-flex d-lg-none justify-content-between\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Create Free Account&lt;\/a&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Sign In&lt;\/a&gt;\n                    &lt;\/li&gt;\n\n                    &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"&gt;Estate&lt;\/a&gt;\n                        &lt;div class=\"dropdown-menu\"&gt;\n                            &lt;a class=\"dropdown-item\" href=\"#\"&gt;Action&lt;\/a&gt;\n                            &lt;a class=\"dropdown-item\" href=\"#\"&gt;Another action&lt;\/a&gt;\n                            &lt;a class=\"dropdown-item\" href=\"#\"&gt;Something else here&lt;\/a&gt;\n                            &lt;div class=\"dropdown-divider\"&gt;&lt;\/div&gt;\n                            &lt;a class=\"dropdown-item\" href=\"#\"&gt;Separated link&lt;\/a&gt;\n                        &lt;\/div&gt;\n                    &lt;\/li&gt;\n                    &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Real Estate&lt;\/a&gt;\n                    &lt;\/li&gt;\n                    &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Financial&lt;\/a&gt;\n                    &lt;\/li&gt;\n                     &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Business&lt;\/a&gt;\n                    &lt;\/li&gt;\n                    &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;Family&lt;\/a&gt;\n                    &lt;\/li&gt;\n                    &lt;li class=\"nav-item\"&gt;\n                        &lt;a class=\"nav-link\" href=\"#\"&gt;All&lt;\/a&gt;\n                    &lt;\/li&gt;\n\n                &lt;\/ul&gt;\n                &lt;form class=\"form-inline d-none d-lg-flex\"&gt;\n                    &lt;input class=\"form-control mr-2\" type=\"search\" placeholder=\"Search this site...\" aria-label=\"Search\"&gt;\n                    &lt;button class=\"btn btn-outline-light my-0\" type=\"submit\"&gt;Go&lt;\/button&gt;\n                &lt;\/form&gt;\n            &lt;\/div&gt;\n        &lt;\/nav&gt;\n    &lt;\/header&gt;\t\t\n\t<\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n\n\n<h6 class=\"pt-5\">Signed-In<\/h6>\n\n\n\n<!-- Tabs -->\n    <ul class=\"nav nav-tabs mb-5\">\n        <li class=\"nav-item\">\n            <a class=\"nav-link active\" id=\"example-2-tab\" href=\"#example-2\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"example-2\" aria-selected=\"true\">Example<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"description-2-tab\" href=\"#description-2\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"description-2\" aria-selected=\"false\">Description<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"code-2-tab\" href=\"#code-2\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"code-2\" aria-selected=\"false\">Code<\/a>\n        <\/li>\n\n    <\/ul>\n\n\n\n<!-- Tab panes -->\n    <div class=\"tab-content mb-5\">\n\n        <!-- Tab Example -->\n        <div class=\"tab-pane active bg-light p-3\" id=\"example-2\" role=\"tabpanel\" aria-labelledby=\"example-2-tab\">\n            <div class=\"my-1 \">\n\n\n\n    <header class=\"w-100\">\n                <!-- Upper Nav Bar -->\n                <nav class=\"navbar navbar-expand-xl-1467px navbar-light bg-white p-0 mainNav\">\n\n                    <a class=\"navbar-brand py-0\" href=\"#\">\n                        <img decoding=\"async\" class=\"brandLogo\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/logo-mobile.svg\">\n                    <\/a>\n\n\n                    <div id=\"navbarNavDropdown\" class=\"ml-auto\">\n\n                        <div class=\"navbar-nav ml-auto d-flex flex-row justify-content-end\">\n\n                            <!-- Desktop Navigation Items -->\n                            <div class=\"collapse navbar-collapse\">\n\n                                <!-- Item 1: Phone Number -->\n                                <div class=\"nav-item px-4 my-0\">\n\n                                    <a href=\"#\" class=\"nav-link\">1-855-231-8424<\/a>\n\n                                <\/div> \n\n                                <!-- Item 2: Help with Dropdown Menu -->\n                                <div class=\"nav-item border-left dropdown\"> \n                                    \n                                    <a class=\"nav-link pl-0 dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                        Help\n                                    <\/a>\n                                    <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdownMenuLink\">\n\n                                        <a class=\"dropdown-item\" href=\"#\">Email Us<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Chat Online<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Help Center<\/a>\n                                        <span class=\"dropdown-item\">1-855-231-8424<br><small>Mon-Fri 8am-7pm ET<\/small><\/span>\n\n                                    <\/div>\n\n                                <\/div> \n\n\n                                <!-- Country Selector -->\n\n                                <div class=\"countryNavHeader border-left\"> \n                                \t<div class=\"select_country\">\n                                \t\t<span class=\"countryhover-button\"> \n                                \t\t\t<a class=\"countryNavLink footerCurrentCountry currentCountry flag_US\"><\/a> \n                                \t\t<\/span> \n                                \t\t<div class=\"countryNavInner\"> \n                                \t\t\t<ul> \n                                \t\t\t\t<li>\n                                \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.ca\/?loc=CA\" class=\"countryNavLink flag_CA\"><span>Canada<\/span><\/a>\n                                \t\t\t\t<\/li> \n                                \t\t\t\t<li>\n                                \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.co.uk\/\" class=\"countryNavLink flag_GB\"><span>United Kingdom<\/span><\/a>\n                                \t\t\t\t<\/li> \n                                \t\t\t\t<li>\n                                \t\t\t\t\t<a href=\"https:\/\/www.lawdepot.com\/?loc=AU\" class=\"countryNavLink flag_AU\"><span>Australia<\/span><\/a>\n                                \t\t\t\t<\/li> \n                                \t\t\t\t<li>\n                                \t\t\t\t\t<a href=\"javascript:void(0)\" class=\"countryNavLink\" onclick=\"showInlineFooterDialog('Select your country', '\/countrySelector.html', undefined, undefined, 'countrySelectorDialog')\"><span>More<\/span><\/a>\n                                \t\t\t\t<\/li> \n                                \t\t\t<\/ul> \n                                \t\t<\/div> \n                                \t<\/div> \n                                <\/div>\n\n\n\n                                 \n\n                                <!-- Item 4: Signed In -->\n                                <div id=\"signed-in-menu-item\" class=\"nav-item border-left dropdown\"> \n                                    \n                                    <a class=\"nav-link pl-0 dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                        user@email.com\n                                    <\/a>\n                                    <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdownMenuLink\">\n\n                                        <a class=\"dropdown-item\" href=\"#\">My Documents<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Estate Vault<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">My Account<\/a>\n                                        <a class=\"dropdown-item\" href=\"#\">Sign Out<\/a>\n                                        \n                                    <\/div>\n\n                                <\/div>  \n\n\n                            <\/div>\n\n\n                            <!-- Mobile Navigation Items -->\n                            <!-- Item 1: Help -->\n                            <div class=\"nav-item px-3 py-2 my-0 d-inline-flex align-items-center d-xl-1467px-none border-left h-70px f-size-20px\">\n                                \n                                <a class=\"nav-link\" href=\"#\">\n                                    Help\n                                <\/a>\n                                \n                            <\/div>\n\n                            <!-- Item 2: Search Icon -->\n                            <div class=\"nav-item py-2 my-0 d-inline-flex align-items-center d-xl-1467px-none border-left h-70px magGlassContainer\">\n\n                                <a class=\"nav-link\" data-toggle=\"modal\" href=\"#searchMobile\" role=\"button\" aria-expanded=\"false\" aria-controls=\"searchMobile\">\n                                    <img decoding=\"async\" id=\"magGlass\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/search.svg\">\n                                <\/a>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Hamburger -->\n                    <div id=\"hamburger\" class=\"nav-item px-2 py-2 py-lg-4 my-0 d-inline-flex d-xl-1467px-none border-left\">\n\n                        <button class=\"navbar-toggler border-0\" type=\"button\" data-toggle=\"collapse\" data-target=\".myNavDropdown\" aria-controls=\"myNavDropdown\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n                            <span class=\"navbar-toggler-icon\"><\/span>\n                        <\/button> \n\n                    <\/div>\n\n                <\/nav>\n\n\n\n\n\n                <!-- Lower Nav Bar -->\n                <nav class=\"navbar navbar-expand-lg navbar-dark py-0 py-lg-2 LDTopMenu\">\n\n                    <div class=\"collapse navbar-collapse myNavDropdown\" id=\"navbarSupportedContent\">\n                        <ul class=\"navbar-nav mr-auto\">\n\n                            <li class=\"nav-item d-flex d-lg-none justify-content-between\">\n                                <a class=\"nav-link\" href=\"#\">Create Free Account<\/a>\n                                <a class=\"nav-link\" href=\"#\">Sign In<\/a>\n                            <\/li>\n\n                            <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Estate<\/a>\n                                <div class=\"dropdown-menu subDropdown\">\n                                    <a class=\"dropdown-item\" href=\"#\">Power of Attorney<\/a>\n                                    <a class=\"dropdown-item\" href=\"#\">Last Will and Testament<\/a>\n                                    <a class=\"dropdown-item\" href=\"#\">Living Will<\/a>\n                                    <div class=\"dropdown-divider d-none\"><\/div>\n                                    <a class=\"dropdown-item\" href=\"#\">Health Care Directive<\/a>\n                                <\/div>\n                            <\/li>\n                            <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\">Real Estate<\/a>\n                            <\/li>\n                            <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\">Financial<\/a>\n                            <\/li>\n                             <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\">Business<\/a>\n                            <\/li>\n                            <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\">Family<\/a>\n                            <\/li>\n                            <li class=\"nav-item\">\n                                <a class=\"nav-link\" href=\"#\">All<\/a>\n                            <\/li>\n\n                        <\/ul>\n                        <form class=\"form-inline d-none d-lg-flex\">\n                            <input class=\"mr-2 search_input init\" type=\"search\" placeholder=\"Search this site...\" aria-label=\"Search\">\n                            <button class=\"btn my-0 search_submit\" type=\"submit\">Go<\/button>\n                        <\/form>\n                    <\/div>\n                <\/nav>\n            <\/header>\n\n\n\n<\/div>\n<\/div>\n\n\n\n<!-- Tab Description -->\n        <div class=\"tab-pane\" id=\"description-2\" role=\"tabpanel\" aria-labelledby=\"description-2-tab\">\n            <div class=\"col-12\">\n<p> Here is the header.<\/p>\n\n            <\/div>\n        <\/div>\n\n\n\n<!-- Tab Code -->\n        <div class=\"tab-pane\" id=\"code-2\" role=\"tabpanel\" aria-labelledby=\"code-2-tab\">\n            <section>\n                <div class=\"col greyvalidator \">\n                    <pre><code>\n    &lt;button class=\"largeActiveButton\"&gt;Cancel Subscription&lt;\/button&gt;      \n    &lt;button class=\"largeInactiveButton\"&gt;Cancel Subscription&lt;\/button&gt;    \n    &lt;button class=\"largeActiveButton\"&gt;Submit&lt;\/button&gt;   \n    &lt;button class=\"largeInactiveButton\"&gt;Cancel&lt;\/button&gt;         \n    <\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n\n\n<h6>Selection\/Payment Page<\/h6>\n\n\n\n<!-- Tabs -->\n    <ul class=\"nav nav-tabs mb-5\">\n        <li class=\"nav-item\">\n            <a class=\"nav-link active\" id=\"example-3-tab\" href=\"#example-3\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"example-3\" aria-selected=\"true\">Example<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"description-3-tab\" href=\"#description-3\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"description-3\" aria-selected=\"false\">Description<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"code-3-tab\" href=\"#code-3\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"code-3\" aria-selected=\"false\">Code<\/a>\n        <\/li>\n\n    <\/ul>\n\n\n\n<!-- Tab panes -->\n    <div class=\"tab-content mb-5\">\n\n        <!-- Tab Example -->\n        <div class=\"tab-pane active bg-light p-3\" id=\"example-3\" role=\"tabpanel\" aria-labelledby=\"example-3-tab\">\n            <div class=\"my-1 \">\n\n\n\n<header class=\"w-100\">\n                       <!-- Upper Nav Bar -->\n                       <nav class=\"navbar navbar-expand-xl-1467px navbar-light bg-white p-0 mainNav\">\n\n                           <a class=\"navbar-brand py-0\" href=\"#\">\n                               <img decoding=\"async\" class=\"brandLogoSelectionPage\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/logo-mobile.svg\">\n                           <\/a>\n\n\n                           <div id=\"navbarNavDropdown\" class=\"ml-auto\">\n\n                               <div class=\"navbar-nav ml-auto d-flex flex-row justify-content-end\">\n\n                                   <!-- Desktop Navigation Items -->\n                                   <div class=\"navbar-collapse\">\n\n                                   \t<!-- Country Selector -->\n\n                                   \t<div class=\"countryNavHeader navHeaderSelectionPage\"> \n                                   \t\t<div class=\"select_country\">\n                                   \t\t\t<span class=\"countryhover-button\"> \n                                   \t\t\t\t<a class=\"countryNavLink footerCurrentCountry currentCountry flag_US\"><\/a> \n                                   \t\t\t<\/span> \n                                   \t\t\t\n                                   \t\t<\/div> \n                                   \t<\/div>\n\n                                       <!-- Item 1: Phone Number -->\n                                       <div class=\"nav-item px-4 my-0 navHeaderSelectionPage d-inline-block\">\n\n                                           <a href=\"#\" class=\"nav-link\">1-855-231-8424<\/a>\n\n                                       <\/div> \n\n\n\n                                       <!-- Item 2: Help with Dropdown Menu -->\n                                       <div class=\"nav-item border-left dropdown navHeaderSelectionPage d-inline-block\"> \n                                           \n                                           <a class=\"nav-link pl-0 dropdown-toggle\" href=\"#\" id=\"navbarDropdownMenuLink\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                               Help\n                                           <\/a>\n                                           <div class=\"dropdown-menu\" aria-labelledby=\"navbarDropdownMenuLink\">\n\n                                               <a class=\"dropdown-item\" href=\"#\">Email Us<\/a>\n                                               <a class=\"dropdown-item\" href=\"#\">Chat Online<\/a>\n                                               <a class=\"dropdown-item\" href=\"#\">Help Center<\/a>\n                                               <span class=\"dropdown-item\">1-855-231-8424<br><small>Mon-Fri 8am-7pm ET<\/small><\/span>\n\n                                           <\/div>\n\n                                       <\/div> \n\n                                   <\/div>\n\n                               <\/div>\n\n                           <\/div>\n\n                       <\/nav>\n                       \n                   <\/header>\n\n\n\n<\/div>\n<\/div>\n\n\n\n<!-- Tab Description -->\n        <div class=\"tab-pane\" id=\"description-3\" role=\"tabpanel\" aria-labelledby=\"description-3-tab\">\n            <div class=\"col-12\">\n<p> Here is the header.<\/p>\n\n            <\/div>\n        <\/div>\n\n\n\n<!-- Tab Code -->\n        <div class=\"tab-pane\" id=\"code-3\" role=\"tabpanel\" aria-labelledby=\"code-3-tab\">\n            <section>\n                <div class=\"col greyvalidator \">\n                    <pre><code>\n    &lt;button class=\"largeActiveButton\"&gt;Cancel Subscription&lt;\/button&gt;      \n    &lt;button class=\"largeInactiveButton\"&gt;Cancel Subscription&lt;\/button&gt;    \n    &lt;button class=\"largeActiveButton\"&gt;Submit&lt;\/button&gt;   \n    &lt;button class=\"largeInactiveButton\"&gt;Cancel&lt;\/button&gt;         \n    <\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Not Signed-In Example Description Code 1-855-231-8424 Help Email Us Chat Online Help Center 1-855-231-8424Mon-Fri 8am-7pm ET Canada United Kingdom Australia More Create Free Account Sign [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/23"}],"collection":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":85,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":1196,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/23\/revisions\/1196"}],"wp:attachment":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}