-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
889 lines (800 loc) · 51 KB
/
index.html
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
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
<!DOCTYPE html>
<html>
<head>
<title>Mountaineering</title>
<link rel="icon" href="img/logo2.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Shojumaru&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/app.css">
<style>
</style>
</head>
<body>
<div class="container">
<!-- khoi menu -->
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a href="index.html">
<img src="img/logooooooo.png" alt="logo" width="130" style="padding-left: 3rem;"></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right " style="margin-right: 1rem; margin-top: 3rem;">
<li><a href="index.html">Home</a></li>
<li><a href="guideline.html">Guideline</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">About Mountaineering <span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="history.html">History</a></li>
<li><a href="types.html">Types</a></li>
<li><a href="techniques.html">Techniques</a></li>
<li><a href="sheltering.html">Sheltering</a></li>
<li><a href="hazards.html">Hazards</a></li>
</ul>
</li>
<li><a href="organizations.html">Organizations</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
<!-- ket thuc khoi menu -->
<div style="margin-top: 10rem;"></div>
</div>
<div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="img/img home/Dinh-Fansipan-Sapa.png" alt="" style=" width:100%; height: 450px ;">
<div class="carousel-caption">
<h3>The mountains are calling and I must go</h3>
<p><a class="btn btn-lg btn-primary"
href="https://www.travelinglifestyle.net/must-visit-world-mountain-climbing-destinations/"
role="button" target="_blank">View More</a></p>
</div>
</div>
<div class="item">
<img src="img/img home/pexels-pixabay-210243.jpg" alt="" style=" width:100%; height: 450px ;">
<div class="carousel-caption">
<h3>Compared to mountaineering, which is commonly practised with just a few people, climbing
has become a social sport—one that brings people together. This is best seen when
looking at some of the most important climbing events and festivals, where the focus
often lies as much in the get-together and social aspect, as in the climbing action.
</h3>
<p><a class="btn btn-lg btn-primary"
href="https://eu.vibram.com/en/learn-to-climb-with-vibram/climbing_events.html"
role="button" target="_blank">View More</a></p>
</div>
</div>
<div class="item">
<img src="img/img home/panoramic-shot-valley-base-cordillera-huyahuash-peru-with-its-peak-covered-snow.jpg"
alt="" style=" width:100%; height: 450px ;">
<div class="carousel-caption">
<h3>You can’t move mountains by whispering at them</h3>
<p><a class="btn btn-lg btn-primary"
href="https://www.outdoorresearch.com/blog/want-more-festless-sufferin-your-first-mountaineering-trip"
role="button" target="_blank">View More</a></p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="container">
<h1 class="text-center">New Developments</h1>
<!-- START THE FEATURETTES -->
<div class="row featurette">
<div class="col-md-7" style="text-align: justify;">
<h1 class="featurette-heading"><a href="https://www.ifsc-climbing.org/index.php/paraclimbing"
target="_blank">PARACLIMBING</a></h1>
<p>Paraclimbing is Sport Climbing for athletes with disabilities. Athletes are placed into a <a
href="https://www.ifsc-climbing.org/index.php/paraclimbing/classification" target="_blank">Sport
Class</a> Sport
Class based on their disability, to allow those with a disability of a similar nature to compete
within the same category.<br>
The IFSC has been hosting Paraclimbing competitions since 2006, when the first international event
saw athletes from four National Federations compete in Ekaterinburg, Russia. The movement has grown
in recent years, with a regular circuit being added to the IFSC calendar from 2010 and IFSC
Paraclimbing World Championships taking place from July 2011. It has become tradition that the IFSC
Paraclimbing World Championships run alongside the IFSC Climbing World Championships, promoting
athletes with a disability on the same stage as other athletes. Proud of the rapid growth of the
Paraclimbing community, and of the increasing standard of competitions, the IFSC remains dedicated
to developing and strengthening the competitions and support available to athletes.<br>
In 2017, the International Paralympic Committee (IPC) granted the IFSC the status of “Recognised
International Federation”.<br>
</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="img/img home/paraclimbing.jfif" width="450px"
height="400px" style="padding-top: 2rem;">
</div>
</div>
<p> In October 2018, a <a href="https://www.ifsc-climbing.org/index.php/paraclimbing/development"
target="_blank">plan</a> was elaborated
for developing the sport further. The plan was unanimously approved at the 2019 IFSC General
Assembly in Tokyo, Japan, officially declaring the start of a new era for Paraclimbing and its
vibrant, committed, and enthusiastic community.</p>
<div style="text-align: justify;">
<h1 class="text-center text-muted">PARACLIMBING ACHIEVEMENTS</h1>
<p>
<b>2020</b>
A set of Paraclimbing Routesetting Guidelines were created and published by the IFSC Paraclimbing
Committee.
Due to COVID-19 many Paraclimbing activities such as the Paraclimbing Classifier Course and first
Classification under the lead of IPC experts were postponed, but the rework of the Classification rules
and system according to the IPC Model Rules is ongoing.
</p>
<p>
<b>2019</b>
The Paraclimbing World Championships in Briançon, France, set new records, with 158 athletes (111 men
and 47 women) representing 24 different countries participating in the event.<br>
The IFSC General Assembly unanimously approved a <a
href="https://www.ifsc-climbing.org/index.php/paraclimbing/development" target="_blank">Paraclimbing
development
plan</a> in March 2019, with one step of the plan being to form a new <a
href="https://www.ifsc-climbing.org/index.php/2-uncategorised/55-paraclimbing-committee"
target="_blank">Paraclimbing
Committee</a> .<br>
A first Paraclimbing Routesetting Seminar was held in Sittard, the Netherlands, in November 2019.
</p>
<p>
<b> 2018</b>
The Paraclimbing World Championships in Innsbruck, Austria, had a new record participant number, with
126 athletes participating from 19 different countries.
</p>
<p>
<b> 2013 - 2017</b>
Paraclimbing world cups, Paraclimbing Masters, and Paraclimbing World Championships were held, with the
latter taking place every even year and including up to 72 athletes from 20 different countries.
The Paraclimbing Commission (disbanded in 2019) made various modifications to the Paraclimbing Rule and
Event Format. The Classification system was expanded up to 10 theoretical categories for men and women
to ensure a fair competition.
In 2017, the International Paralympic Committee (IPC) granted the IFSC the status of “Recognised
International Federation”.
</p>
<p>
<b>2012</b>
The Paraclimbing World Championships in Paris, France, saw 61 athletes from 20 different countries
competing - almost doubling the number of athletes and country representation from the previous year.
</p>
<p>
<b>2011</b>
The first IFSC Paraclimbing World Championships took place in Arco, Italy, with 35 athletes representing
11 different countries.
</p>
<p>
<b>2006</b>
The first international Paraclimbing event was held in Ekaterinburg, Russia.
</p>
</div>
<div class="row featurette">
<h1 class="featurette-heading"><a
href="https://www.climbingbusinessjournal.com/climbing-gyms-and-trends-2020/" target="_blank">Gyms
and Trends
2020</a></h1>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="img/img home/Climbing-covid.jpg" width="450px"
height="350px" alt="Generic placeholder image">
<small class=" center-block text-center text-muted "
style="margin-top: 1rem; font-style: italic;">COVID-19 mitigation efforts like face-masks became the
“new normal” at climbing gyms around the world. (Photo courtesy of The Spot)</small>
</div>
<div class="col-md-7" style="text-align: justify;">
<p>CBJ published that Gyms and Trends article in February, 2020. Approximately one month later,
operations in the climbing industry in North America—and throughout the world— began to change
drastically. A new factor emerged that became widespread and impactful at a scale never seen before
in the modern gym climbing era. Indeed, the COVID-19 pandemic hit with full force, and its major
effects are still challenging the climbing industry nearly one year later.</p> <br>
<p>
That first wave of the COVID-19 pandemic stateside in March 2020 proved to be as destructive as it
was unpredictable. Gym attendance everywhere plummeted as people became increasingly cognizant (and
in some cases increasingly fearful) of the Coronavirus’ transmissibility. Related to the gym
industry, the Tokyo Olympics—where climbing was set to make its highly-publicized debut—were
postponed. The annual Climbing Wall Association (CWA) Summit was cancelled and CWA, as the
industry’s trade association, shifted to providing ongoing pandemic-related resources and support,
including a roadmap for reopening.
</p>
</div>
</div>
<p>
To that point, the pandemic unified the industry, in a way, as gyms showed transparency in
exchanging information on CWA community calls and surveys, sharing protocols and data, offering
lessons learned and further problem solving together. In the United States, practically every
climbing gym in every state was deemed a “non-essential business” and forced to temporarily close at
some point in the spring or summer of 2020 as the Coronavirus continued to spread around the
country. Gyms eventually reopened with significant mitigation measures (such as reservation
time-slots, required face-masks, lowered capacities, and enforced social distancing…all of which
contributed to a “new normal” for the climbing gym experience).
</p>
<p>
Such collectivism by gyms was hardly a long-term silver lining, however; many gyms were forced to
temporarily close again in the fall of 2020 as another wave of the COVID-19 pandemic surged; some of those
gyms even chose to remain open, going against mandatory municipal orders and risking serious legal
penalties—all in an attempt to stay financially afloat.
</p>
<p>
The temporary closure of so many gyms amid stay-at-home orders did result in a boom for the homewall tier of
the climbing industry. As early as April, CBJ announced that the “Era of Home Climbing Walls” had arrived.
Indeed, 67 percent of homewall owners responding to an <a
href="https://www.climbingbusinessjournal.com/strati-climbing-home-wall-survey/" target="_blank">October
survey</a>
answered that they built their homewall in response to the pandemic. And since it is unlikely that many new
homewallers will choose to quickly disassemble their walls in a post-pandemic world, this widespread
interest in homewalls―as well as the uptick in at-home fitness offerings provided by gyms―will likely remain
a key part of the industry going forward.
</p>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<div class=" container marketing kyluc">
<h1 class="text-center title ">Some climbing records</h1>
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle center-block" src="img/img home/nhaleonui1.jfif" alt="Generic placeholder image"
width="140" height="140">
<h2>Nirmal 'Nims' Purja</h2>
<p style="text-align: justify;">Nationality: Nepali<br>
Born: 1983<br>
Nims Purja blasted through the world’s 14 highest mountains in little
more than six months in 2019 – which certainly gives him some pretty high credentials in the world
of mountaineering.<br>
The former Gurkha and soldier of the Special Boat Service (SBS) climbed Everest, Lhotse and Makalu
within two days and 30 minutes and smashed the previous 14 summits record of seven years, 11 months
and 14 days. In 2021 he was part of a team that completed the first summit of K2 in winter,
something that was often referred to as 'the last great mountaineering challenge.'
</p>
<p><a class="btn btn-default" href="https://en.wikipedia.org/wiki/Nirmal_Purja" role="button"
target="_blank">View
details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle center-block" src="img/img home/kyluc2.jfif" alt="Generic placeholder image"
width="140" height="140">
<h2>Reinhold Andreas Messner</h2>
<p style="text-align: justify;">Nationality: Italian <br>
Born: 1944<br>
Born September 17, 1944 is an Italian mountaineer, adventurer, explorer,
and author from the
autonomous Italian province of South Tyrol.<br>
He made the first trek of Mount Everest without supplemental oxygen, with Peter Habeler, and was the
first climber to climb all fourteen peaks above 8,000 meters above sea level. He was also the first
person to cross Antarctica and Greenland without a sled or dog sled. Furthermore, he had crossed the
Gobi desert alone. Messner also published more than 80 books about his experiences as a mountaineer
and adventurer.</p>
<p><a class="btn btn-default" href="https://vi.wikipedia.org/wiki/Reinhold_Messner" role="button"
target="_blank">View
details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle center-block" src="img/img home/nhaleonui3.jfif" alt="Generic placeholder image"
width="140" height="140">
<h2>Colin Haley</h2>
<p style="text-align: justify;">Nationality: American <br>
Born: 1962<br>
Famous for finding George Mallory’s body on Mount Everest in 1999, Anker has achieved several alpine
firsts including Meru, Vinson Massif, Ulvettana and El Capitan and has climbed summits from Alaska
to Antarctica.<br>
He led The North Face climbing team for 26 years, survived an avalanche in 1999 and overcame a heart
attack while climbing Lunag Ri in 2016. That year, he also won Climbing Magazine’s Golden Pitons
Lifetime Achievement.
</p>
<p><a class="btn btn-default" href="https://en.wikipedia.org/wiki/Colin_Haley" role="button"
target="_blank">View details »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
<div class="container">
<div class="col-md-12">
<!-- Popular Articles This Month -->
<section class="popular">
<!-- Popular Card On Large Devices-->
<section class="popular-card">
<h1>Popular<br> This<br> Month</h1>
</section>
<!-- Popular Card On Small Devices-->
<section class="popular-card-alt">
<h1>Popular This Month</h1>
</section>
<!-- Crad List -->
<section class="cards">
<!-- Card 1 -->
<article class="card">
<img src="img/img home/Rainbow_Mountain_Peru.jpg" alt="Vinicunca" height="300px">
<h2>Vinicunca</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
View more
</button>
</article>
<!-- Card 2 -->
<article class="card">
<img src="img/img home/Everest.jpg" alt="Everest" height="300px">
<h2>Everest</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">
View more
</button>
</article>
<!-- Card 3 -->
<article class="card">
<img src="img/img home/AmaDablam.jpg" alt="Ama Dablam" height="300px">
<h2>Ama Dablam</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal3">
View more
</button>
</article>
<!-- Card 4 -->
<article class="card">
<img src="img/img home/Kangchenjunga.jfif" alt="Kanchenjunga Mountain" height="300px">
<h2>Kanchenjunga Mountain</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal4">
View more
</button>
</article>
<!-- Card 5 -->
<article class="card">
<img src="img/img home/Fansipan.jfif" alt="Fansipan" height="300px">
<h2>Fansipan</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal5">
View more
</button>
</article>
<!-- Card 6 -->
<article class="card">
<img src="img/img home/Phusi.jfif" alt="Mount Fuji" height="300px">
<h2>Mount Fuji</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal6">
View more
</button>
</article>
<!-- Card 7 -->
<article class="card">
<img src="img/img home/Mount Thor.jfif" alt="Mount Thor" height="300px">
<h2>Mount Thor</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal7">
View more
</button>
</article>
<!-- Card 8 -->
<article class="card">
<img src="img/img home/Matterhorn.jfif" alt="Matterhorn" height="300px">
<h2>Matterhorn</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal8">
View more
</button>
</article>
<!-- Card 9 -->
<article class="card">
<img src="img/img home/Castle Mountain.png" alt="Castle Mountain" height="300px">
<h2>Castle Mountain</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal9">
View more
</button>
</article>
<!-- Card 10 -->
<article class="card">
<img src="img/img home/Aoraki Mount.jfif" alt="Aoraki" height="300px">
<h2>Aoraki</h2>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal10">
View more
</button>
</article>
</section>
</section>
</div>
<!-- Modal 1 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Vinicunca</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Rainbow_Mountain_Peru2.jpg"
alt="Vinicunca" height="290px"></div> <br>
<p>Nature was very kind to give the region of Cusco the most beautiful sceneries in
the world, including Vinicunca. This incredible mountain is also known as “Siete
Colores”, “Cerro Colorado” and in English as “Rainbow Mountain”.</p>
<p>The imposing mountain Vinicunca presents this tonality due to the erosion of
sedimentary stones, the same ones that are formed without any intervention of
the man, are compared with a terrestrial rainbow. It is located within the
Vilcanota mountain range; Vinicunca is located between 4,710 and 5,200 meters
above sea level.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Everest</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Everest2.jpg" alt="Everest"
height="290px"></div> <br>
<p>Mount Everest (also: Mount Chomolungma ) is the highest mountain on Earth above
sea level , up to the present time is 8848.86 meters , it has decreased in
height by 2.4 cm after the earthquake . land in Nepal on April 25, 2015 and has
moved 3 cm to the southwest. The border between Nepal and China ( Tibet ) runs
through Mount Everest.
</p>
<p>The current official elevation is 8,848.86 m (29,032 ft), recognized by China and
Nepal, as established by a 1955 Indian survey and confirmed by a 1975 Chinese
survey Country.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 3-->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Ama Dablam</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/AmaDablam2.jpg" alt="Ama Dablam"
height="290px"></div> <br>
<p>Ama Dablam is a mountain in the eastern Himalayan range of Province No. 1, Nepal.
The main peak is 6,812 metres (22,349 ft), the lower western peak is 6,170
metres (20,243 ft). Ama Dablam means "Mother's necklace"; the long ridges on
each side like the arms of a mother (ama) protecting her child, and the hanging
glacier thought of as the dablam, the traditional double-pendant containing
pictures of the gods, worn by Sherpa women.
</p>
<p>For several days, Ama Dablam dominates the eastern sky for anyone trekking to
Mount Everest Base Camp. For its soaring ridges and steep faces Ama Dablam is
sometimes referred as the "Matterhorn of the Himalayas."</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 4 -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Kanchenjunga Mountain</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Kangchenjunga India.jpg"
alt="Kanchenjunga Mountain" height="290px"></div> <br>
<p>Kangchenjunga, also spelled Kanchenjunga, is the third highest mountain in the world. It
rises with an elevation of 8,586 m (28,169 ft) in a section of the Himalayas called
Kangchenjunga Himal delimited in the west by the Tamur River, in the north by the Lhonak Chu
and Jongsang La, and in the east by the Teesta River.It lies between India and Nepal, with
three of the five peaks, namely Main, Central and South, directly on the border, and the
peaks West and Kangbachen in Nepal's Taplejung District.
</p>
<p> Until 1852, Kangchenjunga was assumed to be the highest mountain in the world, but
calculations based on various readings and measurements made by the Great Trigonometrical
Survey of India in 1849 came to the conclusion that Mount Everest, known as Peak XV at the
time, was the highest. Allowing for further verification of all calculations, it was
officially announced in 1856 that Kangchenjunga is the third highest mountain in the world.
</p>
<p>
Kangchenjunga was first climbed on 25 May 1955 by Joe Brown and George Band, who were part
of the 1955 British Kangchenjunga expedition. They stopped short of the summit in accordance
with the promise given to the Chogyal that the top of the mountain would remain inviolate.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 5 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Vinicunca</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Fansipan2.jfif" alt="Vinicunca"
height="290px"></div> <br>
<p>Fansipan Mountain is located in the southwest of Sapa town, Sa Pa district, Lao Cai province.
With a length of 280 km from Phong Tho to Hoa Binh and the foothill's horizontal width of
about 75km in the widest, it consists of 3 massifs: Bach Moc Luong Tu, Fansipan and Pu
Luong. Whole massive roof is exciting attraction in Sapa for tourists, which hides much
strange impression. Yet the most exotic and mysterious one is Fansipan Mountain..</p>
<p>Fansipan Mountain is the highest mountain in Vietnam and Indochina peninsula. With the
altitude of 3,143m above sea level, the mountain is located in the center of Hoang Lien Son
Mountain Range. The flora is relatively diverse in Fansipan. The mountain is to be approved
as one of the very few ecotourist spots in Vietnam. There are 1,680 plant species divided
into 679 families of 7 groups, many of which belong to rare and precious group. Below the
foothills is home to the rice, jackfruit... with relatively dense density, creating
beautiful sights, namely Coc Leu (Coc Gao), Coc San (Coc Mit)... Up to the altitude of 700m
is tropical belt with dense primitive forests and tangled vines. Above 700m concentrates the
gymnosperms, for instance, Pomu (Fujian cypress in English). There are many trees owning the
height of around 50-60m with several hundred years old. Pomu has been dubbed as the gold
mines of Lao Cai province. On the journey to discover Fansipan in Sapa tours, tourists will
be immersed in the wonderful scenery.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 6 -->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Mount Fuji</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Phusi2.jfif" alt="" height="290px">
</div> <br>
<p>Mount Fuji located on the island ofHonshuis the highest mountain in Japan with an
altitude of 3,776.24 above sea level, the 2nd highest peak on an island in Asia
and 7th in the world. It is an inactive stratovolcano with its last eruption in
1707-1708. Mount Fuji is locatedabout 100 kilometers southwest of Tokyo and can
be seen from the capital on a clear day. The mountain has a distinctive
symmetrical cone structure and is covered with snow for about 5 months each
year, is a symbol of the country and is often depicted in artworks and is
visited by many tourists around the world. visit when coming to Japan.</p>
<p>Mount Fuji is one of Japan's "Three Sacred Mountains " (三霊山, San reizan, "three
sacred mountains") along with Mount Haku and Mount Tate . Mount Fuji is a
special scenic spot and a historical site of Japan. The mountain is added to the
list of World Heritage Sites by UNESCO on June 22, 2013 due to cultural values.
According to UNESCO, it has inspired artists and poets and has been a pilgrimage
destination for centuries before and now.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal 7 -->
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Mount Thor</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Mount Thor2.jfif" alt="" height="290px">
</div> <br>
<p>Mount Thor, officially gazetted as Thor Peak , is a mountain with an elevation of 1,675
metres (5,495 ft) located in Auyuittuq National Park, on Baffin Island, Nunavut, Canada. The
mountain is located 46 km (29 mi) northeast of Pangnirtung and features Earth's greatest
vertical drop of 1,250 m (4,101 ft), with the cliff overhanging at an average angle of 15
degrees from vertical. Despite its remoteness, this feature makes the mountain a popular
rock climbing site. Camping is allowed, with several designated campsites located throughout
the length of Akshayuk Pass. For climbers looking to scale Mount Thor, there is an
established campsite a few kilometres north of its base, complete with windbreaks and
emergency shelters.
</p>
<p> The mountain was named for Thor, the Norse thunder god.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 8 -->
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Matterhorn</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Matterhorn2.jfif" alt="" height="290px">
</div> <br>
<p>This Alpine peak spans the border between Switzerland and Italy. At 4,478 metres it’s smaller
than the famed Mont Blanc (4,810 metres), but its striking pyramidal shape – not to mention its
spot overlooking the cosy Swiss ski town of Zermatt – makes it the poster child for the Alps.
</p>
<p>Matterhorn was first scaled in 1865, with Brit Edward Whymper credited as the initial person to
reach the summit. His triumph was bitter sweet, though, since four climbers in Whymper’s
seven-strong team plunged to their deaths during their descent.</p>
<p>Today, upwards of 2,000 hardy folks ascend the peak each year. If you’re determined to be one of
them, the Hörnli ridge route is the most popular and is best attempted in summer. Don’t
underestimate the challenge, listen to your guide and make sure you’re kitted out, crampons and
all. Otherwise, take a funicular ride from Zermatt to Rothorn for jaw-dropping views without the
climb.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 9 -->
<div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Castle Mountain</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Castle Mountain2.jpg" alt="" height="290px">
</div> <br>
<p>Banff National Park has plenty of peaks, but Castle Mountain is the most unique. And it’s easy to
see how it got its name. The mountain resembles a turreted fortress, perched ominously above the
spruce and fir trees in the Canadian Rockies.</p>
<p>Head to Castle Junction, where the Banff-Windermere Highway and the Trans-Canada Highway meet in
the park. Here you’ll get glorious views of the mountain, especially beautiful in the early
morning light.</p>
<p>Then, the 6.4-kilometre Castle Mountain Lookout trail (trailhead near Castle Junction) will take
you up to a scenic viewpoint on the peak where you can look out across the park. Tackle it in
spring, summer or autumn to avoid slippery winter conditions.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 10 -->
<div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Aoraki</h4>
</div>
<div class="modal-body">
<div style="text-align: center;"><img src="img/img home/Aoraki Mount2.jpg" alt="" height="290px">
</div> <br>
<p>New Zealand is renowned for its stunning scenery, and its highest mountain doesn’t disappoint.
The vast bluff in the Southern Alps rises to more than 3,700 metres, reflecting in the glacial
lakes at its feet.</p>
<p>The name Mount Cook was given to the peak by European settlers. But native peoples had always
known it as Aoraki, after a young figure from Maori legend. Now it goes by both names.</p>
<p>Content yourself with hiking or biking one of the ten Alpine trails that leave from nearby Mount
Cook Village, offering views of the mountain. Or, if you’ve got the experience, tackle a climb.
Head here in summer (December–February), and book a local guide who knows the route. Caroline
Hut is a popular spot in which to make your base and set out from.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-center text-white " style="background-color: rgb(52, 52, 53); color: white;">
<!-- Grid container -->
<div class="row row-no-gutters" style="padding-top: 1rem;">
<button type="button" onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<div class="col-md-6">
<p><i><img src="img/email.png" width="30px" alt=""></i> [email protected]</p>
<p><i><img src="img/phonepng.png" width="30px" alt=""></i> 024 7300 8855 - 0973111086</p>
<p><i> <img src="img/address.png" width="30px" alt=""></i> 590 Cach Mang Thang Tam, Ward 11,
District 3,
Ho Chi Minh City</p>
</div>
<div class="col-md-6 text-center ">
<strong style="margin-bottom: 1rem; display: inline-block;">Sign up for our newsletter</strong>
<form action="">
<div class="form-group ">
<label for=""></label>
<input style="width:30rem; display: inline-block;" type="email" class="form-control" id="email2"
placeholder="Input email" required>
</div>
<button onclick="return sendData();" type="button" class="btn btn-primary mb-4 send">
Send
</button>
</form>
</div>
</div>
<div class="container p-4 pb-0">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.facebook.com" role="button"
target="_blank">
<img src="img/facebook.png" width="30px" alt="Facebook"> </a>
<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="https://twitter.com/" role="button"
target="_blank">
<img src="img/twitter.png" alt="Twitter" width="30px">
</a>
<!-- Gmail -->
<a class="btn btn-outline-light btn-floating m-1" href="https://mail.google.com/" role="button"
target="_blank">
<img src="img/Gmail-200.png" width="30px" alt="Gmail">
</a>
<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.instagram.com" role="button"
target="_blank">
<img src="img/instagram.png" width="30px" alt="Instagram">
</a>
<!-- Youtube -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.youtube.com" role="button"
target="_blank">
<img src="img/youtube1.png" width="40px" alt="Youtube">
</a>
<!-- Github -->
<a class="btn btn-outline-light btn-floating m-1"
href="https://github.com/Vankhoanguyen/eProject-Mountaineering" role="button" target="_blank">
<img src="img/Github.jpg" width="30px" alt="Git">
</a>
<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.google.com/" role="button"
target="_blank">
<img src="img/gg.jfif" width="30px" alt="Google">
</a>
</section>
<!-- Section: Social media -->
</div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3"
style="background-color: black; color: white; padding-top: 1rem; padding-bottom: 0.1rem;">
Copyright © 2021 : Mountaineering
<p>Designed by <a class="text-white" href="https://github.com/Vankhoanguyen/eProject-Mountaineering" target="_blank">Team 1</a>
</p>
</div>
<!-- Copyright -->
</footer>
</body>
<script src="Js/footer.js"></script>
<script src="Js/index.js"></script>
</html>