Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.avdinc.com/careers">  <span class="dsg-block-27-header-after__headline"> We are hiring! Learn more and apply&nbsp;here.  </span>   </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; background-color: #000; color: #fff; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { color: #ff4b60; } .dsg-block-27-header-after__headline { font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 1.1rem; line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @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></li> </ul> </div>

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"> <span class="fas fa-map-marker-alt dsg-block-28-header-before__icon"></span> <avb-link class="dsg-block-28-header-before-link" data-href="https://www.google.com/maps/dir//Audio+Video+Design+Inc,+23455+Madero+%23+A,+Mission+Viejo,+CA+92691/@33.6230955,-117.6836898,15z/data=!3m1!5s0x80dce90f9b02557f:0x3f534c40e15cfa3a!4m9!4m8!1m0!1m5!1m1!1s0x80dce90f9a7cf657:0x3c9de48dc7287e1!2m2!1d-117.6778104!2d33.6228096!3e0" target="_blank"> 23455 Madero Unit #A, Mission Viejo, CA 92691 </avb-link> <span class="dsg-block-display">&nbsp;&nbsp; | &nbsp;&nbsp;</span> <span class="fas fa-phone-volume dsg-block-28-header-before__icon"></span> <avb-link class="dsg-block-28-header-before-link" data-href="tel:949-716-1099"> 949-716-1099 </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before { margin-top: 0rem; margin-bottom: 0rem; font-family: 'Titillium Web', sans-serif; } .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #525252; font-family: 'Titillium Web', sans-serif; color: #fff; } .dsg-block-link-color { color: inherit; } .dsg-block-26_shopchat__bold { font-weight: bold; } .dsg-block-display { display: none; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:visited { color: #fff; font-weight: 400; font-size: 1.1rem; transition: 0.3s; display: inline-block; padding: .2rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-link:hover { color: #ff4b60; } .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 { display: inline; } .dsg-block-display { display: inline; } } @media screen and (min-width: 960px) {} @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"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1"> Careers </span>  </h1> </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="5" class="avb-typography dsg-tools-fill-pattern dsg-block-5"> <div class="avb-grid avb-grid--container dsg-tools-container"> <div class="avb-grid__column avb-grid__column--medium-5"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-5__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-5__heading-line-1"> Join Our Team </span> </h2> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-7"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-5__content"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-5__paragraph"> We're looking for people with a passion for delivering the best in video, audio, home automation, and many other high-end home and commercial experiences to our clients. If that sounds like you, feel free to explore our currently available positions&nbsp;below: </p> <ul class="avb-list avb-list--vertical dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-5__list"> <li class="avb-list--item dsg-block-5__list-item"> Senior Technician </li> <li class="avb-list--item dsg-block-5__list-item"> Warehouse Manager </li> </ul> <p class="avb-typography__paragraph dsg-tools-sub-heading dsg-tools-fw-bold dsg-tools-color-dark dsg-block-5__paragraph"> To apply, please send your resume to&nbsp;<avb-link class="avb-link dsg-tools-fw-bold dsg-tools-color-primary dsg-block-5__link" data-href="mailto:info@avdinc.com">info@avdinc.com</avb-link> </p> </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> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; } .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(0,0,0,0), rgba(0, 0, 0, 0.7)), url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/our-process/monitoring-2.jpg?w=600); background-position: right; background-size: cover; } .dsg-block-1-video-container { width: 100%; overflow: hidden; margin: 0; } .dsg-block-1-video { min-width: 180%; min-height: auto; position: absolute; top: 0; z-index: 0; display: none; } .dsg-block-1__content { display: flex; flex-direction: column; text-align: center; justify-content: flex-end; } .dsg-block-1, .dsg-block-1__background, .dsg-block-1__content { height: 35vh; } .dsg-block-1__heading-line-1 { margin-bottom: 0; text-shadow: 0px 0px 0.5rem #444; } .dsg-block-1__heading-line-2 { text-transform: uppercase; font-size: 1.2rem; text-shadow: 0px 0px 0.5rem #444; } .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) { .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)), url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/our-process/monitoring-2.jpg?w=900); } .dsg-block-1__heading-line-1 { margin-bottom: 0.45rem; } .dsg-block-1__heading-line-2 { font-size: 1.1rem !important; } } @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 0, 0, 0.7)), url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/our-process/monitoring-2.jpg?w=1200); } .dsg-block-1-video { min-width: 173%; display: block; left: -50%; z-index: -999; top: -177px; } .dsg-block-1__content { justify-content: flex-end; } .dsg-block-1, .dsg-block-1__background, .dsg-block-1__content { height: 33vw; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { background-attachment: fixed; } } @media screen and (min-width: 1600px) { .dsg-block-1__heading-line-1 { font-size: 3rem; } .dsg-block-1__heading-line-2 { font-size: 1.4rem; } } /* ======================== Intro (block-5) ======================== */ .dsg-block-5 { margin-top: 0rem; margin-bottom: 0rem; padding: 4rem 0.5rem; } .dsg-block-5__content { padding: 0; text-align: center; } .dsg-block-5__list { list-style: disc; list-style-position: inside; margin: 1rem 0; } .dsg-block-5__link:hover { color: #222 !important; text-decoration: underline; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-5__content { padding: 0rem 1rem; text-align: left; } .dsg-block-5__heading-line-1 { font-size: 1.7rem !important; } } @media screen and (min-width: 1280px) { .dsg-block-5__heading-line-1 { font-size: 2.2rem !important; } } @media screen and (min-width: 1600px) {} </style>

Explore fulfilling AV career opportunities with Audio Video Design, Inc. today! 