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 Stem Ecosystem 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-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/StemControl/one_control_two_roles.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemControl/one_control_two_roles_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/one_control_two_roles.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Um controle, duas funções</h2> <h5 class="light">O Control fornece acesso completo à plataforma Stem Ecosystem e faz integrações perfeitas para suas plataformas de videoconferência favoritas.</h5> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Para qualquer sala do Zoom</h2> <h5 class="light">O Stem Control possui uma interface do Zoom Room integrada de forma nativa para facilitar a participação em uma reunião.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemControl/zoom_any_room.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemControl/zoom_any_room_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/zoom_any_room.mp4"> Sorry, your browser doesn't support embedded videos. </video> </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 Ecosystem, 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="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemControl/whats_on_the_inside_pt.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/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-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/StemControl/all_dialed_in.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemControl/all_dialed_in_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/all_dialed_in.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Discagem rápida e fácil</h2> <h5 class="light">Além de integrações com suas plataformas de conferência favoritas, o Control também possui um teclado de discagem para chamadas de áudio SIP.</h5> </div> </section> <section class="stem-image-right"> <div class="stem-image-right__left"> <h2 class="h3 section-title light">Várias opções de instalação</h2> <h5 class="light">Coloque o Control na posição vertical ou inclinada para melhor atender às suas necessidades de posicionamento.</h5> </div> <div class="stem-image-right__right"> <video class="" autoplay="" loop="" muted="" playsinline=""> <source data-src="https://content-files.shure.com/StemProductPages/StemControl/mounting_options.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemControl/mounting_options_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/mounting_options.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/StemControl/one_cable_all_you_need.mp4" data-mobile-src="https://content-files.shure.com/StemProductPages/StemControl/one_cable_all_you_need_mobile.mp4" type="video/mp4" src="https://content-files.shure.com/StemProductPages/StemControl/one_cable_all_you_need.mp4"> Sorry, your browser doesn't support embedded videos. </video> </div> <div class="stem-image-left__right"> <h2 class="h3 section-title light">Você só precisa de um cabo</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.</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/StemControl/whats_in_the_box_crop_pt.jpg" src="https://content-files.shure.com/cdn-cgi/image/width=1833,height=1116,format=auto/StemProductPages/StemControl/whats_in_the_box_crop_pt.jpg" alt="O que vem na caixa?" width="1833" height="1116"> </div> </section> </section> |