</div>
</div>
<!-- fim da barra de pesquisa -->
</div>
<!-- fim topo centro -->
<!-- início topo direito -->
<div class="topo-direito">
<!-- área de login -->
<div class="sublogin">
<div>
<button class="subloginbtn">Fazer Login<br>ou Assinar <span class="fa fa-caret-down"></span></button>
</div>
<div class="sublogin-conteudo">
<button type="button" title="Entrar">Entrar</span></button>
<p>ou</p>
<button type="button" title="Assinar">Assinar</span></button>
</div>
</div>
<!-- fim área de login -->
</div>
<!-- fim topo direito -->
</div>
<!-- fim do topo -->
<!-- início contéudo principal -->
<div class="conteudo-principal">
<div class="primeiro-h1">
<h1>Que tal também assistir uma destas Séries?</h1>
</div>
<!-- início banner -->
<div class="elementos conteudo-flex">
<div class="banner">
<a href="07-serie.html"><img src="../image/07-banner.jpg" alt="modelo banner de série" title="modelo banner de série"></a>
</div>
<div class="banner">
<a href="08-serie.html"><img src="../image/08-banner.jpg" alt="modelo banner de série" title="modelo banner de série"></a>
</div>
</div>
<!-- fim banner -->
<!-- início elemento -->
<div class="elementos conteudo-flex">
<div class="poster-play">
<div>
<img src="../image/01-poster.jpg" alt="imagem modelo poster de filme" title="imagem modelo poster de filme">
</div>
<div>
<button type="button" id="btn-assistir" title="Assistir"><span class="fas fa-play"></span>Assistir</button>
</div>
</div>
<div class="info-play">
<h2>Lorem Ipsum</h2>
<p class="info-play-ano">2020</p>
<p><a href="#">Drama</a> | <a href="#">Romance</a></p>
<p><em>Direção: </em><a href="#">Josh Black</a></p>
<p><em>Sinopse: </em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><em>Elenco: </em><a href="#">Shailen Walker</a>, <a href="#">Ansel Blue</a>, <a href="#">Nat White</a></p>
</div>
</div>
<!-- fim elemento -->
<!-- início elemento -->
<div class="elementos conteudo-flex">
<div class="fotos">
<img src="../image/01-foto.jpg" alt="imagem modelo foto de filme" title="imagem modelo foto de filme">
</div>
<div class="fotos">
<img src="../image/01-foto.jpg" alt="imagem modelo foto de filme" title="imagem modelo foto de filme">
</div>
<div class="fotos">
<img src="../image/01-foto.jpg" alt="imagem modelo foto de filme" title="imagem modelo foto de filme">
</div>
<div class="fotos">
<img src="../image/01-foto.jpg" alt="imagem modelo foto de filme" title="imagem modelo foto de filme">
</div>
</div>
<!-- fim elemento -->
<!-- início elemento -->
<div class="elementos conteudo-flex">
<div class="video">
<div class="embed-vid">
<iframe src="https://www.youtube.com/embed/3iDIdua0yy8"></iframe>
</div>
</div>
<div class="video">
<div class="embed-vid">
<iframe src="https://www.youtube.com/embed/csJeJ8Af53k"></iframe>
</div>
</div>
</div>
<!-- fim elemento -->
</div>
<!-- fim conteúdo principal -->
<!-- início rodape -->
<footer>
<div class="site-map conteudo-flex">
<div class="site-map-conteudo">
<ul>
<li><a href="../index.html">Sobre nós</a></li>
<li><a href="#">Carreiras</a></li>
<li><a href="#">Perguntas frequentes</a></li>
<li><a href="#">Imprensa</a></li>
</ul>
</div>
<div class="site-map-conteudo">
<ul>
<li><a href="#">Política de Privacidade</a></li>
<li><a href="#">Política de Segurança</a></li>
<li><a href="#">Termo de Uso</a></li>
<li><a href="#">Avisos Legais</a></li>
</ul>
</div>
<div class="site-map-conteudo">
<ul>
<li><a href="#">Conta</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="#">Centro de Ajuda</a></li>
<li><a href="#">Teste de Velocidade</a></li>
</ul>
</div>
</div>
<div>
<img src="../image/filmov.png" alt="Imagem logotipo da filmov" title="Imagem logotipo da filmov">
</div>
<div>
