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=" 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=" 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=" 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">Seja ouvido em todas as reuniões</h2> <h5 class="light">Com 15 microfones que criam 180 graus de cobertura e que atuam com formação de feixe real (beamforming), o Wall garante que a voz de cada participante seja ouvida, não importa de onde eles estejam falando na sala.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/be_heard_every_meeting.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/be_heard_every_meeting_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/be_heard_every_meeting.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-padding-top"> <div class="stem-image-left__left"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/hear_every_word.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/hear_every_word_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/hear_every_word.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Ouça cada palavra</h2> <h5 class="light">Os dois alto-falantes e subwoofers integrados do Stem Wall oferecem áudio de alcance total para preencher o som de qualquer sala.</h5> </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-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=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/whats_on_the_inside_pt.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/whats_on_the_inside_pt.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-image-left 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/StemWall/mount_your_wall.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/mount_your_wall_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/mount_your_wall.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Monte o Wall da sua maneira</h2> <h5 class="light">O Wall oferece flexibilidade para instalar o dispositivo acima ou abaixo de qualquer tela ou monitor.</h5> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light" style="padding:0;">Escolha sua câmera</h2> <h5 class="light">Monte sua câmera favorita logo acima para criar sua combinação de AV ideal.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/choose_your_camera.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/choose_your_camera_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/choose_your_camera.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> </section> <section class="stem-image-left stem-flex-component-border-bottom stem-flex-component-border-top"> <div class="stem-image-left__left"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/know_when_voice_picked_up.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/know_when_voice_picked_up_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/know_when_voice_picked_up.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Saiba quando sua voz for captada</h2> <h5 class="light">As luzes de LED do Stem Wall destacam as funções, incluindo a formação de feixes (beamforming), seguindo a direção do alto-falante para que você saiba que sua voz será ouvida.</h5> </div> </section> <section class="stem-image-right stem-flex-component-border-bottom"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Basta apenas um cabo Ethernet</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> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemWall/one_ethernet_cable.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemWall/one_ethernet_cable_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemWall/one_ethernet_cable.mp4"> Sorry, your browser doesn't support embedded videos. </video> </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/StemWall/whats_in_the_box_crop_pt.jpg" src="https://content-files.shure.com/cdn-cgi/image/width=1833,height=1116,format=auto/StemProductPages/StemWall/whats_in_the_box_crop_pt.jpg" alt="O que vem na caixa?" width="1833" height="1116"> </div> </section> </section> |