Frete grátis
Desconto no boleto
Atendimento especializado
| HTML | <style>.main-grid { padding: 0 48px; margin: 0 auto; width: 100%; } .main-grid--inner { max-width: 1259px; } .stem-features { align-items: center; display: flex; flex-direction: column; min-height: 60vh; text-align: center; position: relative; background-image: linear-gradient(180deg,#f2f2f4 60%,#fff); padding: 24px 0 96px; } .stem-features::after { position: absolute; bottom: 40px; content: ""; width: 80%; height: 1px; background-color: #d7d7d9; } .stem-features__icons { display: flex; flex-wrap: wrap; justify-content: space-between; } .stem-features__icon { align-items: center; flex: 0 0 349px; text-align: center; } .stem-image-left { display: flex; min-height: 59vh; width: 100%; position: relative; background-color: #fff; } .stem-image-left__left { flex: 0 1 55%; } .stem-image-left__right { flex: 0 0 530px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 48px; } .stem-image-left__left video { width: 100%; display: block; } .stem-image-left__right h5 { margin: 0; color: #8c8c8e; } .h3.light, .h4.light, .h5.light, .h6.light, h3.light, h4.light, h5.light, h6.light { font-weight: 300; letter-spacing: .25px; } .stem-setup { align-items: center; display: flex; flex-direction: column; min-height: 60vh; text-align: center; padding: 132px 0 126px; background-color: #f2f2f4; } .stem-setup__icons { display: flex; flex-wrap: wrap; justify-content: space-between; } .stem-large-video { align-items: center; display: flex; flex-direction: column; text-align: center; position: relative; padding: 90px 0 78px; background-color: #fff; } .stem-large-video-component-border-bottom::after { position: absolute; bottom: 0; content: ""; width: 80%; height: 1px; background-color: #d7d7d9; } .stem-large-video video { width: 100%; display: block; } .stem-image-left__right h2 { text-align: left; margin-bottom: 24px; padding-right: 4%; width: 100%; font-size: 3rem; } .stem-image-left__right h5 { margin: 0; color: #8c8c8e; } .stem-image-right { display: flex; min-height: 59vh; width: 100%; justify-content: flex-end; position: relative; background-color: #fff; } .stem-image-right__left { flex: 0 0 530px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 48px; } .stem-image-right__left h2 { text-align: left; margin-bottom: 24px; padding-right: 4%; width: 100%; } .stem-image-right__left h5 { margin: 0; color: #8c8c8e; } .stem-image-right__right { flex: 0 1 55%; } .stem-image-right__right video { width: 100%; display: block; } .stem-flex-component-border-bottom::after { position: absolute; bottom: 0; left: 10%; content: ""; width: 80%; height: 1px; background-color: #d7d7d9; } .stem-flex-component-border-top::before { position: absolute; top: 0; right: 10%; content: ""; width: 80%; height: 1px; background-color: #d7d7d9; } .stem-flex-component-padding-top { padding-top: 48px; } .stem-large-image { align-items: center; display: flex; flex-direction: column; text-align: center; padding: 90px 0 78px; background-color: #fff; } .stem-large-image img { height: auto; max-width: 100%; } .stem-products-explore-section h2, .stem-products-explore-section h3 {font-size: 3rem;} @media only screen and (max-width: 1160px){ .stem-features__icons {justify-content: center;} .stem-setup__icons {justify-content: center;} } @media only screen and (max-width: 1050px) { .stem-image-left {flex-direction: column;} .stem-image-left__left {flex: 0 1 100%;} .stem-image-left__right {flex: 0 1 100%;} .stem-image-right {flex-direction: column-reverse;min-height: none;} .stem-image-right__left {flex: 0 1 100%;} .stem-image-right__right {flex: 0 1 100%;min-height: none;} } @media only screen and (max-width: 700px) { .main-grid {padding: 0 24px;} } @media only screen and (max-width:600px) { .stem-features {padding: 48px 0 120px;} .stem-features__icon img {max-width: 220px;width: 100%;height: auto;} .stem-image-left__right {padding: 24px;} .stem-setup {padding: 48px 0 24px;} .stem-setup__icon img {max-width: 165px;width: 100%;height: auto;} .stem-large-video-component-border-bottom::after {width: 90%;} .stem-image-right__left {padding: 24px;} .stem-large-image {padding: 48px 0;} } @media only screen and (max-width:400px) { .stem-features__icon {padding:0 24px} .stem-setup__icon {padding: 0 24px;} }</style> <section id="explore" data-nav-section="explore" class="stem-products-explore-section"> <section class="stem-features"> <div class="main-grid main-grid--inner"> <div class="stem-features__icons"> <div class="stem-features__icon"> <img class=" ls-is-cached lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_mix_match.png" src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_mix_match.png" alt="Faça combinações" width="333" height="248"> <h4>Faça combinações</h4> <h6 class="light">Combine todos os dispositivos Stem até que sua sala tenha cobertura total.</h6> </div> <div class="stem-features__icon"> <img class=" ls-is-cached lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_networkable.png" src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_networkable.png" alt="Conexões em rede" width="333" height="248"> <h4>Conexões em rede</h4> <h6 class="light">Controle e gerencie o Ecossistema Stem com segurança em sua rede.</h6> </div> <div class="stem-features__icon"> <img class=" ls-is-cached lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_compatability.png" src="https://content-files.shure.com/StemProductPages/StemFeatured/stem_featured_compatability.png" alt="Compatibilidade" width="333" height="248"> <h4>Compatibilidade</h4> <h6 class="light">As soluções Stem são compatíveis com suas plataformas de videoconferência favoritas.</h6> </div> </div> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Temos o que você precisa</h2> <h5 class="light">Com 100 microfones e três opções de arranjo, ninguém fica de fora da conversa.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemCeiling/weve_got_you_covered.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemCeiling/weve_got_you_covered_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemCeiling/weve_got_you_covered.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-ceiling-audio-fencing"> <div class="stem-ceiling-audio-fencing__left"> <img class="lazyload" data-src="https://content-files.shure.com/cdn-cgi/image/width=750,height=422,format=auto/StemProductPages/StemCeiling/audio_fencing_mobile.jpg" src="/pp-assets/images/lazyDefaults/product-header-lazy.d993758d.png" alt="Limite espacial de captação" width="750" height="422"> </div> <div class="stem-ceiling-audio-fencing__right"> <h2 class="h3 section-title light">Limite espacial de captação</h2> <h6 class="light">Esta é a solução definitiva para escritórios em locais barulhentos e próximos a ruas movimentadas que dificultam suas reuniões mais importantes. O modo de limite espacial de captação do Stem Ceiling remove completamente o ruído externo e distrações indesejadas para manter o foco no que é importante, captando todos na sala perfeitamente.</h6> </div> </section> <section class="stem-setup"> <div class="main-grid main-grid--inner"> <h2 class="h3 section-title light">Configuração em 3 etapas</h2> <h5 class="light">Com o Ecossistema Stem, qualquer pessoa pode facilmente configurar a sala de reunião em apenas três etapas simples.</h5> <div class="stem-setup__icons"> <div class="stem-setup__icon"> <img class=" lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_one.png" src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_one.png" alt="ETAPA 1" width="262" height="275"> <p class="body-small">ETAPA 1</p> <h5 class="light">Posicione seu dispositivo Stem na sala</h5> </div> <div class="stem-setup__icon"> <img class=" lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_two.png" src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_two.png" alt="ETAPA 2" width="262" height="275"> <p class="body-small">ETAPA 2</p> <h5 class="light">Conecte o dispositivo à sua rede</h5> </div> <div class="stem-setup__icon"> <img class=" lazyloaded" data-src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_three.png" src="https://content-files.shure.com/StemProductPages/StemSetup/stem_setup_step_three.png" alt="ETAPA 3" width="262" height="275"> <p class="body-small">ETAPA 3</p> <h5 class="light">Atribua seu dispositivo à sala</h5> </div> </div> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Modo discreto ou lustre?</h2> <h5 class="light">Com duas opções para escolher, você pode exibir o microfone de conferência de teto no modo lustre ou manter o áudio em discrição com a opção de instalação do dispositivo no teto no modo discreto.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemCeiling/low_profile_or_chandelier.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemCeiling/low_profile_or_chandelier_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemCeiling/low_profile_or_chandelier.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-large-video stem-large-video-component-border-bottom"> <div class="main-grid main-grid--inner"> <h2 class="h3 section-title light">Quais são os recursos?</h2> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemCeiling/whats_on_the_inside_pt.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemCeiling/whats_on_the_inside_pt.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Saiba quando sua voz for captada</h2> <h5 class="light">O anel de luz LED do Stem Ceiling permite que você veja quando o dispositivo está ativo e desligado, para saber quando você está sendo ouvido ou não.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemCeiling/know_when_voice_picked_up.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemCeiling/know_when_voice_picked_up_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemCeiling/know_when_voice_picked_up.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-image-left stem-flex-component-border-top stem-flex-component-border-bottom"> <div class="stem-image-left__left"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemCeiling/power_to_the_people.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemCeiling/power_to_the_people_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemCeiling/power_to_the_people.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Energia para todos</h2> <h5 class="light">Todas as soluções Stem se conectam via Power over Ethernet (PoE+) para tornar a instalação mais fácil do que nunca. Instalar cabos para alimentar seus produtos nunca mais será um problema.</h5> </div> </section> <section class="stem-large-image"> <div class="main-grid main-grid--inner"> <h2 class="h3 section-title light">O que vem na caixa?</h2> <img class=" lazyloaded" data-src="https://content-files.shure.com/cdn-cgi/image/width=1833,height=1116,format=auto/StemProductPages/StemCeiling/whats_in_the_box_pt.jpg" src="https://content-files.shure.com/cdn-cgi/image/width=1833,height=1116,format=auto/StemProductPages/StemCeiling/whats_in_the_box_pt.jpg" alt="O que vem na caixa?" width="1833" height="1116"> </div> </section> </section> |