<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Cloud Channels </title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="folhadeestilo.css"> </head> <body> <div class="container-principal"> <nav> <div class="logo" > <a href="index.html"> <img src="cloud.png" alt="cloudlogo"> </a> </div> <div class="menu-btn"> <i class="fa fa-bars fa-2x" onclick="menuShow()"></i> </div> <ul> <li> <a href="index.html" class="active"> Home </a> </li> <li> <a href="sports.html"> Sport</a> </li> <li> <a href="filmes.html"> Filmes</a> </li> <li> <a href="#topo"> HBO</a> </li> <li> <a href="discovery.html"> Dyscovery</a> </li> <li> <a href="sobre.html"> Sobre</a> </li> </ul> </nav> <div id="demo-modal" class="modal" role="dialog" tabindex="-1"> <div class="model-inner"> <div class="modal-header"> <h3> Canais HBO!</h3> <button class="modal-close" data-id="demo-modal" aria-label="Close"> × </button> </div> <p> Uma plataforma inovadora, permite que você assista todos os canais hbo grátis e em alta qualidade. Além disso, é bastante intuitiva e de fácil utilização proporcionando uma ótima experiência para que você desfrute dos melhores Filmes e Séries!</p> <img src="bannerHBO.png" > </div> </div> <section id="banner"> <a href="hbocanais.html"> <img src="filme2.gif"> <br> </a> </section> </div> <footer> <div class="footer-text"> <h3> HBO+ </h3> <p>Saiba mais sobre nosso canais: <button class="modal-open" data-id="demo-modal">Clique Aqui!</button> </p> </div> </footer> <script src="main.js"></script> </body> </html>