Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1a"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1a__grid-column">  <div class="avb-wrapper avb-wrapper--background dsg-tools-bg-primary dsg-block-1a__background"> <div class="avb-wrapper"> <h1 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-1a__heading-line-1"> OUR WORK </span> </h1> <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line dsg-tools-text-center dsg-block-1a__heading-line-2"> <avb-link data-href="#hero-scroll"> <span class="fas fa-chevron-down dsg-tools-color-secondary"></span> </avb-link> </span> </h2> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1b"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1b__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1b__background"> <div class="avb-wrapper dsg-block-1a__content"></div> </div> </div> </div> </avb-designer-block> <avb-designer-block data-id="41" class="avb-typography dsg-block-41"> <div class="avb-grid dsg-block-41-gallery__grid-item"> <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">  <avb-gallery data-base-custom-class="dsg-block-41-gallery">  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo9.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo9.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo13.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo13.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo15.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo15.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo16.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo16.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo4b.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo4b.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo24.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo24.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo6c.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo6c.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo3b.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo3b.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo6.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo6.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo7.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo7.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo8.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo8.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo11.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo11.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo12.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo12.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo17.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo17.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo21.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo21.jpg?w=300" alt="Gallery Image"> </avb-gallery-item>  <avb-gallery-item data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo18.jpg" data-caption="Gallery Image"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/photo18.jpg?w=300" alt="Gallery Image"> </avb-gallery-item> </avb-gallery> </div> </div> </div> </avb-designer-block>    <avb-designer-block data-id="45" class="avb-typography dsg-block-45-form">  <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--noPadding dsg-tools-column-spacing">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-tools-text-center dsg-block-45-form__content-left"> <div class="avb-wrapper dsg-block-45-form__content-wrapper">  <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-sub-heading dsg-tools-color-light dsg-block-45-form__heading-line-1"> Plan Your Next&nbsp;Project </span> <span class="avb-typography__heading-line dsg-tools-main-paragraph dsg-tools-color-light dsg-block-45-form__heading-line-2"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </span> </h2>  <ul class="avb-list avb-list--noBullet dsg-list--noBullet dsg-tools-main-paragraph dsg-tools-fw-bold dsg-tools-color-light dsg-block-45-form__list">    <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="tel:310-453-8944 "> <span class="fa fa-phone dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> 310-453-8944 </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="mailto:info@abaudiovideo.com "> <span class="fa fa-envelope dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> info@abaudiovideo.com </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="https://www.abaudiovideo.com/contacts"> <span class="fa fa-clock dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> <span class="dsg-block-45-form__hours-line"> By Appointment Only </span> </span> </avb-link> </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--noPadding dsg-tools-column-spacing">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-45-form__content-right"> <div class="avb-wrapper dsg-block-45-form__form-wrapper">  <iframe class="dsg-block-45-form__form" title="Plan Your Next Project." src="https://avbmarketing.formstack.com/forms/av_audio_video_plan_your_next_project" frameborder="0"></iframe> </div> </div> </div> </div> </div> </avb-designer-block> <style> /* ==================== Two Column Block (block-45) ==================== */ .dsg-block-45-form { margin: 0 auto; background: #333; border-top: 1rem solid #fff; } .dsg-block-45-form__background-2 { padding: 1rem 1rem 1.5rem 1rem; margin: 0 0.5rem; background-image: none; } .dsg-block-45-form__content-left { background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/map.jpg); background-size: cover; padding: 3rem 1rem; } .dsg-block-45-form__content-right { background-color: #fff; border-radius: 20px; } .dsg-block-45-form__heading-line-2 { max-width: 450px; } .dsg-block-45-form__paragraph { max-width: 35rem; margin: 0 auto 1rem; } .dsg-block-45-form__link { color: #fff; } .dsg-block-45-form__link:hover{ color: #80e5df; } .dsg-block-45-form__form { width: 100%; height: 43rem; padding-top: 3rem; } .dsg-block-45-form__list { margin-top: 2rem; max-width: 50rem; text-align: left; display: none; } .dsg-block-45-form__list-item { margin-right: 0; margin-bottom: 2rem; } .dsg-block-45-form__link { display: flex; flex-wrap: nowrap; } .dsg-block-45-form__icon { padding-left: 1rem; margin-right: 1rem; flex: 0 0 40px; margin-top: 0.25rem; } .dsg-block-45-form__text { font-family: 'Lato', sans-serif; font-weight: 100; } @media screen and (min-width: 600px) { .dsg-block-45-form__form { height: 33rem; } .dsg-block-45-form__list { display: block; width: 100%; max-width: 500px; margin: 2rem auto 0; } .dsg-block-45-form__hours-line { display: block; line-height: 1.2; margin-bottom: .5rem; } .dsg-block-45-form__hours-line:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-45-form__background-2 { margin: 0; padding: 2rem 1rem; display: flex; align-items: center; } .dsg-block-45-form__content-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: center; } .dsg-block-45-form__content-left { padding-right: 4rem; } .dsg-block-45-form__content-right { min-width: 100%; position: relative; left: -10%; height: 40rem; } .dsg-block-45-form__form-wrapper { height: 100%; } .dsg-block-45-form__form { height: 100%; padding: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-45-form { background-image: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/bg-form2.jpg); background-attachment: fixed; background-size: cover; } .dsg-block-45-form__content-right { height: 30rem; } } @media screen and (min-width: 1600px) { .dsg-block-45-form__content-right { height: 32rem; } } </style> </avb-main> <style> /* ==================== Hero (block-1a) ==================== */ .dsg-block-1a { margin-top: 0; margin-bottom: -0.5rem; } .dsg-block-1a__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1a__background { padding: 0.25rem; } .dsg-block-1a__content { max-width: 40rem; padding: 0.5rem; margin-left: auto; margin-right: auto; text-align: center; } .dsg-block-1a__heading-line-2 { font-size: 1.2rem; } @media screen and (min-width: 600px) { .dsg-block-1a__background { padding: 0.25rem; } .dsg-block-1a__heading-line-2 { font-size: 1.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1a__background { padding: .5rem; } .dsg-block-1a__heading-line-2 { font-size: 2.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-1a__heading-line-2 { font-size: 3rem; } .dsg-block-1a__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-1a__background { padding: 1rem; } } /* ==================== Hero (block-1b) ==================== */ .dsg-block-1b { margin-top: 0; margin-bottom: -0.5rem; } .dsg-block-1b__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1b__background { padding: 4rem; background-image: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vaba2-abav/gallery-hero.jpg); background-position: 50% 60%; } @media screen and (min-width: 600px) { .dsg-block-1b__background { padding: 6.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1b__background { padding: 10.5rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1b__background { padding: 17.5rem; } } /* ==================== Gallery 1 (block-41) ==================== */ .dsg-block-41 { margin: .5rem auto; padding: 4rem 0.5rem 2rem 0.5rem; } .dsg-block-41__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-41__heading { margin-top: 1rem; text-align: center; } .dsg-block-41-gallery__grid-item { border: none; margin-bottom: .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>

Browse a gallery of all of AB Audio Video's local Santa Monica, CA projects from our many happy customers right here. Click to get inspired today!

OUR WORK

Plan Your Next Project Send us your details, and one of our friendly and knowledgeable professionals will reach out.

CONTACT US

SOLUTIONS

INFO

ASSOCIATIONS

LICENSE #