{"id":29,"date":"2020-06-23T16:35:49","date_gmt":"2020-06-23T16:35:49","guid":{"rendered":"http:\/\/localhost:8888\/LD_style_guide\/?page_id=29"},"modified":"2020-09-16T19:31:25","modified_gmt":"2020-09-16T19:31:25","slug":"banners","status":"publish","type":"page","link":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/banners\/","title":{"rendered":"Banners"},"content":{"rendered":"\n<h6 class=\"pt-5\">Welcome Back Banner<\/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\" id=\"example-1\" role=\"tabpanel\" aria-labelledby=\"example-1-tab\">\n            <div class=\"row mt-1 mb-5\">\n\n\n\n<figure class=\"wp-block-image size-large border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"218\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/2020\/08\/Banner-80-1024x218.jpg\" alt=\"\" class=\"wp-image-326\" srcset=\"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-80-1024x218.jpg 1024w, https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-80-300x64.jpg 300w, https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-80-768x163.jpg 768w, https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-80.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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\n\n\n<p>Here is a description of the Welcome Back banner.<\/p>\n\n\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;button class=\"hp_searchbar\"&gt;Search&lt;\/button&gt;            \n                    <\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n\n\n<h6 class=\"pt-5\">Call Out Banner<\/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\" id=\"example-2\" role=\"tabpanel\" aria-labelledby=\"example-2-tab\">\n            <div class=\"row mt-1 mb-5\">\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"988\" height=\"326\" src=\"http:\/\/localhost:8888\/LD_style_guide\/wp-content\/uploads\/2020\/08\/Banner-post-purchase-80.jpg\" alt=\"\" class=\"wp-image-323\" srcset=\"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-post-purchase-80.jpg 988w, https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-post-purchase-80-300x99.jpg 300w, https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-content\/uploads\/2020\/08\/Banner-post-purchase-80-768x253.jpg 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/figure>\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\n\n\n<p>Here is a description of the Call Out banner.<\/p>\n\n\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=\"hp_searchbar\"&gt;Search&lt;\/button&gt;            \n                    <\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome Back Banner Example Description Code Here is a description of the Welcome Back banner. &lt;button class=&#8221;hp_searchbar&#8221;&gt;Search&lt;\/button&gt; Call Out Banner Example Description Code Here is [&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\/29"}],"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=29"}],"version-history":[{"count":39,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":1217,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/29\/revisions\/1217"}],"wp:attachment":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}