Default Dev Script Validation

<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 dsg-block-27-header-after__headline"> <span class=""> <avb-link class="dsg-block-27-header-after__content dsg-block-27-header-after--bold" data-href="https://www.hotwiredav.com/careers">  We are Hiring! </avb-link> </span> </div> </avb-designer-block> </avb-header-after>  <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { padding: 0; } .dsg-block-27-header-after__headline { margin-top: 0; margin-bottom: 0; background-color: #cc0000; padding: 1rem; text-align: center; margin-bottom: 0; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 0.9em; } .dsg-block-mobile { display: block; } .dsg-block-display { display: none; } .dsg-block-27-underline { color: #cc0000 !important; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { color: #fff; } .dsg-block-27-header-after__content:hover { color: #CCCCCC; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) { .dsg-block-mobile { display: none; } .dsg-block-display { display: inline; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

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 is="a" class="dsg-block-28-header-before-link" data-href="https://www.hotwiredav.com/contacts"> <span class="fal fa-map-marker-alt"></span> Two Locations to Serve You </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before { margin-bottom: 0; background-color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; font-size: 1.2em; padding-top: 0.5rem; } .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { padding: 0.5rem; text-align: center; background-color: rgba(241, 241, 241, 0.0); } .dsg-block-link-color { color: inherit; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:visited { color: #fff; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-link:hover { color: #efefef; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: 1.1rem; } .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; } } @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 avb-grid__column--marginBottom dsg-block-1__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content" data-aos="zoom-out"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-1__heading-line-1">USER INTERFACE GRAPHICS</span> </h2> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-block-26">  <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-26__content"> <ul class="avb-list avb-list--horizontal dsg-block-26-list"> <li class="avb-list__item dsg-block-26-list-item"> <avb-lightbox-item class="dsg-block-26-lightbox-item" data-type="image" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vhot1-hot-wired/gallery/inspiration-gallery-10.jpg" data-alt="Inspiration Gallery"> <img class="dsg-block-26-image" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vhot1-hot-wired/gallery/inspiration-gallery-10-sml.jpg" alt="Inspiration Gallery"> </avb-lightbox-item> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:300,800&display=swap'); /*HERO*/ .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; margin-bottom: 0; } .dsg-block-1__background { padding: 0.5rem; background-image: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vhot1-hot-wired/gallery-inspiration-banner.jpg); } .dsg-block-1__content { max-width: 90rem; padding: 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: transparent; } .dsg-block-1__heading-line-1 { font-family: 'Montserrat', sans-serif; font-weight: 800; color: #fff; font-size: 1.4em; } .dsg-block-1__heading-line-2 { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #fff; } .dsg-block-1__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; color: #fff; } @media screen and (min-width: 600px) { .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__background { padding: 2rem; } .dsg-block-1__content { padding: 2rem; } } @media screen and (min-width: 1280px) { .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__background { padding: 3rem; } .dsg-block-1__content { padding: 3rem; } .dsg-block-1__heading-line-1 { font-size: 2em; } } @media screen and (min-width: 1600px) { .dsg-block-1 { margin-top: 0; margin-bottom: 0; } .dsg-block-1__background { padding: 4rem; } .dsg-block-1__content { padding: 4rem; } } /*MEMBER QUOTE AND COMPANY INFO*/ .dsg-block-26 { margin-top: 0; margin-bottom: 0; } .dsg-block-26b { margin-top: 0.5rem; margin-bottom: 0; } .dsg-block-26__content { padding: 0 2rem 1rem; text-align: center; background-color: #fff; } .dsg-block-26b__content { padding: 1rem 2rem; text-align: center; background-color: #fff; } .dsg-block-26__heading-line-1 { font-family: 'Montserrat', sans-serif; font-weight: 800; color: #212121; margin-bottom: 1rem; } .dsg-block-26__heading-line-2 { font-family: 'Montserrat', sans-serif; font-weight:300; color:#212121; text-transform:uppercase; font-size:.6em; letter-spacing:1px; } .dsg-block-26__paragraph { max-width: 75rem; margin-left: auto; margin-right: auto; font-weight: 300; color:#777; } .dsg-block-26-link { color:#777; } .dsg-block-26-link:hover { color:#cc0000; } .dsg-block-26-text { font-family: 'Montserrat', sans-serif; font-weight: 800; } .dsg-block-26__button { border: 1px solid #777; color: #212121; transition: background-color 300ms ease-out; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 300; } .dsg-block-26__button:hover { border: 1px solid #cc0000; background-color: #cc0000; color: #fff; } .dsg-block-26-divider { margin: 2rem 0 0; } .dsg-block-26-list{ justify-content:center; } .dsg-block-26-list-item { width: 32%; margin: 0; padding: .5rem; align-self: center; vertical-align: middle !important; } .dsg-block-26-icon { color: #cc0000; } .dsg-block-26-lightbox-item:hover:before { background-color: rgba(0,0,0,.0); } @media screen and (min-width: 600px) { .dsg-block-26 { margin-top: 0; margin-bottom: 0; } .dsg-block-26b { margin-top: 1rem; margin-bottom: 0; } .dsg-block-26__content { padding: 0 2rem 1rem; text-align: center; } .dsg-block-26b__content { padding: 1rem 2rem; text-align: center; } } @media screen and (min-width: 960px) { .dsg-block-26 { margin-top: 0; margin-bottom: 0; } .dsg-block-26b { margin-top: 1rem; margin-bottom: 0; } .dsg-block-26__content { padding: 0 2rem 1rem; text-align: left; } .dsg-block-26b__content { padding: 1rem 2rem; text-align: left; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; } .dsg-block-26-list-item { width: 19%; padding: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin-top: 0; margin-bottom: 0; } .dsg-block-26b { margin-top: 2rem; margin-bottom: 0; } .dsg-block-26__content { padding: 0 4rem 2rem; text-align: left; } .dsg-block-26b__content { padding: 2rem 4rem; text-align: left; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; } .dsg-block-26-list-item { width: 15%; } .dsg-block-26-image-smaller { width: 45%; } } @media screen and (min-width: 1600px) { .dsg-block-26 { margin-top: 0; margin-bottom: 0; } .dsg-block-26b { margin-top: 2rem; margin-bottom: 0; } .dsg-block-26__content { padding: 0 4rem 2rem; text-align: left; } .dsg-block-26b__content { padding: 2rem 4rem; text-align: left; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; } } </style>

We install in settings like sports bars, restaurants, offices, and conference rooms. 

USER INTERFACE GRAPHICS

Is it Time to Plan Your Next Great Project?

Solutions

Connect with Us

Payment Methods

Learn

DENVER

HILTON HEAD