codeup-web-exercises/jquery_faq.html at main · lexibor/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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FAQ</title>


  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300&display=swap" rel="stylesheet">


  <link rel="stylesheet" href="./css/jquery_faq.css">
  <link rel="stylesheet" href="./css/stylesheet.css">


</head>
<body>

<div class="page-wrapper">
  <div class="container">
    <div class="row">
      <div class="column">
<!--        <img src="img/Glacier-National-Park-Montana.webp">-->
        <div class="title">Top Ten Questions about Glacier National Park</div>
        <dl class="center">

          <div class="fact-content">
            <dt class="question">1. Where is Glacier National Park located?</dt>
            <dd class="invisible answer">Glacier National Park is located in northwestern Montana on the U.S./Canadian border. Access to the park from the east and west is along U.S. Highway 2. Park headquarters is located in West Glacier.</dd>
          </div>

          <div class="fact-content">
            <dt class="question">2. When is the park open?</dt>
            <dd class="invisible answer">Glacier National Park is open year-round, 24 hours a day. In the fall winter and spring, some roads are inaccessible by car due to snow.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">3. What does it cost to enter the park?</dt>
            <dd class="invisible answer">Glacier National Park is open year-round, 24 hours a day. In the fall winter and spring, some roads are inaccessible by car due to snow.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">4. Where are the closest airports to the park? <br> Is there transportation from the airports to the park?</dt>
            <dd class="invisible answer">Glacier Park International Airport in Kalispell, Montana is 25 miles west of park headquarters in West Glacier, Montana.</dd>
          </div>


          <div class="fact-content">

            <dt class="question">5. What is the closest train station to the park?</dt>
            <dd class="invisible answer">Amtrak rail lines parallel the southern and southwestern borders of the park. Amtrak stops at West Glacier (Belton), East Glacier (summer only), and Essex (upon request).</dd>
          </div>


          <div class="fact-content">
            <dt class="question">6. What transportation is available within the park?</dt>
            <dd class="invisible answer">In addition to private automobiles, guided tours are available in the main sections of the park. Contact Glacier Park, Inc. and Sun Tours for information (see addresses and telephone numbers below). Rental cars are available in neighboring communities.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">7. Where are the visitor centers located in the park?</dt>
            <dd class="invisible answer">Visitor centers are located in Apgar, Logan Pass, and St. Mary. Each of these visitor centers, as well as the Many Glacier and Two Medicine Ranger Stations, have park rangers on duty throughout the summer months to answer questions and provide information. During the winter months, Apgar Visitor Center is open on week-ends.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">8. Do you have campgrounds in the park? Can I make a reservation?</dt>
            <dd class="invisible answer">Glacier National Park has 13 campgrounds, which provide just over 1000 campsites. Most of the campgrounds are operated on a "first come, first serve" basis. Fish Creek and St. Mary Campgrounds will be available for reservation by calling 1-800-365-2267. Click here for more detailed information on camping.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">9. Is it possible to reserve a backcountry campsite?</dt>
            <dd class="invisible answer">Reservations for backcountry campsites may be made in advance, beginning April 1 for the upcoming summer. For further information on backcountry camping and for making reservations, visit our website section on Backcountry Camping.</dd>
          </div>


          <div class="fact-content">
            <dt class="question">10. Can I drive my RV along the Going-to-the-Sun Road?</dt>
            <dd class="invisible answer">Vehicles, and vehicle combinations, longer than 21 feet (including bumpers) or wider than 8 feet (including mirrors) are prohibited between Avalanche Campground and the Sun Point parking area. You may however, drive to Avalanche if traveling east, and to Sun Point, if traveling west. Vehicles over 10 feet in height may have difficulty driving west from Logan Pass due to rock overhangs. Stock trucks and trailers may access Packers Roost and Siyeh Bend.</dd>
          </div>


        </dl>
      </div>
    </div>

    <div class="row">
      <div class="column center" id="fun-facts">

        <div>
          <h3>Agate Fossil Beds National Monument</h3>
          <ul>
            <li>Originally the Agate Springs Ranch</li>
            <li>Was a working Cattle Ranch</li>
            <li>Owned by Cpt. James Cook</li>
            <li>Has fossils of Miocene mammals</li>
          </ul>
        </div>

       <div>
          <h3>Glacier National Park</h3>
          <ul>
            <li>A part of the world’s first international peace park</li>
            <li>Straddles the Continental Divide, allowing for extreme weather</li>
            <li>Evidence of human use in the area dates back over 12,000 years</li>
            <li>The largest glacier in the park is 0.7 square miles</li>
          </ul>
        </div>

       <div>
          <h3>Kenai Fjord National Park</h3>
          <ul>
            <li>Has the largest icefield in the United States</li>
            <li>The Earliest Peoples To Inhabit The Area Were The Alutiiq Of The Outer Kenai Coast</li>
            <li>Over 50% Of Kenai Fjords Is Covered By Ice</li>
            <li>The Exxon Valdez Oil Spill Still Impacts Kenai Fjords Today</li>
          </ul>
        </div>

          <button id="highlight">Highlight last facts</button>


      </div>
    </div>

      <div class="row" id="images">
              <div class="column">
                  <img src="img/arriety-house.jpeg" class="images">
              </div>


              <div class="column">
                  <img src="img/mononoke-spirits.jpeg" class="images">
              </div>


              <div class="column">
                  <img src="img/totoro-sunflower.jpeg" class="images">
              </div>
      </div>

      <div class="row" id="buttons">

          <div class="column"><button class="swap" id="btn-1">Swap</button></div>
          <div class="column"><button class="swap" id="btn-2">Swap</button></div>
          <div class="column"><button class="swap" id="btn-3">Swap</button></div>

      </div>

  </div>

</div>


<script src="/js/jquery-3.6.3.js"></script>
<script src="/js/jquery_faq.js"></script>

</body>
</html>