transitions-exercise/index.html at master · mfrcodingproject/transitions-exercise · 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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Transitions & Animations</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <header>
            <div class="main-container">
                <nav>
                    <ul>
                        <li>Nav 1</li>
                        <li>Nav 2</li>
                        <li>Nav 3</li>
                    </ul>
                </nav>
            </div>
        </header>
        <main>
            <div class="main-container">
                <h2>Cool Iguana</h2>
                <div class="ov-hidden">
                    <img src="img/main-foto.jpg" alt="Main photo">
                </div>
                <div class="show-more-info">
                    <h3>Do you want to know more?</h3>
                    <p class="more-info">
                        The green iguana (Iguana iguana), also known as the American iguana, is a large, arboreal, mostly herbivorous species of lizard of the genus Iguana. Usually, this animal is simply called the iguana. The green iguana ranges over a large geographic area; it is native from southern Brazil and Paraguay as far north as Mexico and the Caribbean islands, and have been introduced from South America to Puerto Rico and are very common throughout the island, where they are colloquially known as gallina de palo and considered an invasive species; in the United States feral populations also exist in South Florida (including the Florida Keys), Hawaii, the U.S. Virgin Islands and the Rio Grande Valley of Texas.
                    </p>
                </div>
            </div>
        </main>
    </body>
</html>