escolha-seu-pokemon/index.html at main · JonasJesus42/escolha-seu-pokemon · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pokémon</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div>
        <header> <img src="/logo.svg">
            <h1>Faça sua escolha</h1>
        </header>
    </div>
    <div>
        <section class="componente esconder">
            <section id="squirtle" class="card">
                <img src="/sqrirel.svg">
            </section>
            <section>
                <h2>Squirtle</h2>
                <h3>Tipo: Água</h3>
                <h3>Ataque: Aqua Tail </h3>
                <h3>Ataque: Water Pulse </h3>
                <h3>Ataque: Return Purified </h3>
                <button id="squirbtn">ESCOLHER</button>
            </section>
        </section>
        <section class="componente esconder">
            <section id="bulbasours" class="card">
                <img src="/bulbasours.svg">
            </section>
            <h2>Bulbasours</h2>
            <h3>Tipo: Planta</h3>
            <h3>Ataque: Folhas de Navalha </h3>
            <h3>Ataque: Cavar </h3>
            <h3>Ataque: Chicotes de Vinha </h3>
            <button id="bulbabtn">ESCOLHER</button>
        </section>
        <section class="componente esconder">
            <section id="charmander" class="card ">
                <img src="/charmander.svg">
            </section>
            <h2>Charmander</h2>
            <h3>Tipo: Fogo</h3>
            <h3>Ataque: Flamethrower </h3>
            <h3>Ataque: Flame Charge </h3>
            <h3>Ataque: Flame Burst </h3>
            <button id="charbtn">ESCOLHER</button>
        </section>
    </div>
    <script src="/script.js"></script>
</body>

</html>