Default Dev Script Validation

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.convergenceusa.com/security-monitoring-plans"> <span class="fas fa-shield-check dsg-block-28-header-before__icon"></span> Security Subscriptions </avb-link> <avb-link class="dsg-block-28-header-before__link" data-href="https://www.convergenceusa.com/service#membership"> <span class="fas fa-headset dsg-block-28-header-before__icon"></span> Support Memberships </avb-link> <avb-link class="dsg-block-28-header-before__link" data-href="https://www.convergenceusa.com/careers"> <span class="fas fa-user-tie dsg-block-28-header-before__icon"></span> Join Our&nbsp;Team </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: var(--avb-secondary-hover); font-family: var(--avb-ff-paragraph); } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:hover{ display:block; margin:0.2rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 700; font-size: 1rem; transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: var(--avb-primary); } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:hover{ display:inline-block; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:hover{ font-size:1.1rem; margin:0 1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-1__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content"> <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-nomp"> <span class="avb-typography__heading-line dsg-tools-main-heading dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1">Our Work</span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-tools-fill-pattern dsg-block-26a"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26a__content">  <h2 id="residential" class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-color-dark dsg-tools-main-heading dsg-block-26a__heading-line-1"> Residential Projects </span> </h2> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-main-gradient 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-6"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-6 dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__background dsg-block-6__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6__image"> <div class="avb-wrapper dsg-block-6__button-wrapper"> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/home-automation"> Home&nbsp;Automation </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/home-video"> Home&nbsp;Video </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/home-audio"> Home&nbsp;Audio </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/outdoor-living-entertainment"> Outdoor&nbsp;Entertainment </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/motorized-shades"> Motorized&nbsp;Shades </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/home-networking"> Home&nbsp;Network </avb-link> <avb-link class="avb-button dsg-tools-third-button dsg-block-6__tag" data-href="https://www.convergenceusa.com/residential-solutions/security-alarm"> Security </avb-link> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-tools-nomp"> <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-tools-fill-primary dsg-block-6__content">  <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-light dsg-block-6__heading-line-1"> Hope Valley Home 2023 </span>  </h2>   </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-main-gradient 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-tools-nomp"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-6__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-light dsg-block-6a-form__heading-line-1"> Plan Your Next Project </span> </h2> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light 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-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/vcon9_convegence_luxury_project_form" 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/vcon9_convegence_luxury_project_form" 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-main-gradient 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:33rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 25%); padding:1.5rem 1rem 1rem; display:none; } .dsg-block-6__background{ background-image:linear-gradient(to bottom, rgb(33 36 41 / 60%)0%, rgb(33 36 41 / 85%)100%), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vcon9-convergence-technologies/gallery-70.png?w=1600); background-position:50%; 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:32rem; padding:0; overflow:hidden; } .dsg-block-6a-form-accordion-iframe{ width:100%; height:32rem; 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; font-size:1.3rem; text-align:left; padding:0; } .dsg-block-6a-form__paragraph{ max-width:14.5rem; margin:0; } .dsg-block-6a-form-iframe{ display:block; width:100%; height:34rem; position: relative; left: -50%; } } @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:5%; font-size:2rem; } .dsg-block-6a-form__paragraph { max-width:19.5rem; margin-left:5%; } .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:15%; max-width:24.5rem; } .dsg-block-6a-form__paragraph { margin-left:15%; max-width:24.5rem; } } </style> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:40vh; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.25), rgba(23, 23, 23, 0.25)), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vcon9-convergence-technologies/our_work-hero.jpg?w=900); background-position:center; background-size:cover; height:40vh; } .dsg-block-1__content { display:flex; flex-direction:column; text-align: center; height:40vh; justify-content:center; } .dsg-block-1__heading-line-1 { } .dsg-block-1__heading-line-2 { font-size: 1rem; } .dsg-block-1__button, .dsg-block-1__button:visited, .dsg-block-1__button:focus, .dsg-block-1__button:active, .dsg-block-1__button:hover{ width:150px; margin:0 auto; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:45vh; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: linear-gradient(rgba(33, 36, 41, 0) 0%, rgba(33, 36, 41, 0) 50%, rgba(33, 36, 41,0.8) 85%, rgb(33 36 41) 100%), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vcon9-convergence-technologies/our_work-hero.jpg?w=2000); height:45vh; background-position:50% 45%; } .dsg-block-1__content { height:44vh; justify-content:flex-end; padding:0 0 1rem; } .dsg-block-1__heading-line-1{ font-size:2rem; } } @media screen and (min-width: 1280px) { .dsg-block-1__heading-line-1{ font-size:2.5rem; } } @media screen and (min-width: 1600px) { .dsg-block-1__heading-line-1{ font-size:3rem; } } /* ======================== Section Title (block-26a) ======================== */ .dsg-block-26a { margin: 0 auto; } .dsg-block-26a__content { padding: 2rem 0.5rem 1rem; text-align: center; } @media screen and (min-width: 600px) { } @media screen and (min-width: 960px) { .dsg-block-26a__content { padding:4rem 0.5rem 2rem; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } /* ======================== Sub-Solution (block-6) ======================== */ .dsg-block-6 { margin: 0 auto; } .dsg-block-6__background { min-height: 13rem; } .dsg-block-6__background-1 { background-image: linear-gradient( to bottom, rgba(33, 36, 41, 0), rgba(33, 36, 41, 0.8) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vcon9-convergence-technologies/gallery-2.png?w=900); } .dsg-block-6__content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem 1rem; text-align: center; } .dsg-block-6__image { display: flex; justify-content: center; align-items: flex-end; padding: 1.5rem 1rem; min-height: 20rem; } .dsg-block-6-reverse-a { order: 2; } .dsg-block-6-reverse-b { order: 1; } .dsg-block-6__button-wrapper { display: flex; justify-content: center; flex-wrap: wrap; max-width:680px; } .dsg-block-6__tag, .dsg-block-6__tag:visited, .dsg-block-6__tag:focus, .dsg-block-6__tag:active { border: 2px solid #fff; color: #fff; margin: 0.25rem; padding: 0.5rem; font-size: 0.65rem; flex: 1 0 140px; max-width: fit-content; background-color: rgb(0 0 0 / 30%); } .dsg-block-6__tag:hover{ border: 2px solid var(--avb-secondary-hover); background-color:var(--avb-secondary-hover); } @media screen and (min-width: 600px) { .dsg-block-6__content { min-height: 20rem; } } @media screen and (min-width: 960px) { .dsg-block-6-reverse-a { order: 1; } .dsg-block-6-reverse-b { order: 2; } .dsg-block-6__background { height: 100%; } } @media screen and (min-width: 1280px) { .dsg-block-6__content { padding: 3rem; min-height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-block-6__content { padding: 4rem; min-height: 30rem; } } </style>