Imagens

3 years ago · a0b7465462
--- a/extincoes.html
+++ b/extincoes.html
@ -0,0 +1,71 @@
 <!DOCTYPE html>
 <html>
 <head>
  <title>Extinções</title>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <link rel="icon" type="image/png" href="../images/netuno.png" />
  <link rel="stylesheet" type="text/css" href="../css/extincoes.css" />     
 </head>
 <body >
  <div class="extincoes-container">
    <nav>
      <a href="https://www.netuno.org/pt/"><img src="../images/netuno.png" alt="Logo do framework Netuno"></a>
      <input id="menu-control" class="menu-control" type="checkbox" />
      <ul class="menu">
        <li onclick="location.href='https://www.netuno.org/pt/'"><img src="../images/netuno.png" alt="Logo do framework Netuno"></li>
        <li onclick="location.href='../index.html'">Home</li>
        <li onclick="location.href='#'">Extinções</li>
        <li onclick="location.href='./parques-naturais.html'">Parques naturais</li>
        <li onclick="location.href='./formulario.html'">Formulário</li>
      </ul>
      <label class="label-icon" for="menu-control" >
          <img src="../images/menu.svg" alt="ícone de um menu" />
      </label> 
    </nav>
    <h1>Extinções</h1>
    <div class="table-content">
      <div>
        <caption><a class="caption">Animais em extinção</a></caption>
        <table>
          <tr>
            <th>Animal</th>
            <th>Quantidade</th>
          </tr>
          <tr>
            <td>Lobo-guará</td>
            <td>23000</td>
          </tr>
          <tr>
            <td>Onça-pintada</td>
            <td>10000</td>
          </tr>
          <tr>
            <td>Panda-gigante</td>
            <td>2500</td>
          </tr>
          <tr>
            <td>Arara-azul-de-lear</td>
            <td>1200</td>
          </tr>
          <tr>
            <td>Baleia-fin</td>
            <td>400</td>
          </tr>
        </table>
      </div>
    </div>
    <footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
  </div>
 </body>
 </html>
--- a/fauna.png
+++ b/fauna.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,45 @@
 <!DOCTYPE html>
 <html>
 <head>
  <title>Fauna</title>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <link rel="icon" type="image/png" href="images/netuno.png" />
  <link rel="stylesheet" type="text/css" href="css/index.css" />           
 </head>
 <body>  
  <div class="extincoes-container">
    <nav>
      <a href="https://www.netuno.org/pt/"><img src="images/netuno.png" alt="Logo do framework Netuno"></a>
      <input id="menu-control" class="menu-control" type="checkbox" />
      <ul class="menu">
        <li onclick="location.href='https://www.netuno.org/pt/'"><img src="./images/netuno.png" alt="Logo do framework Netuno"></li>
        <li>Home</li>
        <li onclick="location.href='./paginas/extincoes.html'">Extinções</li>
        <li onclick="location.href='./paginas/parques-naturais.html'">Parques naturais</li>
        <li onclick="location.href='./paginas/formulario.html'">Formulário</li>
      </ul>
      <label class="label-icon" for="menu-control" >
          <img src="./images/menu.svg" alt="ícone de um menu" />
      </label> 
    </nav>   
    <h1>Extinções</h1>
    <div>
      <img class="img-fauna" src="images/fauna.png" alt="Imagem de fauna silvestre">
    </div>
    <footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
  </div>
 </body>
 </html>
--- a/menu.svg
+++ b/menu.svg
@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="24" height="4" rx="2" fill="#515070"/>
 <rect y="10" width="24" height="4" rx="2" fill="#515070"/>
 <rect y="20" width="24" height="4" rx="2" fill="#515070"/>
 </svg>
--- a/netuno.png
+++ b/netuno.png