<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/sty.css">
    <title>CONHEÇA ALGUNS POKEMONS</title>
</head>
<input type="button" value="Retorna a Pagina Anterior" onClick="history.go(-1)"> 

<figure>
<img  src = "img/logo.png" />
</figure>

<body>
    <figure>
        <img  src = "img/Pokebola.png" />
        </figure>
   
    <h1 id="detalhes"><%= det %></h1>

           <body>
            <h1>PIKACHU</h1>
            <div class="container stretch">
            
            <div class="item">
               
           
      <img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTlM5fl425giuv86gjsleqvjA5vL4b0Rm7twQdlr1L_6LMjiJ_KMIZcYuEJRTC3hGZy6-E&usqp=CAU" />
    
      <h1>DESCRIÇÃO:</h1>
      <p> Pikachu é um pokémon de cor Amarelada.
        Pokémon tipo elétrico são fortes contra
        pokémon do tipo Água, Voador mas eles 
        são fracos contra pokémon do tipo Elétrico.</p>
    
        <div class="container flex-start">
          <div class="item1">
              
              <table border="6"= "center">
               <tr>
                <th>Caracteristicas</th>
             </tr>
             <tr>
                 <td>Altura:  0.4m </td>
             </tr>
             <tr>
                <td>Peso: 6kg</td>
            </tr>
            <tr>
                <td>Categoria: eletrico</td>
            </tr>
            <tr>
                <td>Habilidade:<br>
                    velocidade -- 90<br>
                    ataque -- 55 <br>
                    defesa -- 40 <br>
                    ataque especial -- 50<br>
                    defesa especial -- 50<br>
                </td>
    
            </tr>
        
              </table>
      
             
             
    <button onClick="changeImage()">Evolução</button>
        
    </div>
    
    <h1>EEVEE</h1>
    <div class="container flex-end">
        <div class="item">
           
       
    <img id="img" src="https://www.imagensanimadas.com/data/media/1446/pokemon-imagem-animada-0032.gif" />
    
    <h2>DESCRIÇÃO:</h2>
    <p> Eevee é um dos Pokémon mais populares da franquia,
        seja pela presença em várias das gerações da série
        ou pela variedade de tipos que o monstrinho evolui.</p>
    
    
    <div class="container center">
      <div class="item">
          
          <table border="6"= "center">
           <tr>
            <th>Caracteristicas</th>
         </tr>
         <tr>
             <td>Altura:  0.4m </td>
         </tr>
         <tr>
            <td>Peso: 6kg</td>
        </tr>
        <tr>
            <td>Categoria: eletrico</td>
        </tr>
        <tr>
            <td>Habilidade:<br>
                velocidade -- 90<br>
                ataque -- 55 <br>
                defesa -- 40 <br>
                ataque especial -- 50<br>
                defesa especial -- 50<br>
            </td>
    
        </tr>
    
          </table>
    
    
    <button onClick="changeImg()">Evolução</button>
    
    </div>
        

    <script src="/js/js.js"></script>


 </body>
    
</html>