Skip to content

Instantly share code, notes, and snippets.

@felipemorais
Forked from adrianobrainer/html_teste
Created October 19, 2017 17:59
Show Gist options
  • Save felipemorais/2080cd933f8dd6cd8bac4fff7aab323d to your computer and use it in GitHub Desktop.
Save felipemorais/2080cd933f8dd6cd8bac4fff7aab323d to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Chegou o novo Moto X&#8308; com câmera inteligente, um novo conceito de smartphone com sistema de câmera traseira dupla, com recursos exclusivos, como foco seletivo, reconhecimento de objetos e efeitos de realidade aumentada.">
<meta name="author" content="Hugo Charles">
<title>Motorola Moto X&#8308;</title>
<!-- Biblioteca bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Css do layout -->
<link href="css/tema.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row relativo bg-azul-2 header">
<div class="col zerar-mp">
<img src="img/header.jpg" alt="Novo moto X&#8308; com câmera inteligente" class="img-fluid">
<img src="img/header-smartphone.png" alt="Novo moto X&#8308; - Imagem do aparelho" class="img-fluid ani_header">
</div>
</div><!-- /.header -->
<div class="row">
<div class="col bg-verde p-5">
<div class="bg-rosa p-2"><h1 class="text-center">A Família Moto X está de volta</h1>
<h2 class="text-center">Agora com um novo conceito em câmera</h2></div>
<p class="pt-4">Chegou o novo Moto X&#8308; com câmera inteligente, um novo conceito de smartphone com sistema de câmera traseira dupla, com recursos exclusivos, como foco seletivo, reconhecimento de objetos, pontos turísticos e efeitos animados para fotos e vídeos com realidade aumentada.</p>
<p>Com a câmera frontal de 16MP, você tira fotos em alta resolução e, no modo avançado (1), incrivelmente nítidas, mesmo com pouca luz. Além disso, o processador octa-core é ultrarrápido e a bateria de 3000 mAh dura o dia todo.</p>
<p>E não para por aí! O Moto X&#8308; possui design premium com acabamento em vidro 3D, estrutura em metal e certificação IP68 de resistência à água. Mergulhe nessa nova experiência: Moto X&#8308;, feito especialmente para você! </p>
</div>
</div><!-- /.header -->
<div class="row bg-azul align-items-center">
<div class="col-lg-6 embed-responsive embed-responsive-1by1 pr-0">
<video width="100%" height="100%" autoplay loop>
<source src="video/design.mp4" type="video/mp4">
</video>
</div>
<div class="col-lg-6 p-5">
<h2 class="bg-rosa p-2 text-center">Design Premium</h2>
<p class="pt-3">Disponível nas cores topázio e preto e, com estrutura única e sofisticada, o Moto X&#8308; possui estrutura em metal e acabamento traseiro em vidro 3D. Este vidro tem um inovador efeito visual, deixando o aparelho ainda mais elegante. </p>
</div>
</div><!-- /.Design -->
<div class="row bg-laranja align-items-center">
<div class="col px-5">
<h2 class="bg-azul text-center p-2">Tela de alta definição</h2>
<p class="pt-2">Sua Tela de alta definição é de 5,2 polegadas e Full HD 1080p. Nela, seu entretenimento possui cores mais vivas e brilhantes, destacando uma riqueza de detalhes nunca vista antes.</p>
<!--<img src="img/tela.png" class="img-fluid pt-5">-->
</div>
<div class="col-lg-8 m-0 p-0 embed-responsive embed-responsive-16by9">
<video width="100%" height="100%" autoplay loop>
<source src="video/tela.mp4" type="video/mp4">
</video>
</div>
</div><!-- /.Tela -->
<div class="row align-items-center bg-rosa">
<div class="col-md-5 p-5">
<div class="row zerar-mp fix-slider">
<div class="col-12 zerar-mp">
<div id="carouselControls" class="carousel slide zerar-mp" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class=""><img src="img/camera.png" alt="imagem de demonstração da câmera" class="img-fluid"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img src="img/camera-2.png" alt="imagem de demonstração da câmera" class="img-fluid"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img src="img/camera-3.png" alt="imagem de demonstração da câmera" class="img-fluid"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img src="img/camera-4.png" alt="imagem de demonstração da câmera" class="img-fluid"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
</div>
<!--<a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Próximo</span>
</a>-->
</div>
</div>
</div><!-- /.slider -->
</div>
<div class="col p-5">
<h2 class="bg-azul p-2 text-center">Câmeras</h2>
<p class="pt-3">O Moto X&#8308; vem com câmera traseira dupla de 8MP (com campo de visão de 120°) e 12MP (com Dual Autofocus Pixel), que fazem com que você vá além e tenha os melhores cliques mesmo em lugares com pouca luz.</p>
<p>Com elas você faz um close com super definição e ainda desfoca o fundo para dar mais destaque à imagem. Ainda é possível criar imagens incríveis adicionando efeito preto e branco em suas fotos coloridas e, até mesmo trocar o fundo (2) do clique feito por um amigo.</p>
<p>Além disso, a câmera frontal de 16MP de alta resolução traz um modo avançado que captura imagens com o modo avançado que tem pixels grandes, 300% mais sensíveis à luz do que os pixels de uma câmera comum de smartphone. Além disso, você ainda pode usar o flash LED e os modos profissional, beauty ou panorama, com o qual é possível tirar selfies de até 120°.</p>
</div>
</div><!-- /.Câmeras -->
<div class="row align-items-center bg-verde" style="overflow: hidden;">
<div class="col-lg-6 p-0 m-0">
<img src="img/camera-dupla.png" alt="moto X&#8308; - câmera traseira dupla" class="img-fluid glow">
<!--<video width="100%" height="100%" autoplay="autoplay" loop="loop">
<source src="video/design.mp4" type="video/mp4">
</video>-->
</div>
<div class="col-lg-6 p-5">
<h2 class="text-center bg-rosa p-2">Recursos exclusivos da câmera traseira dupla</h2>
<p class="pt-3">Com a câmera traseira dupla do Moto X&#8308;, você pode criar novas imagens adicionando efeito preto e branco em suas fotos coloridas e colocando as pessoas ou objetos em destaque. </p>
<p>Ainda é possível tirar uma foto e trocar o fundo, adicionando amigos ou elementos de qualquer imagem da sua galeria do Google Fotos.</p>
</div>
</div><!-- /.Recursos -->
<div class="row align-items-center bg-laranja">
<div class="col-lg-6 p-5">
<h2 class="bg-azul p-2 text-center">Recursos exclusivos da câmera inteligente</h2>
<p class="pt-3">A câmera inteligente sabe quando encontra uma paisagem famosa, ou até mesmo identificar objetos. Com o reconhecimento de ponto turístico e objeto, é só apontar a câmera e selecionar para saber mais sobre o que está vendo.</p>
<p>Além disso, ela coloca a cor em destaque, dando vida antes de tirar foto e deixando todo o resto em preto e branco, destacando os objetos com a cor desejada.</p>
</div>
<div class="col m-0 p-0 embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/recursos.mp4" type="video/mp4">
</video>
</div>
</div><!-- /.Recursos 2 -->
<div class="row zerar-mp fix-slider">
<div class="col-12 zerar-mp bg-verde">
<h2 class="text-center p-3 mb-0">Confira algumas fotos clicadas com o Moto X&#8308;</h2>
<div id="carouselControls2" class="carousel slide zerar-mp" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class=""><img class="img-fluid" src="img/slider-1.jpg" alt="imagem de demonstração da câmera" alt="Imagem Moto X&#8308;"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img class="img-fluid" src="img/slider-2.jpg" alt="imagem de demonstração da câmera" alt="Imagem Moto X&#8308;"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img class="img-fluid" src="img/slider-3.jpg" alt="imagem de demonstração da câmera" alt="Imagem Moto X&#8308;"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
<div class="carousel-item">
<div class=""><img class="img-fluid" src="img/slider-4.jpg" alt="imagem de demonstração da câmera" alt="Imagem Moto X&#8308;"></div>
<!--<div class="show-md"><img class="d-block w-100" src="img/slider-3-mobile.jpg" alt="First slide"></div>-->
</div>
</div>
<a class="carousel-control-prev" href="#carouselControls2" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselControls2" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Próximo</span>
</a>
</div>
</div>
</div><!-- /.slider -->
<div class="row bg-azul">
<div class="col-lg-12 m-0 p-0 embed-responsive embed-responsive-16by9">
<video width="100%" height="100%" autoplay loop>
<source src="video/desempenho.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="row">
<div class="col bg-azul p-5">
<!--<img src="img/desempenho.png" alt="novo moto X&#8308; - alto desempenho" class="img-fluid pb-5">-->
<h2 class="bg-laranja p-2 text-center">Desempenho</h2>
<p class="pt-3">O Moto X&#8308; tem processador Qualcomm Snapdragon de 2.2 GHz de altíssima velocidade. Com ele, é mais fácil baixar livros, filmes e arquivos grandes. Ou faça streaming de músicas, shows e vídeos sem fazer esforço.</p>
<p>Ele ainda tem 3GB de memória RAM, para navegar na internet e curtir jogos sem se preocupar com travamentos.</p>
</div>
</div><!-- /.Desempenho -->
<div class="row bg-verde align-items-center">
<div class="col-lg-7">
<img src="img/armazenamento.png" alt="novo moto X&#8308; - demonstração da câmera" class="img-fluid">
</div>
<div class="col-lg-5 p-5">
<h2 class="text-center bg-rosa p-2">Armazenamento</h2>
<p class="pt-2">Agora ficou mais fácil guardar todos os arquivos que você desejar. O Moto X&#8308; vem com 32GB de armazenamento interno total(3) e memória expansível de até 2TB.</p>
</div>
</div><!-- /.Armazenamento -->
<div class="row bg-rosa align-items-center">
<div class="col-lg-7 p-5">
<h2 class="p-2 bg-verde text-center">Bateria e Carregamento TurboPower&#8482;</h2>
<p class="pt-3">A bateria de 3000 mAh do Moto X&#8308; tem capacidade suficiente para que você possa resolver tudo o que quiser. E caso precise de mais carga, basta utilizar o carregador TurboPower&#8482;. Ele fornece até 6 horas de uso(4) com apenas 15 minutos(5) de carregamento.</p>
</div>
<div class="col m-0 p-0 embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/turbo.mp4" type="video/mp4">
</video>
</div>
</div><!-- /.Bateria -->
<div class="row align-items-center bg-laranja p-0">
<div class="col-lg-6 zerar-mp embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/sensor.mp4" type="video/mp4">
</video>
</div>
<div class="col">
<div class="p-4">
<h2 class="bg-azul p-2 text-center">Sensor de impressão digital multifunção</h2>
<p class="pt-3">Digitar senha, agora, é coisa do passado. Com o Sensor de impressão digital multifunção do Moto X&#8308;, você bloqueia e desbloqueia o seu smartphone, utilizando apenas a sua digital. Com ele ainda é possível acessar aos seus aplicativos, já que ele pode ser utilizado para substituir as teclas de navegação, proporcionando mais espaço em sua tela.</p>
<p>Ah, e junto ao Moto Key, é possível bloquear e desbloquear, inclusive, seu computador(6). Basta um toque no sensor do seu aparelho e, a criptografia ajuda a garantir que seus dados fiquem protegidos.</p>
</div>
</div>
</div><!-- /.Sensor -->
<div class="row align-items-center">
<div class="col-12 zerar-mp">
<img src="img/audio.jpg" alt="moto X&#8308; - reprodução de áudio" class="img-fluid">
</div>
</div>
<div class="row bg-azul">
<div class="col p-5">
<h2 class="bg-rosa p-2 text-center">Reprodução Multi Sound</h2>
<p class="pt-3">Agora você pode escutar um som da melhor qualidade no seu smartphone e, o melhor: se conectando a até quatro dispositivos de áudio Bluetooth ao mesmo tempo(7). Agora ficou mais fácil criar seu próprio sistema estéreo e usar várias caixas de som para aquela festa que você sonha em oferecer aos seus amigos. Com o Moto X&#8308;, o som está por toda parte.</p>
</div>
</div><!-- /.Audio -->
<div class="row bg-verde align-items-center">
<div class="col-lg-5 p-5">
<h2 class="bg-rosa p-2 text-center">Resistente à água</h2>
<p class="pt-2">Com certificação IP68, o seu Moto X&#8308; está protegido contra imprevistos do dia a dia, pois ele é resistente à respingos e até mesmo a mergulhos acidentais na água(8).</p>
</div>
<div class="col m-0 p-0 embed-responsive embed-responsive-16by9">
<video width="100%" height="100%" autoplay loop>
<source src="video/ip68.mp4" type="video/mp4">
</video>
</div>
</div><!-- /.Resistente à água -->
<div class="row bg-laranja align-items-center">
<div class="col p-5">
<h2 class="p-2 bg-azul text-center">Moto Tela</h2>
<p class="pt-3">O Moto Tela mostra de forma simples as suas notificações. Isso sem que você tenha que desbloquear o seu smartphone. Basta tocar para ver as novidades, executar uma ação ou até mesmo pausar as suas músicas. Além disso, ele personaliza a cor da notificação de acordo com o seu papel de parede. E não é só isso! Durante a noite, as cores da tela do seu Moto X&#8308; são ajustadas para reduzir os tons azuis que tiram o sono.</p>
</div>
</div><!-- /.Moto Tela -->
<div class="row bg-rosa">
<div class="col-12 p-5">
<h2 class="bg-verde text-center p-2">Moto Ações</h2>
</div>
</div>
<div class="row bg-rosa align-items-start px-5 pb-5">
<div class="col-4">
<div class="embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/ma-1.mp4" type="video/mp4">
</video>
</div>
<p class="pt-3">O Moto Ações faz mais por você ao responder aos seus movimentos e gestos. Através deste recurso, você nunca perde um bom momento: basta girar o pulso duas vezes para iniciar a câmera sem desbloquear o smartphone.</p>
</div>
<div class="col-4">
<div class="embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/ma-2.mp4" type="video/mp4">
</video>
</div>
<p class="pt-3">Quer usar o aparelho com apenas uma de suas mãos? Basta deslizar o dedo e a micro tela é ativada para facilitar o uso do aparelho. Além disso, agite-o duas vezes e acione a lanterna. </p>
</div>
<div class="col-4">
<div class="embed-responsive embed-responsive-1by1">
<video width="100%" height="100%" autoplay loop>
<source src="video/ma-3.mp4" type="video/mp4">
</video>
</div>
<p class="pt-3">E, agora, também é possível capturar a tela do aparelho de uma maneira bastante prática e simples. Basta tocar a tela com três dedos e você terá um screenshot.</p>
</div>
</div><!-- /.Moto Ações -->
<div class="row">
<div class="col-6 bg-verde p-5">
<h2 class="text-center p-2 bg-rosa">Dual Chip Inteligente</h2>
<p class="pt-2">Tecnologia Dual Chip Inteligente que além de utilizar dois cartões SIM no mesmo aparelho, ainda seleciona automaticamente um chip para chamadas com base na operadora do seu contato ou histórico de uso(9). Essa tecnologia também seleciona a tecnologia mais rápida para sua conexão de dados, bem como o cartão para SMS de acordo com a troca de mensagens.</p>
</div>
<div class="col-6 bg-azul p-5">
<h2 class="bg-laranja text-center p-2">Tecnologia NFC</h2>
<p class="pt-3">O Moto X&#8308; é compatível é compatível com a tecnologia NFC, que permite mais agilidade e segurança em transações financeiras(10) e, ainda, no envio de conteúdo com outros aparelhos. Para isso, basta posicionar o seu smartphone perto de outro aparelho ou terminal com NFC para que a operação seja realizada.</p>
</div>
</div><!-- /.Dual Chip e NFC -->
<div class="row align-items-center bg-laranja">
<div class="col-8 p-5">
<h2 class="bg-azul text-center p-2">Android 7.1.1 Nougat</h2>
<p class="pt-3">Com versão pura do sistema operacional mais usado no mundo, o Moto X&#8308; vem com Android Nougat 7.1.1. Além disso, sua experiência torna-se melhor e mais leve, sem aplicativos indesejados, com atualizações mais rápidas e novos emojis.</p>
</div>
<div class="col-4 p-5">
<img src="img/android.png" alt="moto X&#8308; - android nougat" class="img-fluid">
</div>
</div><!-- /.Android -->
<div class="row frases-legais">
<div class="col pt-5">
<p>(1) No Modo Avançado, o aumento do tamanho do pixel reduz a resolução para 4 MP. Algumas funcionalidades podem estar disponíveis somente neste modo.</p>
<p>(2) Alguns recursos do Modo Profundidade estão disponíveis em software versão beta da Motorola ou dependem de atualização através da Play Store.</p>
<p>(3) O valor indicado corresponde ao armazenamento interno total da memória não formatada, a capacidade disponível para o usuário é menor. Permite expansão por cartão microSD, não incluso. 512 GB é a capacidade máxima disponível atualmente.</p>
<p>(4) Todas as informações referentes à duração da bateria são estimativas e se baseiam em um perfil padrão de uso misto. O perfil de uso misto se baseia em dispositivos Motorola, com um cartão SIM, nas principais redes 4G LTE com excelente cobertura e inclui tempos de uso e espera. Configurações padrão de fábrica são aplicadas ao perfil misto para estimativa do desempenho de bateria. O desempenho real da bateria pode variar e depende de muitos fatores, tais como intensidade do sinal, configuração da rede, idade da bateria, temperatura de operação, funções selecionadas, configurações do dispositivo, voz, dados e outros padrões de uso de aplicativos.</p>
<p>(5) A bateria deve estar quase esgotada; a taxa de carregamento diminui à medida que o carregamento avança.</p>
<p>(6) Necessário ter compatibilidade com Bluetooth® 2.1 no seu computador com pelo menos Windows 7 ou versões posteriores do sistema operacional Windows.</p>
<p>(7) Quando o smartphone está conectado a uma rede Wi-Fi de 2,4 GHz, é possível conectar no máximo 1 dispositivo de áudio bluetooth.</p>
<p>(8) Resistência à água doce, respingos e poeira foi testada de acordo com os padrões da certificação IP68 em condições controladas de laboratório. A resistência diminui de acordo com o desgaste normal. Não foi projetado para funcionar submerso em água. Não exponha o aparelho à água pressurizada ou outros líquidos. Não tente carregar um telefone molhado. Danos causados por líquidos são cobertos apenas pela garantia legal.</p>
<p>(9) A funcionalidade Dual Chip da Motorola sugere ou seleciona automaticamente um chip (SIM) para ligação de voz com base na operadora de seu contato ou histórico de chamadas. O chip selecionado para conexão de dados, ou primário, é automaticamente definido como 3G/4G, de forma a usar a tecnologia mais rápida de conexão de dados, independente do slot em que o SIM card esteja inserido. O chip sem conexão de dados, ou secundário, é automaticamente definido para 2G/3G para chamadas de voz. A cobertura e qualidade do sinal dependem de sua área e da operadora provedora dos serviços.</p>
<p>(10) A compatibilidade do aparelho com transações financeiras pode variar e/ ou não estar disponível para todos os provedores de serviços ou países.</p>
<p>Algumas funções, funcionalidades e especificações do produto podem depender de rede para funcionar e estar sujeitas a termos, condições e taxas adicionais. Todas estão sujeitas a alterações sem aviso prévio. O nome MOTOROLA e o logotipo M estilizado são marcas comerciais registradas da Motorola Trademark Holdings, LLC. Todas as demais marcas comerciais pertencem aos seus respectivos proprietários. ©2017 Motorola Mobility LLC. Todos os direitos reservados. O moto X&#8308; foi criado e fabricado pela, ou para Motorola Mobility, uma subsidiária de propriedade exclusiva da Lenovo.
</p>
</div>
</div><!-- /.Textos Legais -->
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!--<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>-->
<script>window.jQuery || document.write('<script src="bootstrap/js/vendor/jquery.min.js"><\/script>')</script>
<script src="bootstrap/js/vendor/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="bootstrap/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment