Páginas

3 years ago · 1e0777b745
--- a/formulario.html
+++ b/formulario.html
@ -0,0 +1,74 @@
 <!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/formulario.css" />           
 </head>
 <body>  

  <div class="formulario-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='./extincoes.html'">Extinções</li>
        <li onclick="location.href='./parques-naturais.html'">Parques naturais</li>
        <li onclick="location.href='#'">Formulário</li>
      </ul>

      <label class="label-icon" for="menu-control" >
          <img src="../images/menu.svg" alt="ícone de um menu" />
      </label> 

    </nav>   

    <h1>Formulário</h1>    

    <div class="form-content">

        <fieldset>
            <legend>Animal em extinção</legend>

            <form target="frame" action="pagina-sucesso.html" >
                <table>
                    <tr>
                        <td>Nome do animal:</td>
                        <td><input type="text"  />   </td>
                    </tr>
                    <tr>
                        <td>Quantidade:</td>
                        <td><input type="text"  />   </td>
                    </tr>
                    <tr>
                        <td>Nome do parque:</td>
                        <td><input type="text"  />   </td>
                    </tr>
                    <tr>
                        <td>Estado:</td>
                        <td><input type="text"  />   </td>
                    </tr>    
                </table>
                 
                <button type="submit" >Enviar</button>

            </form>    

        </fieldset>

        <iframe src="" name="frame" id="frame"></iframe>

    </div>

    <footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>

  </div>

 </body>
 </html>
--- a/pagina-sucesso.html
+++ b/pagina-sucesso.html
@ -0,0 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
  <title>Sucesso</title>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <link rel="stylesheet" type="text/css" href="../css/formulario.css" />           
 </head>
 <body>  

  <div class="msg-sucesso">
      
    <div>Salvo com sucesso!!</div>

  </div>

 </body>
 </html>
--- a/parques-naturais.html
+++ b/parques-naturais.html
@ -0,0 +1,78 @@
 <!DOCTYPE html>
 <html>
 <head>
  <title>Parques naturais</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/parques-naturais.css" />     
 </head>
 <body >

  <div class="parques-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='./extincoes.html'">Extinções</li>
        <li onclick="location.href='#'">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>
    
    <div class="table-content">
      <div>
        <caption><a class="caption">Parques naturais</a></caption>
        <table>
          <tr>
            <th>Nome</th>
            <th>Área (m2)</th>
            <th>Local</th>
          </tr>
          <tr>
            <td>Parque Nacional da Serra da Capivara</td>
            <td>1.291.000.000</td>
            <td>Piauí</td>
          </tr>
          <tr>
            <td>Parque Estadual de Dois Irmãos</td>
            <td>3.874.000</td>
            <td rowspan="2">Pernambuco</td>
          </tr>
          <tr>
            <td>Parque Ecológico da Serra Negra</td>
            <td>32.400</td>
          </tr>
          <tr>
            <td>Parque Nacional de Ubajara</td>
            <td>5.630.000</td>
            <td>Ceará</td>
          </tr>
          <tr>
            <td>Parque Nacional Marinho de Abrolhos</td>
            <td>913.000.000</td>
            <td>Bahia</td>
          </tr>
          <tr class="colspan">
            <td colspan="3">Somatório das áreas: 2.213.536.400 m2</td>
          </tr>
        </table>
      </div>
    </div>

    <footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>


  </div>

 </body>
 </html>