{"id":211,"date":"2021-04-20T19:30:47","date_gmt":"2021-04-20T19:30:15","guid":{"rendered":"https:\/\/jjjsigns.com\/?page_id=211"},"modified":"2022-05-13T13:00:18","modified_gmt":"2022-05-13T19:00:18","slug":"style","status":"publish","type":"page","link":"https:\/\/jjjsigns.com\/style\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n    \n        <section                        class=\" section\"         >\n            \n\n<div class=\"container\">\n<div class=\"columns\">\n    <div  class=\"column w-full lg:w-3\/12\">\n        \n\n    <div   class=\"pr-8\">\n        \n\n<h2 class=\"wp-block-heading\">Gravity Forms.<\/h2>\n\n    <\/div>\n\n    \n    <\/div>\n\n    \n\n\n    <div  class=\"column w-full lg:w-9\/12\">\n        \n<script type=\"text\/javascript\">var gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener(\"DOMContentLoaded\",o):document.addEventListener(\"gform_main_scripts_loaded\",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook(\"action\",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook(\"filter\",o,n,r,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,n){gform.removeHook(\"action\",o,n)},removeFilter:function(o,n,r){gform.removeHook(\"filter\",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+\"_\"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==n?t.apply(null,r):r[0]=t.apply(null,r)})),\"filter\"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});<\/script>\n                <div class='gf_browser_unknown gform_wrapper gravity-theme gform-theme--no-framework contact-us_wrapper' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><style>#gform_wrapper_1[data-form-index=\"0\"].gform-theme,[data-parent-form=\"1_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg version='1.1' xmlns='http:\/\/www.w3.org\/2000\/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><form method='post' enctype='multipart\/form-data'  id='gform_1' class='contact-us' action='\/wp-json\/wp\/v2\/pages\/211' data-formid='1' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LdDDAghAAAAAHmZGcLxTlYjgDUcMUqMjGJCYE1h' data-tabindex='0'><input id=\"input_499af4f4251aece3cdc8eda658648292\" class=\"gfield_recaptcha_response\" type=\"hidden\" name=\"input_499af4f4251aece3cdc8eda658648292\" value=\"\"\/><\/div>\n                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below'><div id=\"field_1_1\" class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_1\" ><label class='gfield_label gform-field-label' for='input_1_1'>Your Name<\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_1_1' type='text' value='' class='large'    placeholder='Your Name'  aria-invalid=\"false\"   \/> <\/div><\/div><div id=\"field_1_2\" class=\"gfield gfield--type-email gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_2\" ><label class='gfield_label gform-field-label' for='input_1_2'>Your Email<\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='large'   placeholder='Your Email'  aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_1_3\" class=\"gfield gfield--type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_3\" ><label class='gfield_label gform-field-label' for='input_1_3'>Subject<\/label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large'    placeholder='Subject'  aria-invalid=\"false\"   \/> <\/div><\/div><div id=\"field_1_7\" class=\"gfield gfield--type-select gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_7\" ><label class='gfield_label gform-field-label' for='input_1_7'>I am Interested in&#8230;<\/label><div class='ginput_container ginput_container_select'><select name='input_7' id='input_1_7' class='large gfield_select'     aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>I am Interested in&#8230;<\/option><option value='First Choice' >First Choice<\/option><option value='Second Choice' >Second Choice<\/option><option value='Third Choice' >Third Choice<\/option><\/select><\/div><\/div><div id=\"field_1_5\" class=\"gfield gfield--type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_5\" ><label class='gfield_label gform-field-label' for='input_1_5'>Message<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large'    placeholder='Message'  aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><\/div><\/div>\n        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Submit'  onclick='if(window[\"gf_submitting_1\"]){return false;}  if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window[\"gf_submitting_1\"]){return false;} if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  jQuery(\"#gform_1\").trigger(\"submit\",[true]); }' \/> \n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImRhZTQ0MDk2YTJhMzc1ZDM1OGY5NmRjYjg5ODQzYTEyIl0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/jjjsigns.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/jjjsigns.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}, 50);}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [1, current_page] );            gform.utils.trigger( { event: 'gform\/postRender', native: false, data: { formId: 1, currentPage: current_page } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n\n    <\/div>\n\n    <\/div>\n<\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"bg-primary-700 section\"         >\n            \n\n<div class=\"container\">\n<div class=\"columns\">\n    <div  class=\"column w-full lg:w-3\/12\">\n        \n\n    <div   class=\"pr-8\">\n        \n\n<h2 class=\"text-white wp-block-heading\">Gravity Forms Dark.<\/h2>\n\n    <\/div>\n\n    \n    <\/div>\n\n    \n\n\n    <div  class=\"column w-full lg:w-9\/12 form-wrap-dark\">\n        \n\n                <div class='gf_browser_unknown gform_wrapper gravity-theme gform-theme--no-framework contact-us_wrapper' data-form-theme='gravity-theme' data-form-index='1' id='gform_wrapper_1' ><style>#gform_wrapper_1[data-form-index=\"1\"].gform-theme,[data-parent-form=\"1_1\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg version='1.1' xmlns='http:\/\/www.w3.org\/2000\/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><form method='post' enctype='multipart\/form-data'  id='gform_1' class='contact-us' action='\/wp-json\/wp\/v2\/pages\/211' data-formid='1' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LdDDAghAAAAAHmZGcLxTlYjgDUcMUqMjGJCYE1h' data-tabindex='0'><input id=\"input_499af4f4251aece3cdc8eda658648292\" class=\"gfield_recaptcha_response\" type=\"hidden\" name=\"input_499af4f4251aece3cdc8eda658648292\" value=\"\"\/><\/div>\n                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below'><div id=\"field_1_1\" class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_1\" ><label class='gfield_label gform-field-label' for='input_1_1'>Your Name<\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_1_1' type='text' value='' class='large'    placeholder='Your Name'  aria-invalid=\"false\"   \/> <\/div><\/div><div id=\"field_1_2\" class=\"gfield gfield--type-email gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_2\" ><label class='gfield_label gform-field-label' for='input_1_2'>Your Email<\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='large'   placeholder='Your Email'  aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_1_3\" class=\"gfield gfield--type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_3\" ><label class='gfield_label gform-field-label' for='input_1_3'>Subject<\/label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large'    placeholder='Subject'  aria-invalid=\"false\"   \/> <\/div><\/div><div id=\"field_1_7\" class=\"gfield gfield--type-select gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_7\" ><label class='gfield_label gform-field-label' for='input_1_7'>I am Interested in&#8230;<\/label><div class='ginput_container ginput_container_select'><select name='input_7' id='input_1_7' class='large gfield_select'     aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>I am Interested in&#8230;<\/option><option value='First Choice' >First Choice<\/option><option value='Second Choice' >Second Choice<\/option><option value='Third Choice' >Third Choice<\/option><\/select><\/div><\/div><div id=\"field_1_5\" class=\"gfield gfield--type-textarea gfield--width-full field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_5\" ><label class='gfield_label gform-field-label' for='input_1_5'>Message<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large'    placeholder='Message'  aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><\/div><\/div>\n        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Submit'  onclick='if(window[\"gf_submitting_1\"]){return false;}  if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window[\"gf_submitting_1\"]){return false;} if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  jQuery(\"#gform_1\").trigger(\"submit\",[true]); }' \/> \n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImRhZTQ0MDk2YTJhMzc1ZDM1OGY5NmRjYjg5ODQzYTEyIl0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/jjjsigns.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/jjjsigns.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}, 50);}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [1, current_page] );            gform.utils.trigger( { event: 'gform\/postRender', native: false, data: { formId: 1, currentPage: current_page } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n\n    <\/div>\n\n    <\/div>\n<\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"pb-0 section\"         >\n            \n\n<div class=\"container\">\n<div class=\"columns\">\n    <div  class=\"column \">\n        \n\n<h2 class=\"wp-block-heading\">Full-Width Slider<\/h2>\n\n    <\/div>\n\n    <\/div>\n<\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"p-0  glide-full-width-section section\"         >\n            \n\n<div class=\"container max-w-none h-full w-full\">        <div  class=\"glide glide full-width fade hide-arrows hide-bullets\">\n            <div class=\"glide__track\" data-glide-el=\"track\">\n                <ul class=\"glide__slides\">\n                    \n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"z-1 absolute inset-0\">\n        \n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-1024x590.webp\" alt=\"Building Photos Example 1 1700x980 1\" class=\"wp-image-551\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-1024x590.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-768x443.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-1536x885.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-1500x865.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-576x332.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1-100x58.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Building-Photos-Example-1-1700x980-1.webp 1700w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n\n\n    <div   class=\"overlay absolute inset-0 bg-primary-400  z-2 opacity-40\">\n            <\/div>\n\n    \n\n\n    <div   class=\"h-full w-full z-3 relative section content-wrap\">\n        \n\n    <div   class=\"container flex items-center h-full justify-end\">\n        \n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n    <div   class=\"\">\n        \n\n<h2 class=\"text-white wp-block-heading\" id=\"test-slide-1\">Test Slide 1 Right Aligned<\/h2>\n\n    <\/div>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"z-1 absolute inset-0\">\n        \n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp\" alt=\"Team Meeting 1\" class=\"wp-image-552\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-768x512.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1536x1024.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1500x1000.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-576x384.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-100x67.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n\n\n    <div   class=\"overlay absolute inset-0   z-2 opacity-40 bg-secondary-500\">\n            <\/div>\n\n    \n\n\n    <div   class=\"h-full w-full z-3 relative section content-wrap\">\n        \n\n    <div   class=\"container flex items-center h-full justify-start\">\n        \n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n    <div   class=\"\">\n        \n\n<h2 class=\"text-white wp-block-heading\" id=\"test-slide-1\">Test Slide <\/h2>\n\n\n\n<p class=\"text-white\">some more content and maybe a link or two<\/p>\n\n\n\n    <a\n                class=\"bg-primary-400 text-white button\"                 href=\"#\"\n            >\n\nTest Button\n\n<\/a>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"z-1 absolute inset-0\">\n        \n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-1024x610.webp\" alt=\"team working 1\" class=\"wp-image-553\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-1024x610.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-768x457.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-1536x915.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-1500x893.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-576x343.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1-100x60.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/team-working-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n\n\n    <div   class=\"overlay absolute inset-0   z-2 opacity-50 bg-tertiary-700\">\n            <\/div>\n\n    \n\n\n    <div   class=\"h-full w-full z-3 relative section content-wrap\">\n        \n\n    <div   class=\"container flex items-center h-full justify-center\">\n        \n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n    <div   class=\"\">\n        \n\n<h2 class=\"text-white wp-block-heading\" id=\"test-slide-1\">Test Slide <\/h2>\n\n\n\n<p class=\"text-white\">some more content and maybe a link or two<\/p>\n\n\n\n    <a\n                class=\"bg-primary-400 text-white button\"                 href=\"#\"\n            >\n\nTest Button\n\n<\/a>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    \n        <\/li>\n    \n                <\/ul>\n            <\/div>\n            <div class=\"glide__arrows\" data-glide-el=\"controls\">\n                <button class=\"glide__arrow glide__arrow--left\" data-glide-dir=\"&lt;\"><svg class=\"svg-icon-arrow-left-icon \"><use xlink:href=\"#icon-arrow-left\"><\/use><\/svg><\/button>\n                <button class=\"glide__arrow glide__arrow--right\" data-glide-dir=\"&gt;\"><svg class=\"svg-icon-arrow-right-icon \"><use xlink:href=\"#icon-arrow-right\"><\/use><\/svg><\/button>\n            <\/div>\n            <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=0\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=1\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=2\"><\/button>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"pb-0 section\"         >\n            \n\n<div class=\"container\">\n<div class=\"columns\">\n    <div  class=\"column \">\n        \n\n<h2 class=\"wp-block-heading\">Full-Width Slider (Static Text)<\/h2>\n\n    <\/div>\n\n    <\/div>\n<\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"p-0  glide-full-width-section section\"         >\n            \n\n<div class=\"container w-full max-w-none h-full\">        <div  class=\"glide glide full-width fade hide-arrows hide-bullets\">\n            <div class=\"glide__track\" data-glide-el=\"track\">\n                <ul class=\"glide__slides\">\n                    \n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"z-1 absolute inset-0\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/localhost:8015\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp\" alt=\"Team Meeting 1\" class=\"wp-image-552\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-768x512.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1536x1024.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1500x1000.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-576x384.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-100x67.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n\n\n    <div   class=\"overlay absolute inset-0   z-2 opacity-50 bg-tertiary-700\">\n            <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"z-1 absolute inset-0\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/pivot.sonder.dev\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-768x457.jpg 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1536x915.jpg 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1500x893.jpg 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-576x343.jpg 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-100x60.jpg 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1.jpg 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n\n\n    <div   class=\"overlay absolute inset-0 z-2 opacity-50 bg-tertiary-700\">\n            <\/div>\n\n    \n        <\/li>\n    \n                <\/ul>\n            <\/div>\n            <div class=\"glide__arrows\" data-glide-el=\"controls\">\n                <button class=\"glide__arrow glide__arrow--left\" data-glide-dir=\"&lt;\"><svg class=\"svg-icon-arrow-left-icon \"><use xlink:href=\"#icon-arrow-left\"><\/use><\/svg><\/button>\n                <button class=\"glide__arrow glide__arrow--right\" data-glide-dir=\"&gt;\"><svg class=\"svg-icon-arrow-right-icon \"><use xlink:href=\"#icon-arrow-right\"><\/use><\/svg><\/button>\n            <\/div>\n            <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=0\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=1\"><\/button>\n                            <\/div>\n        <\/div>\n    \n\n\n    <div   class=\"absolute inset-0  section\">\n        \n\n    <div   class=\"flex items-center h-full container justify-center\">\n        \n\n    <div   class=\"content-wrap z-3\">\n        \n\n<h2 class=\"text-center wp-block-heading\">Shift to Organics<\/h2>\n\n\n\n<p class=\"text-white text-center font-semibold\">See what organic production can do for you.<\/p>\n\n    <\/div>\n\n    \n    <\/div>\n\n    \n    <\/div>\n\n    <\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\"pb-0 section\"         >\n            \n\n<div class=\"container\">\n<div class=\"columns\">\n    <div  class=\"column \">\n        \n\n<h2 class=\"wp-block-heading\">Card Slider<\/h2>\n\n    <\/div>\n\n    <\/div>\n<\/div>\n\n        <\/section>\n\n        \n\n\n    \n        <section                        class=\" section\"         >\n            \n\n<div class=\"container\">        <div  class=\"glide cards\">\n            <div class=\"glide__track\" data-glide-el=\"track\">\n                <ul class=\"glide__slides\">\n                    \n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-1024x683.webp\" alt=\"Laptop Photo Example 1\" class=\"wp-image-555\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-1024x683.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-768x512.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-1536x1024.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-1500x1000.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-576x384.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1-100x67.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Laptop-Photo-Example-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card Title<\/h2>\n\n\n\n<p>card content<\/p>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp\" alt=\"Team Meeting 1\" class=\"wp-image-552\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-768x512.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1536x1024.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1500x1000.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-576x384.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-100x67.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card 1<\/h2>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1093\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-1024x1093.jpg\" alt=\"\" class=\"wp-image-92\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-1024x1093.jpg 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-768x820.jpg 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-576x615.jpg 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-100x107.jpg 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card 1<\/h2>\n\n\n\n<p>Card Content<\/p>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"p-2\">\n        \n\n<h2 class=\"wp-block-heading\">Card Title On Top<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp\" alt=\"Team Meeting 1\" class=\"wp-image-552\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1024x683.webp 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-768x512.webp 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1536x1024.webp 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-1500x1000.webp 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-576x384.webp 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1-100x67.webp 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2022\/03\/Team-Meeting-1.webp 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-768x457.jpg 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1536x915.jpg 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1500x893.jpg 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-576x343.jpg 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-100x60.jpg 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1.jpg 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card 1<\/h2>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1093\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-1024x1093.jpg\" alt=\"\" class=\"wp-image-92\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-1024x1093.jpg 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-768x820.jpg 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-576x615.jpg 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1-100x107.jpg 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/Profile-Photo-Example-4-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card 1<\/h2>\n\n    <\/div>\n\n    \n        <\/li>\n    \n\n        <li  class=\"glide__slide \">\n            \n\n    <div   class=\"\">\n        \n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1024x610.jpg 1024w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-768x457.jpg 768w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1536x915.jpg 1536w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-1500x893.jpg 1500w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-576x343.jpg 576w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1-100x60.jpg 100w, https:\/\/jjjsigns.com\/wp-content\/uploads\/2020\/03\/team-working-1.jpg 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Card 1<\/h2>\n\n    <\/div>\n\n    \n        <\/li>\n    \n                <\/ul>\n            <\/div>\n            <div class=\"glide__arrows\" data-glide-el=\"controls\">\n                <button class=\"glide__arrow glide__arrow--left\" data-glide-dir=\"&lt;\"><svg class=\"svg-icon-arrow-left-icon \"><use xlink:href=\"#icon-arrow-left\"><\/use><\/svg><\/button>\n                <button class=\"glide__arrow glide__arrow--right\" data-glide-dir=\"&gt;\"><svg class=\"svg-icon-arrow-right-icon \"><use xlink:href=\"#icon-arrow-right\"><\/use><\/svg><\/button>\n            <\/div>\n            <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=0\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=1\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=2\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=3\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=4\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=5\"><\/button>\n                                    <button class=\"glide__bullet\" data-glide-dir=\"=6\"><\/button>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <\/section>\n\n        \n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"page-style-guide.php","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/pages\/211"}],"collection":[{"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":0,"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"wp:attachment":[{"href":"https:\/\/jjjsigns.com\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}