-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcurrent-missions.html
More file actions
157 lines (149 loc) · 5.82 KB
/
current-missions.html
File metadata and controls
157 lines (149 loc) · 5.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Current-missions</title>
<link rel = "stylesheet" href = "styles/current-missions.css">
</head>
<body>
<nav>
<div class="logo">
<a href="#"><img src="images/logo.png" alt="Logo"></a>
<span class="WMC">WMC</span>
</div>
<ul class="navbar-items">
<li><a href="about-mars.html">Mars</a></li>
<li><a href="past-missions.html">Past missions</a></li>
<li><a href="current-missions copy.html">Current missions</a></li>
<li><a href="#">Mangalyaan</a></li>
<li class="icon"><a href="login.html"><i class="fa-solid fa-user" style="color: white;"></i></a></li>
</ul>
</nav>
<div class="card-container">
<!--Perseverence mission-->
<div class="card">
<div class="img"><img src="../final project/images/Perseverance.png"></div>
<div class="content">
<h3>Perseverance</h3>
<h5>Type: Rover</h5>
<h6>Mission name: Mars 2020</h6>
<p>Mars 2020 is a Mars rover mission that includes the rover Perseverance,
the small robotic helicopter Ingenuity, and associated delivery systems,
as part of NASA's Mars Exploration Program.
</p>
<p>Location: Jezero crater</p>
</div>
<button class="know-more">Know More</button>
</div>
<!--Curiosity Mission-->
<div class="card">
<div class="img"><img src="../final project/images/Curiosity.png" style="height: 180px;"></div>
<div class="content">
<h3>Curiosity</h3>
<h5>Type: Rover</h5>
<h6>Mission Name: Mars Science Laboratory</h6>
<p>Curiosity is a car-sized Mars rover designed to search for
traces of life on Mars as part of
NASA's Mars Science Laboratory mission.
</p>
<p>Location: Gale crater</p>
<br>
<br>
</div>
<button class="know-more">Know More</button>
</div>
<!--Maven mission-->
<div class="card">
<div class="img"><img src="../final project/images/MAVEN.png" style="margin-left: -20px;"></div>
<div class="content">
<h3>Maven</h3>
<h5>Type: Planetary Probe</h5>
<h6>Mission Name: Mars atmospheric research</h6>
<p>The Mars Atmosphere and Volatile Evolution (MAVEN) mission
was to explore the atmosphere and ionosphere of mars
and how they interact with the Sun and solar wind.
</p>
<p>Location: Mars orbit (150 km)</p>
<br>
</div>
<button class="know-more">Know More</button>
</div>
<!--Insight mission-->
<div class="card">
<div class="img"><img src="../final project/images/InSight.png" style="margin-left: -20px; height: 130px;"></div>
<div class="content">
<h3>InSight</h3>
<h5>Type: Lander</h5>
<h6>Mission Name: Geophysical Monitoring Station</h6>
<p>Interior Exploration using Seismic Investigations, Geodesy and Heat Transport (InSight) mission
was designed to study the deep interior of the planet Mars.
</p>
<p>Location: Elysium Planitia</p>
</div>
<button class="know-more">Know More</button>
</div>
<!--MRO mission-->
<div class="card">
<div class="img"><img src="../final project/images/Mars_Reconnaissance_Orbiter.png" style="height: 170px;"></div>
<div class="content">
<h3>Mars Reconnaissance Orbiter</h3>
<h5>Type: Planetary Probe</h5>
<h6>Mission Name: MRO</h6>
<p>(MRO) is a spacecraft designed to search for the existence of water on Mars,
as part of NASA's Mars Exploration Program.
</p>
<p>Location: Elysium Planitia</p>
</div>
<button class="know-more">Know More</button>
</div>
<!--Tianwen mission-->
<div class="card">
<div class="img"><img src="../final project/images/tianwen1.png" style="height: 170px; margin-left: -10px; margin-bottom: 10px;"></div>
<div class="content">
<h3>Tianwen-1</h3>
<h5>Type: Rover</h5>
<h6>Mission Name: MRO</h6>
<p>It is an interplanetary mission by the China National Space Administration (CNSA).
The mission was consisting of 6 spacecraft:
an orbiter, two deployable cameras, lander, remote camera,
and the Zhurong rover.
</p>
<p>Location: Utopia Planitia</p>
</div>
<button class="know-more">Know More</button>
</div>
<!--Hope Mission-->
<div class="card">
<div class="img"><img src="../final project/images/hope.png" style="height: 160px; margin-left: -10px; margin-bottom: 10px;"></div>
<div class="content">
<h3>HOPE</h3>
<h5>Type: Planetary Probe</h5>
<h6>Mission Name: Emirates Mars Mission</h6>
<p>The space probe will study daily and seasonal weather cycles,
weather events in the lower atmosphere such as dust storms,
and how the weather varies in different regions of the planet.
</p>
<p>Location: Mars Orbit (20000 km)</p>
</div>
<button class="know-more">Know More</button>
</div>
<!--Mars Helicopter-->
<div class="card">
<div class="img"><img src="../final project/images/mars_helicopeter.png" style="margin-left: 40px;"></div>
<div class="content">
<h3>Ingenuity</h3>
<h5>Type: Helicopter</h5>
<h6>Mission Name: Extraterrestrial autonomous UAV helicopter</h6>
<p>a small robotic helicopter operating on Mars.
It is part of NASA's Mars 2020 mission. It is an experimental mission to prove
flight capabilities in another planet.
</p>
<br>
</div>
<button class="know-more">Know More</button>
</div>
</div>
</body>
</html>