-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (89 loc) · 9.24 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
<!DOCTYPE html>
<!-- Last Published: Sat Jun 13 2020 05:32:14 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5cf32febee1b525178985d76" data-wf-site="5cf32febee1b520725985d75">
<head>
<meta charset="utf-8">
<title>DeepSeaPacific</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/deepseapacific.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Oswald:200,300,400,500,600,700","Bitter:400,700,400italic","Inconsolata:400,700","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Changa One:400,400italic","Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","PT Sans:400,400italic,700,700italic","Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Spinnaker:regular"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="wrapper">
<div data-collapse="medium" data-animation="over-right" data-duration="400" role="banner" class="navbar w-nav">
<div class="div-block"><a href="#" class="w-nav-brand"><img src="images/logo.png" width="77" alt="" class="image"></a><a href="#" class="nav-link w-nav-link">DeepSea<br>PACIFIC</a>
<nav role="navigation" class="w-nav-menu"><a href="index.html" aria-current="page" class="menuitem w-nav-link w--current">Historic <br>Missions</a><a href="ocean-explore.html" class="menuitem w-nav-link">Ocean <br>Explore</a><a href="life-underwater.html" class="menuitem w-nav-link">Life <br>Underwater</a><a href="bio.html" class="menuitem w-nav-link">Bio<br>Luminescence</a><a href="challenger-deep.html" class="menuitem w-nav-link">Challenger<br>Deep</a><a href="about.html" class="menuitem w-nav-link">About<br>Author</a></nav>
</div>
<div class="w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
<div class="background-main">
<div class="first-column w-row">
<div class="column-5 w-col w-col-6">
<div class="dic-class-trieste">
<div data-delay="3000" data-animation="fade" data-autoplay="1" data-nav-spacing="10" data-duration="500" data-infinite="1" class="slider w-slider">
<div class="w-slider-mask">
<div class="slide w-slide"></div>
<div class="slide-2 w-slide"></div>
<div class="slide-3 w-slide"></div>
</div>
<div class="w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="w-slider-nav w-slider-nav-invert w-round w-num"></div>
</div>
</div>
<h1 class="h1">1960's Trieste </h1>
<p class="p1">They made their journey , in the Swiss-designed, Italian-built, United States Navy bathyscaphe <em>Trieste</em>. After a descent that took almost five hours, they reached a depth of 35,800 feet (10,912 meters) in the Mariana Trench’s Challenger Deep. The bathyscaphe carried no scientific equipment, and no experiments were conducted. Walsh and Piccard stayed on the bottom for 20 minutes before dumping tons of iron pellets to begin an ascent that lasted 3 hours and 15 minutes.</p><a href="#H1D" class="button-t2 w-button">Learn More</a></div>
<div class="column-6 w-col w-col-6">
<div class="div-class-deepsea">
<div data-delay="3000" data-animation="fade" data-autoplay="1" data-nav-spacing="10" data-duration="500" data-infinite="1" class="w-slider">
<div class="w-slider-mask">
<div class="slide-4 w-slide"></div>
<div class="slide-5 w-slide"></div>
<div class="slide-6 w-slide"></div>
</div>
<div class="w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="w-slider-nav w-slider-nav-invert w-shadow w-round w-num"></div>
</div>
</div>
<h1 class="h1">2012's Deepsea Challenger<br></h1>
<p class="p1">James Cameron’s <em>DEEPSEA CHALLENGER</em> submersible deploys technologies unimagined in the 1960s. The craft is much lighter, using a special kind of foam to give it both buoyancy and protection from the extreme environment nearly 7 miles (11 kilometers) beneath the surface. The 21st-century craft can explore the ocean floor for six hours or more, moving around to make photographic and 3-D video images and to collect samples with a mechanical arm.</p><a href="#H2D" class="button-t2 w-button">Learn More</a></div>
</div>
</div>
<div id="H1D" class="section-two phone">
<div class="container c2 w-container">
<h1 class="h1 sub-heading">The Ship: The Bathyscaphe Trieste<br></h1>
<p class="p1 sub">A bathyscaphe (pronounced BA-thi-skaf; meaning: "deep ship") is a submersible vessel with a spherical room for research and observation. This observation chamber is attached to the bottom of a tank filled with gasoline. Gasoline is more buoyant than water and is highly resistant to compression, which makes it well-suited for the high pressure of deep-sea dives.Trieste (pronounced TREE-est-a) was the name given to the bathyscaphe that would make history by traveling into the Challenger Deep on January 23, 1960. It was named after the city in which it was built, on the border between Italy and Yugoslavia. The Trieste carried hydronauts Don Walsh and Jacques Piccard approximately 11,000 meters underwater - that is, about 11 kilometers (or 7 miles) into the deepest part of the Pacific Ocean.The ship's instruments initially registered the vessel's depth to be 11,521 meters, but this was later recalculated to 10,916 meters. More recent measurements indicate the bottom of the Challenger Deep to be roughly 11,000 meters below sea level.</p>
<div style="padding-top:56.17021276595745%" id="w-node-a06eb6e2320a-78985d76" class="w-embed-youtubevideo youtube-embed"><iframe src="https://www.youtube.com/embed/B6QeQOpVL6c?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div>
</div>
<div class="w-container">
<h1 class="h1"><strong id="H2D" class="h1 sub-heading">The Deepest Part of the Ocean: Challenger Deep</strong></h1>
<p class="p1 sub">The lowest point on the surface of the Earth's crust is underwater, in the western North Pacific Ocean. There is a convergent plate boundary where the Pacific Plate is being forced down into the mantle beneath the Mariana Plate. At this type of plate boundary, an elongated depression called a "trench" is formed - in this case, it is the Mariana Trench. Within the Mariana Trench, there is a small valley that goes even farther into the Earth's crust - this spot, called the Challenger Deep, is the deepest part of the ocean. The distance between the ocean's surface and the bottom of the Challenger Deep (11,000 meters) is greater than the height of Mount Everest (8,850 meters). That means if you were to put the world's highest mountain inside the deepest part of the ocean, the mountain's peak would still be more than 2 kilometers underwater!</p>
</div>
<div class="w-container">
<div style="padding-top:56.17021276595745%" id="w-node-37de87709de1-78985d76" class="w-embed-youtubevideo youtube-embed"><iframe src="https://www.youtube.com/embed/-8r_-79SjpA?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5cf32febee1b520725985d75" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>