codeup-web-exercises/parks.html at main · mononoke813/codeup-web-exercises · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Parks</title>

</head>
<body>

<h1>National Parks FAQ</h1>
<div>
    <h3>National Park</h3>
    <ul data-ul>
        <li data-li="1">Alias facere laborum recusandae reiciendis ut!</li>
        <li data-li="2">Alias facere laborum recusandae reiciendis ut!</li>
        <li data-li="3">Alias facere laborum recusandae reiciendis ut!</li>
        <li data-li="4">Alias facere laborum recusandae reiciendis ut!</li>
    </ul>
</div>
<div>
    <h3>National Park</h3>
    <ul data-ul>
        <li data-li="1">Accusantium autem consequuntur deleniti dolorem, doloremque exercitationem id in ipsa itaque
            molestias necessitatibus perferendis quia sunt.
        </li>
        <li data-li="2">Accusantium autem consequuntur deleniti dolorem, doloremque exercitationem id in ipsa itaque
            molestias necessitatibus perferendis quia sunt.
        </li>
        <li data-li="3">Accusantium autem consequuntur deleniti dolorem, doloremque exercitationem id in ipsa itaque
            molestias necessitatibus perferendis quia sunt.
        </li>
        <li data-li="4">Accusantium autem consequuntur deleniti dolorem, doloremque exercitationem id in ipsa itaque
            molestias necessitatibus perferendis quia sunt.
        </li>
    </ul>
</div>
<div>
    <h3>National Park</h3>
    <ul data-ul>
        <li data-li="1">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
        <li data-li="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
        <li data-li="3">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
        <li data-li="4">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
    </ul>
</div>

<div class="col flex-grow-0 flex-shrink-1">
    <button id="change-last-li" class="btn btn-primary text-nowrap">li changer button
    </button>
</div>

<dl>
    <dt>How many people visit the national parks?</dt>
    <dd>Total recreation visitors to the national parks in 2018: 318,211,833.</dd>

    <dt>How old is the National Park System?</dt>
    <dd>The National Park Service was created by an act signed by President Woodrow Wilson on August 25, 1916.</dd>

    <dt>How many employees are in the National Park Service?</dt>
    <dd>Permanent, temporary, and seasonal employees: More than 20,000</dd>

    <dt>What is the origin of the National Park Service arrowhead?</dt>
    <dd>The arrowhead was authorized as the official National Park Service emblem by the Secretary of the Interior on
        July 20, 1951.
    </dd>

    <dt>How many areas are in the National Park System?</dt>
    <dd>The system includes 419 areas covering more than 85 million acres in every state, the District of Columbia,
        American Samoa, Guam, Puerto Rico, and the Virgin Islands.
    </dd>

    <dt>What is the largest national park site?</dt>
    <dd>Wrangell-St. Elias National Park and Preserve, AK, at 13.2 million acres.</dd>

    <dt>What is the National Park Service budget?</dt>
    <dd>Fiscal Year (FY) 2014 Enacted: $2.98 billion.</dd>

    <dt>Can I bring my pet to a national park?</dt>
    <dd>Some national parks welcome pets—in developed areas, on many trails and campgrounds, and in some lodging
        facilities.
    </dd>

    <dt>How do I apply for a job with the National Park Service?</dt>
    <dd>National Park Service jobs, including both permanent and seasonal positions, are listed on USAJOBs.</dd>

    <dt>What do I need to know about driving off road in national parks?</dt>
    <dd>Before you head out, check with the national parks that you intend to visit. In many national parks, off-road
        driving is illegal. Where off-road driving is allowed, the National Park Service regulates it.
    </dd>
</dl>
<script src="./js/parks.js"></script>
</body>
</html>