index.html

<!DOCTYPE html>

<html lang="pt-br">

<head>

   <!-- Titulo que aparece na aba do navegador -->
   <title>Quack Games</title>

   <!-- Padrão de caracteres do qual permiti açentuação e "ç". -->
   <meta charset="UTF-8">

   <!-- Essa linha está colocando uma compatibilidade para com o edge -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <!-- Responsividade minima, para ser compativel com desktop e celular -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
   <!-- Esta linha serve para linkar meu html ao css -->
   <link rel="stylesheet" href="./assets/css/styles.css">
</head>

<body>
    <header>
        <div class="fotoquack">
            <img src="./assets/img/image3.png">
        </div>  
        <div class="leg">
            <p class="corparagrafo">Quack Games</p>
        </div>  
         <!--parte do menu do site  -->
        <nav class="menubar">
                <ul>
                    <li><a href="./index.html">Quem somos</a></li>
                    <li><a href="./produto.html">Produtos e Serviços</a></li>
                    <li><a href="./equipe.html">Nossa Equipe</a></li>
                    <li><a href="./contato.html">Entre em contato</a></li>
                </ul>
        </nav>
    </header>
    <main>
        <!-- campo que esta a descrição -->
        <div class="historiaQuack">
            <img src="./assets/img/image2.png" alt="logo quack">
            <h1>História da Quack</h1>
            <img src="./assets/img/image2.png" alt="logo quack">
        </div>
        <p>A Quack é um grupo criado por 5 estudantes do curso de 
        Jogos Digitais da Fatec de Carapicuíba.</p>
        <p>Quack foi formada para fins educacionais, mas acabou se tornando
        uma microempresa através de uma grande amizade entre o grupo.
        Trabalhamos desenvolvendo jogos cada vez mais intuitivos e a cada
        semestre em uma plataforma diferente.</p>
        <!---------------- Criação slide corpo --------------------------->
        <!-- seção que involvera todo o slide das fotos-->
        <section class="slyde">
            <div class="fotos">
                <img src="./assets/img/fatec1.jpg" alt="foto 1">
                <img src="./assets/img/fatec2.jpg" alt="foto 2">
                <img src="./assets/img/fatec3.jpg" alt="foto 3">
                <img src="./assets/img/fatec3.jpg" alt="foto 3">
            </div>
            
        </section>
                 
    </main>
        
    <footer id="rodape">
                Todos os direitos reservados ©
                <img id="fotorodape" src="./assets/img/roda.jpg"> 
    </footer>
<script src="./assets/js/script.js" ></script>
</body>
</html>
