nintendo.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Importante para SEO -->
    <title>Nintendo</title>
    <!--Link com a folha de estilo -->
    <link rel="stylesheet" href="style.css">
    <!-- Importante para SEO -->
    <meta name="description"
        content="Seu Nintendo Switch está com defeito? Fale conosco e nós resolvemos agora o seu problema!">
    <!-- Define o favicon-->
    <link rel="icon" href="img/logofinal.png">
</head>

<body>
    <!-- Cabeçalho -->
    <header>
        <div class="FlexMenu">
            <div id="logo">
                <img src="./img/logofinal99.png" alt="logo outlaw games">
            </div>
            <nav>
                <input type="checkbox" id="check">
                <label for=check>&#x2630;
                </label>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="playstation.html">Playstation</a></li>
                    <li><a href="xbox.html">Xbox</a></li>
                    <li><a href="nintendo.html">Nintendo</a></li>
                    <li><a href="contato.html">Contato</a></li>
                    <li><a href="sobre.html">Sobre</a></li>
                </ul>

            </nav>
        </div>
    </header>

    <!-- Conteúdo Principal -->
    <main class="Flex">
        <div class="Container">
            <h1 class="textbanner">Nintendo Switch</h1>
        </div>
    </main>


    <!-- Section Título e Imagem -->
    <section id="titleps4">
        <div class="Container">
            <div id="imgps4">
                <h2>Manutenção Switch</h2>
                <img src="img/switchpag.jfif" alt="banner ps5">
            </div>
        </div>
    </section>

    <!-- Section Content -->
    <section id="txtcontent">
        <div class="Container">
            <h3>Seu Nintendo Switch não funciona como deveria? Então você precisa de ajuda da Outlaw Games!</h3>
            <p>Somos especialistas nos reparos desse console. Nossos serviços possuem uma qualidade altíssima que irão
                te surpreender. </p>
        </div>
    </section>

    <!-- Section Serviços -->
    <section>
        <div class="Container">
            <div class="txtservicos">
                <div class="conteudoflex">
                    <h4>Somos experts em reparos</h4>
                    <p><span class="simbolo">✔</span> Temos mais de x anos de experiência</p>
                    <p><span class="simbolo">✔</span> Orçamento Gratuito</p>
                    <p><span class="simbolo">✔</span> Melhor Custo-Benefício da Região</p>
                    <p><span class="simbolo">✔</span> Reparos na hora</p>
                    <p><span class="simbolo">✔</span> Garantia de até 1 ano</p>
                    <p><span class="simbolo">✔</span> Serviços Rápidos</p>
                </div>
                <br>
                <div class="conteudoflex">
                    <h4>Reparamos os mais frequentes defeitos</h4>
                    <p><span class="simbolo">✔</span> Joysticks com Defeito</p>
                    <p><span class="simbolo">✔</span> Superaquecimento</p>
                    <p><span class="simbolo">✔</span> Travamentos e Baixo Desempenho</p>
                    <p><span class="simbolo">✔</span> Leitor de cartão com defeito</p>
                    <p><span class="simbolo">✔</span> Atualização de Software</p>
                    <p><span class="simbolo">✔</span> Sem imagem ou Som</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Section youtube -->
    <section class="zap">
        <div class="Container FlexSection">
            <div class="textzap">
                <h2>Chama a gente no <span class="spanzap">Whatsapp!</span></h2>
                <p>Entra em contato que a gente resolve seu problema</p>
                <a href="https://api.whatsapp.com/send?phone=5511123456789" target="_blank" class="Buttonzap">Chama
                    aí!</a>
            </div>
            <div class="imagemzap">
                <img src="./img/qrcodezap.PNG" alt="qrcode zap">
            </div>
        </div>
    </section>


    <!-- Rodapé -->
    <footer>
        <div class="Container Flex">
            <div id="social">
                <a href="https://www.instagram.com/andradejao_/" target="_blank"><img src="./img/insta.png"
                        alt="instagram"></a>
                <a href="https://m.facebook.com/profile.php/?id=100014107095782" target="_blank"><img
                        src="./img/face.png" alt="facebook"></a>
                <a href="https://web.whatsapp.com/" target="_blank"><img src="./img/whats.png" alt="whatsapp"></a>
            </div>
            <div id="copyright">
                <p>©2024 - Outlaw Games</p>
            </div>

        </div>
    </footer>
    <a href="#logo" id="topo"><img src="./img/setacima.png" alt="seta topo"></a>
    <!-- Topo -->

</body>

</html>