Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="41" class="avb-typography dsg-block-41"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-41__grid-column"> <div class="avb-wrapper dsg-block-41__content"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-main-paragraph dsg-tools-color-primary dsg-block-41__heading"> Portfolio | Del Mar Residence </h1> <avb-gallery>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-1.jpg" data-caption="Del Mar Residence"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-1.jpg?w=400" alt="Del Mar Residence"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-2.jpg" data-caption="Del Mar Residence"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-2.jpg?w=400" alt="Del Mar Residence"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-3.jpg" data-caption="Del Mar Residence"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-3.jpg?w=400" alt="Del Mar Residence"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-4.jpg" data-caption="Del Mar Residence"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-4.jpg?w=400" alt="Del Mar Residence"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-5.jpg" data-caption="Del Mar Residence"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vdun1-lightworks/Del_Mar_Residence-5.jpg?w=400" alt="Del Mar Residence"> </avb-gallery-item> </avb-gallery> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-gold dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block>   <avb-designer-block data-id="6" class="avb-typography dsg-block-6a-form"> <div class="avb-grid"> <div id="plan-your-next-project" class="avb-grid__column avb-grid__column--medium-6 dsg-block-6a-form-col dsg-block-6a-form-col1 dsg-tools-fill-pattern"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form__content"> <div class="avb-wrapper"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-dark dsg-block-6a-form__heading-line-1"> Plan Your Next&nbsp;Project </span> </h2> <p class="avb-typography__paragraph dsg-tools-sub-heading dsg-tools-color-dark dsg-block-6a-form__paragraph"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </p> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6a-form-col dsg-block-6a-form-col2 dsg-tools-gradient-black"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form-form__content dsg-block-6a-form__content-2"> <div class="avb-wrapper">  <avb-accordion class="dsg-block-6a-form__accordion">  <avb-accordion-item class="dsg-block-6a-form__accordion-item">  <avb-accordion-heading class="dsg-tools-fill-white dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-6a-form__accordion-heading"> View Form </avb-accordion-heading>  <avb-accordion-content class="dsg-tools-fill-white dsg-block-6a-form__accordion-content"> <iframe class="dsg-tools-fill-white dsg-block-6a-form-accordion-iframe" title="Plan Your Next Project" src="https://avbmarketing.formstack.com/forms/vdun1_lightworks_plan_next_project" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </avb-accordion-content> </avb-accordion-item> </avb-accordion> <iframe class="dsg-tools-fill-white dsg-block-6a-form-iframe" title="Plan Your Next Project" src="https://avbmarketing.formstack.com/forms/vdun1_lightworks_plan_next_project" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-gold dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block> <style> /* =================== Plan Your Next Project (block-6a) =================== */ .dsg-block-6a-form { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-6a-form__content { padding: 2rem 0.5rem; text-align: center; } .dsg-block-6a-form__content-2 { padding: 0 1.5rem; } .dsg-block-6a-form__heading-line-1 { max-width: 27.5rem; margin: 0 auto; } .dsg-block-6a-form__paragraph { max-width: 27.5rem; margin-left: auto; margin-right: auto; } .dsg-block-6a-form-iframe { width: 100%; height: 20rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 25%); padding: 1.5rem 1rem 1rem; display: none; } .dsg-block-6a-form-col2 { background: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vjwi1-thoughtful/form-bg.jpg?w=1000); background-position: center; background-size: cover; } /* ========== Accordion ========== */ .dsg-block-6a-form__accordion { position: relative; top: -2rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); } .dsg-block-6a-form__accordion-item { margin-bottom: 0rem; } .dsg-block-6a-form__accordion-heading { padding: 1rem; text-align: center; } .dsg-block-6a-form__accordion-paragraph { text-align: left; } .dsg-block-6a-form__accordion-content { text-align: center; height: 33rem; padding: 0; overflow: hidden; } .dsg-block-6a-form-accordion-iframe { width: 100%; height: 35rem; padding: 0rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-6a-form__accordion { display: none; } .dsg-block-6a-form__content { padding: 3rem 2rem; text-align: left; } .dsg-block-6a-form__heading-line-1 { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form__paragraph { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form-iframe { display: block; width: 100%; height: 32rem; position: relative; left: -50%; } .dsg-block-6a-form-col2 { background-position: 92px; } } @media screen and (min-width: 1280px) { .dsg-block-6a-form__content { padding: 4rem 2rem; } .dsg-block-6a-form__heading-line-1 { max-width: 19.5rem; margin-left: 15%; } .dsg-block-6a-form__paragraph { max-width: 19.5rem; margin-left: 15%; } .dsg-block-6a-form-iframe { width: 70%; left: -40%; } } @media screen and (min-width: 1600px) { .dsg-block-6a-form-iframe { width: 50%; left: -30%; } .dsg-block-6a-form__heading-line-1 { margin-left: 20%; } .dsg-block-6a-form__paragraph { margin-left: 20%; } } </style> </avb-main> <style> .avb-gallery-lightbox__figure-item--image { max-width:800px; height:auto; } /*============== Gallery (block-41) =============== */ .dsg-block-41 { margin-top: 0rem; margin-bottom: 0rem; padding: 2rem 0.5rem; } .dsg-block-41__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-41__heading { text-align: left; max-width:1244px; margin:0 auto 1rem; font-size:1.5rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>