f23_common_project_starter_code/travel.html at main · UMSIComplexWebDesign/f23_common_project_starter_code · 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
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Travel</title>
</head>
<body>
    <a href = "">Skip to Main Content</a>


    <main>
        <div>
            <h2>Yellowstone</h2>

            <img src="images/yellowstone_cauldron.gif" width="400" alt="Bubbling cauldron.">
            <img src="images/yellowstone_cauldron.jpg" width = "400" alt="Bubbling cauldron">

            <h3>Geographical Location: North America</h3>
            <p>Yellowstone is the first national park in the United States. It covers over 2.2 million acres, and provides an opportunity to see wildlife and explore geothermal areas.  In fact, Yellowstone contains about half the world's active geysers.</p>
            <p>These unique opportunities also bring out a lot of bad decisions among the tourists.  Every year visitors injure themselves or the wildlife by getting close to the animals.  You  can see examples of people making bad decisions by visiting <a href ="https://www.facebook.com/groups/yellowstonenationalparkinvasionoftheidiots/">Yellowstone National Park: Invasion of the Idiots</a>, <a href="https://www.instagram.com/touronsofyellowstone/?hl=en">Tourons of Yellowstone</a>, or  <a href="https://cowboystatedaily.com/">Cowboy State Daily</a>.</p>

            <h3>Photo Gallery</h3>
            <figure>
                <img src="images/yellowstone_travertine.JPG" width = "200" alt="A large mound of multi-colored travertine">
                <figcaption>Mammoth Hot Springs has a number of actively forming Travertine terraces.</figcaption>
            </figure>

            <figure>
                <img src="images/yellowstone_sunset.jpg" width = "200" alt="Sunset over mountains with some charred trees in the foreground">
                <figcaption>The drive to Lamar Valley requires some dangerous roads.  But the result is amazing sunset views.</figcaption>
            </figure>


            <figure>
                <video width="200"  controls>
                    <source src="images/yellowstone_prism.MOV">
                    Your browser does not support the video tag.
                </video>
                <figcaption>The multicolored layers get their hues from different species of bacteria living in the cooler water around the spring.</figcaption>
            </figure>


            <figure>
                <video width="200"  controls>
                    <source src="images/yellowstone_buffalo.MOV">
                    Your browser does not support the video tag.
                </video>
                <figcaption>The buffalo were so common along the roads in Yellowstone that our mantra became "If it ain't lickin the car, we aren't stopping."</figcaption>
            </figure>

            <figure>
                <img src="images/yellowstone_sulphur_springs.JPG" width = "200" alt="A large spring with clouds of sulfur smoke rising from it.">

                <figcaption>If you can handle the odor, the Yellowstone Sulphur Springs is a great place to hike.</figcaption>
            </figure>
            <!-- Colleen van Lent -->
        </div>
        <div></div>
        <div></div>
        <div></div>

    </main>
</body>
</html>