-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
400 lines (370 loc) · 18.5 KB
/
Copy pathindex.html
File metadata and controls
400 lines (370 loc) · 18.5 KB
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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, width=device-width" />
<link rel="stylesheet" href="./global.css" />
<link rel="stylesheet" href="./index.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@500;600;700;800;900&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Sansita One:wght@400&display=swap"
/>
<link rel="stylesheet" type="text/css" href="assets/css/alpine.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="assets/Javascript/alpine.js"></script>
<script src="assets/Javascript/geolocatio.js"></script>
<title>ALPINE Ascents</title>
</head>
<body>
<div id="home1" class="desktop-1">
<div class="bg-parent">
<div class="bg">
<img
class="unsplashejqlf0givq8-icon"
alt=""
src="images/fabrizio-conti-EJQlF0GIvq8-unsplash.jpg"
/>
<div class="bg1"></div>
</div>
<img
class="unsplashejqlf0givq8-icon1"
alt=""
src="images/fabrizio-conti-EJQlF0GIvq8-unsplash.jpg"
/>
<div class="did-you-know-page-contents">
<div class="did-you-know">Did you know?</div>
<div class="early-attempts-to-container">
<p class="early-attempts-to">
Early attempts to ascend mountain peaks were inspired by other
than sporting motives: to build altars or to see if spirits
actually haunted once-forbidden heights, to get an overview of
one’s own or a neighbouring countryside, or to make meteorological
or geological observations. Before the modern era, history
recorded few attempts to ascend mountain peaks for the mere sake
of the accomplishment. During the 18th century a growing number of
natural philosophers—the scientists of their day—began making
field trips into the Alps of Europe to make scientific
observations. The area around Chamonix, France, became a special
attraction to those investigators because of the great glaciers on
the Mont Blanc chain.
</p>
<p class="early-attempts-to">
Mountaineering differs from other outdoor
<a
class="sports"
href="https://www.britannica.com/sports/sports"
target="_blank"
><span class="sports1">sports</span></a
>
in that nature alone provides the field of action—and just about
all of the challenges—for the participant. Climbing mountains
embodies the thrills produced by testing one’s courage,
resourcefulness, cunning, strength, ability, and stamina to the
utmost in a situation of
<a
class="sports"
href="https://www.merriam-webster.com/dictionary/inherent"
target="_blank"
><span class="sports1">inherent</span></a
>
risk. Mountaineering, to a greater degree than other sports, is a
group activity, with each member both supporting and supported by
the group’s achievement at every stage. For most climbers, the
pleasures of mountaineering lie not only in the “conquest” of a
peak but also in the physical and spiritual satisfactions brought
about through intense personal effort, ever-increasing
proficiency, and contact with natural grandeur.
</p>
</div>
</div>
</div>
<img
class="unsplash0xho26jb8dk-icon"
alt=""
src="images/henry-xu-0XHo26Jb8dk-unsplash.jpg"
/><img
class="unsplashyyfwukzv5fm-icon"
alt=""
src="images/jason-hogan-YyFwUKzv5FM-unsplash.jpg"
/><img
class="unsplashnikdyh6iya0-icon"
alt=""
src="images/jan-kohl-NIKDyh6iya0-unsplash.jpg"
/>
<div class="youll-surely-enjoy-this-exper-parent">
<b class="youll-surely-enjoy-container"
><p class="early-attempts-to">
<span class="youll-surely">You’ll Surely </span
><span class="enjoy">Enjoy</span><span> This</span>
</p>
<p class="early-attempts-to">Experience</p></b
>
<div class="mountaineering-also-called-container">
<p class="early-attempts-to">
Mountaineering, also called mountain climbing, the sport of
attaining, or attempting to
</p>
<p class="early-attempts-to">
attain, high points in mountainous regions, mainly for the pleasure
of the climb. Although
</p>
<p class="early-attempts-to">
the term is often loosely applied to walking up low mountains that
offer only moderate
</p>
<p class="early-attempts-to">
difficulties, it is more properly restricted to climbing in
localities where the terrain and
</p>
<p class="early-attempts-to">
weather conditions present such hazards that, for safety, a certain
amount of previous
</p>
<p class="early-attempts-to">
experience will be found necessary. For the untrained,
mountaineering is a dangerous
</p>
<p class="early-attempts-to">pastime.</p>
</div>
<div class="learn-more">
<button class="learn-more-btn">Learn More</button>
<div class="learn-moredefault">
<div class="learn-moredefault-child"></div>
<div class="learn-more1">
<p class="early-attempts-to">Learn More</p>
</div>
</div>
<div class="learn-more3">
<p class="early-attempts-to">Learn More</p>
</div>
</div>
</div>
<div class="homepage">
<div class="bg2">
<img
class="unsplashhkhcv41gopa-icon"
alt=""
src="images/unsplashmountain.jpg"
/>
<div class="bg-child"></div>
</div>
<div class="logo">
<img
class="phmountains-bold-icon"
alt=""
src="assets/svgs/Vector.svg"
/>
<div class="alpine-ascents">Alpine Ascents</div>
</div>
<div class="menu-items">
<b class="home">Home</b><b class="about-us">About Us</b
><b class="pages">Pages</b><b class="contact-us">Contact Us</b>
<div class="home1"><b class="home2"><a href="http://127.0.0.1:5500/alpine.html#">Home</a></b></div>
<div class="about-usdefault"><b class="home2"> <a href="#"> About Us </a></b></div>
<div class="pages-selector">
<div class="pages-parent">
<b class="history">Pages</b
><img class="frame-child" alt="" src="./public/polygon-1.svg" />
</div>
<div class="frame-parent">
<div class="history-wrapper"><b class="history">History</b></div>
<div class="history-wrapper">
<b class="typesstyles">Types&Styles</b>
</div>
<div class="history-wrapper">
<b class="techniques">Techniques</b>
</div>
<div class="history-wrapper">
<b class="history">Sheltering</b>
</div>
</div>
</div>
<div class="contact-us1"><b class="home2">Contact Us</b></div>
</div>
<div class="discover-button">
<div class="discover-button1">
<img
class="arrowupright-icon"
alt=""
src="assets/svgs/arrow-up-right.svg"
/><img
class="arrowupright-icon"
alt=""
src="assets/svgs/arrow-up-right.svg"
/>
<div class="discover-more">DISCOVER MORE</div>
<div class="discover-more1">DISCOVER MORE</div>
</div>
<img
class="arrowupright-icon2"
alt=""
src="assets/svgs/arrow-up-right.svg"
/>
<div class="discover-more2"><a href="#history" >DISCOVER MORE </a></div>
</div>
<div class="content">
<div class="providing-the-best">
Providing the best experience for you
</div>
<b class="lets-enjoy-the"
>let's enjoy the pleasures of nature together</b
>
<div class="climb-the-mountain">
“Climb the mountain not to plant your flag, but to embrace the
challenge, enjoy the air and behold the view. Climb it so you can
see the world, not so the world can see you.” - David McCullough Jr.
<div id="ticker"></div>
</div>
</div>
</div>
</div>
</head>
<div id="history">
<title>History| Alpine Ascents history.</title>
<body>
<header class="history">
<!-- Primary NAvigation -->
</header>
<main>
<section class="history-section">
<h1 class="history-header-one">
History
</h1>
<div class="overview">
<h3 class="history-overview">
Overview
</h3>
<p>The Alpine Ascents is an outdoor community teaching you skills to explore the outdoors safely and responsibly. Founded in 1906, we've been
getting people of all ages outside for over 100 years. We are passionate about building a community of people who are knowledgeable and care about the outdoors.
We work to protect the outdoor experience for generations to come. </p>
<p><span>Our mission is to enrich the community by helping people explore, conserve learn about, and enjoy the lands and waters of the Pacific Northwest and beyond.</span></p>
</div>
<div class="history-header-two">
<h3 class="history-header-two-sub">
History
</h3>
<p style="margin-top: 1.2rem;">The Alpine Ascents played a pivotal role in the growth of the greater outdoor community in the Pacific Northwest.
Many of today's recreational resources came from actions and activities of early Alpine Ascents members, including the creation of trails, wilderness areas,
and national parks. Our members were also critical in the development of alpine skiing in the Cascades, climbing courses in the U.S., and founding the national
Mountain Rescue Association. </p>
<div class="historical-records">
<h2>Historical records and artififacts</h2>
<p>We have a rich catalog of historical items available online:</p>
<ul class="historical-records-lists">
<li>Artifacts</li>
<li>Collections</li>
<li>Digitals Archives</li>
<li>Maps</li>
<li>Orals Histories</li>
<li>Periodicals</li>
<li>You can also explore our club records in the UW Special Collections or view our unique look at history through our <a style="color: blue; text-decoration: none;" href="https://www.youtube.com/embed/41qRnaub3QI" title="Click to watch video">Video</a> our entire history archive managed by Volunteer Historian Lowell Skoog. </li>
</ul>
</div>
</div>
<div class="mission">
<h3 class="history-mission">
Northwest inging Journal
</h3>
<p>The mission of the <i>Northwest Alpine Ascents Journal</i> is to be an edited, permanent, annual record of Alpine Ascents in the Pacific Northwest. The journal documents the events, people, history and spirit of climbing and other mountain sports in this region. The journal is published by volunteers from the Alpine Ascents community in collaboration with The Alpine Ascents and is spearheaded by Lowell Skoog. </p>
<p>Access the <i>Northwest Alpine Ascents Journal</i> to view outdoor pursuits dating back to 2004.</p>
</div>
<div class="library">
<h3 class="history-library">
The Alpine Ascents Library
</h3>
<p>The Alpine Ascents library is currently being reorganized and restructured by our History committee. Our vast collection of historical items has been combed through with an eye toward retaining items reflecting The Alpine Ascents core activities in the Pacific Northwest (climbing, hiking, skiing, conservation, etc.). Titles outside of this scope are being donated to an appropriate home, and the titles within this scope are being retained in various forms. Eventually, we hope to make all of the titles accessible to researchers, but currently most of them are in boxes waiting to be re-shelved and re-cataloged. This process is being carried out by volunteers with limited time to devote to the project and will be completed when they have time. </p>
<p>Many of the collection remains at the Seattle Program Center. The Alpine Ascents Annuals and monthly Bulletins are held at The Alpine Ascents Seattle Program Center in the upstairs archives. They are neatly arranged in bookcases, and available for research use during regular business hours, Monday-Friday, 9-5pm. An incomplete catalog of the archives can be found here. For historical membership collection, click here.</p>
<p>Other items are being stored with the University of Washington Special Collections. The Alpine Ascents has a longstanding relationship with the UW, which houses our area’s largest collection of Pacific Northwest Alpine Ascents information. Alpine Ascents members have access to the collection, which includes almost all of the Alpine Ascents Annuals, through a reciprocal agreement with UW Special Collections. To access those documents, visit the Special Collections website or visit them in person at Allen Library South, University of Washington, Seattle. Contact Nicolette Bromberg at for more information.</p>
<p>The Olympia Branch also maintains their own library. Learn more on the </p>
<p>We are not currently accepting book donations for the library or any of our courses. Please reach out to your local library to donate any Alpine Ascents guidebooks or narratives. If you believe you have something of historical significance please reach out to the history chair Lowell Skoog.</p>
</div>
<div class="registration">
<h3 class="history-registration">
Summit Registers
</h3>
<p>The mission of the <i>Northwest Alpine Ascents Journal</i> is to be an edited, permanent, annual record of Alpine Ascents in the Pacific Northwest. The journal documents the events, people, history and spirit of climbing and other mountain sports in this region. The journal is published by volunteers from the Alpine Ascents community in collaboration with The Alpine Ascents and is spearheaded by Lowell Skoog. </p>
<p>Access the <i>Northwest Alpine Ascents Journal</i> to view outdoor pursuits dating back to 2004.</p>
</div>
<div class="registration-two">
<h3 class="history-registration-two">
We are Alpine Ascents
</h3>
<p> <iframe width="560" height="315" src="https://www.youtube.com/embed/41qRnaub3QI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer"></div>
</footer>
</body>
</html>
<html>
<body>
<div class="component-1-parent">
<div class="component-1">
<div class="property-1rectangle-1">
<div class="property-1rectangle-1-child"></div>
<img class="social-icon" alt="" src="./public/social.svg" />
<div class="copyright-2023">Copyright @2023</div>
</div>
<div class="property-1footer-cols">
<div class="footer-column-subscribe">
<div class="form">
<div class="input-background"></div>
<div class="placeholder"> Enter your Email</div>
<div class="button">
<div class="subscribe"><a href="#"> Subscribe </a></div>
</div>
</div>
<div class="subscribe-to-our">Subscribe to our Newsletter</div>
<b class="alpine-ascents-f">ALPINE ASCENTS</b>
</div>
<div class="footer-column">
<div class="contact-us-f">Contact Us</div>
<div class="blog">Blog</div>
<div class="terms-and-condition">Terms and Condition</div>
<div class="privacy-policy">Privacy Policy</div>
<div class="resources">Resources</div>
</div>
<div class="footer-column1">
<div class="testimonial">Testimonial</div>
<div class="why-choose-us">Why Choose us</div>
<div class="about-us-f">About Us</div>
<div class="company">Company</div>
</div>
</div>
</div>
</div>
</body>
<html>
<body>
<div>
<div id="map"></div>
<section ng-controller="myController" ng-repeat="x in clubs">
<article ng-if="$odd">
<img src="{{x.image}}" alt="" class="club_pic">
<div class="club_dits">
<p class="club_story">{{x.story}}</p>
<p class="club_name" style="color: #FE9B83">{{x.name}}</p>
</div>
</article>
<article ng-if="$even" style="flex-direction: row-reverse;">
<img src="{{x.image}}" alt="" class="club_pic">
<div class="club_dits">
<p class="club_story">{{x.story}}</p>
<p class="club_name" style="color: #FE9B83">{{x.name}}</p>
</div>
</article>
</section>
</div>
</body>
</html>