BioMundo/index.html at main · hchepli/BioMundo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="pt-br">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" type="text/css" href="css/global.css">
   <link rel="stylesheet" href="css/index.css">
   <link rel="shortcut icon" href="img/icon.jpg" type="image/x-icon">
   <title>BioMundo</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300&display=swap" rel="stylesheet">
</head>

<body>
   <header id="header">
      <a id="logo" href="index.html">BioMundo</a>
      <nav id="nav">
        <button id="btn-mobile">
          <span id="hamburger"></span>
        </button>
        <ul id="menu">
          <li><a href="pages/ecologia.html">Ecologia</a></li>
          <li><a href="pages/genetica.html">Genética</a></li>
          <li><a href="pages/fisiologia.html">Fisiologia Animal</a></li>
          <li><a href="pages/evolucao.html">Evolução</a></li>
          <li><a href="pages/ecossistema.html">Ecossistema</a></li>
          <li><a href="pages/citologia.html">Citologia</a></li>
          <li><a href="pages/sambaqui.html">Sambaquis</a></li>
        </ul>
      </nav>
    </header>
   <section id="index">
      <main id="main">

         <div id="box-tittle">
            <div id="box-titleMain">
               <h1 class="title" id="title1">MUNDO</h1>
               <h1 class="title" id="title2">BIOLÓGICO</h1>
            </div>
            <div id="box-titleSub">
               <h2 class="subtitle" id="subtitle1">Instituto Federal Catarinense</h2>
               <h2 class="subtitle" id="subtitle2">Projeto Integrador</h2>
            </div>
         </div>
         <img src="img/index-logo.png" alt="Imagem do Index" class="indexImg">
   </main>
   </section>

   <footer id="footer">
      <div id="footer-top">
         <div class="info">
            <div class="title-footer">
               <h3>Biologia - Oque É?</h3>
            </div>
            <div class="conteudo-footer">
               <h4 class="text-nick">Biologia é a ciência que estuda os seres vivos e seus diferentes níveis de organização, cuida dos
                  mecanismos da hereditariedade, da evolução, da interação dos seres vivos entre si e com o ambiente, entre muitos
                  outros aspectos.</h4>
            </div>
         </div>
         <div class="info">
            <div class="title-footer">
               <h3>Quem Somos?</h3>
            </div>
            <div class="conteudo-footer">
               <h4 class="text-nick">Davi de Morais Bisewski - davimbisewski@gmail.com</h4>
             <h4 class="text-nick">Enzo Girardi - enzogirardi1903@gmail.com</h4>
             <h4 class="text-nick">Gabriel Henrick Martins Gomes - gabrielhenrickmartind3454@gmail.com</h4>
             <h4 class="text-nick">Henrique Chepli de Souza - henriquechepli@gmail.com</h4>
             <h4 class="text-nick">Murilo da Cruz Souza - exemplo@gmail.com</h4>
            </div>
         </div>
      </div>
      <div id="footer-bottom">
         <h5 id="copyright">© Copyright 2023 BioMundo</h5>
      </div>
   </footer>
   <script src="js/global.js"></script>
</body>

</html>