-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathmars.html
59 lines (49 loc) · 2.1 KB
/
mars.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
<!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>MARS</title>
<link rel="stylesheet" type="text/css" href="planetstyle.css">
</head>
<body style ="background: url(https://c.tenor.com/NMmKyRCB5LAAAAAC/mars-planet.gif);
background-size:100%;
background-repeat:no-repeat;">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h6 class="animate-charcter"> <p>
<br>Overview:<br>
Radius:3,389.5 km<br>
Type:terrestrial<br>
Surface temperature:from -153 to 20°C<br>
Gravity:3.71 m/s²<br>
Mars, the fourth planet from the sun, is a dusty, cold, desert world with a thin atmosphere. This dynamic planet has seasons, polar ice caps, extinct volcanoes, canyons, and weather. One of the most explored bodies in the solar system, Mars is the only planet where we've sent rovers to roam the alien landscape.<br>
Want to know more about Mars? Visit these links<br></p></h6>
<div style="padding-left: 50px;">
<a href="https://solarsystem.nasa.gov/planets/mars/overview/">
<input type="button" name="view"
value="KNOW MORE" id="view"
style="padding: 10px;
color: black;
margin-right: 5px;
border-radius: 5px;
border: 2px solid rgb(104, 55, 132);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">
</a>
<a href="marsquiz.html">
<input type="Button" value="TAKE A QUIZ!" id="quiz"
style="padding: 10px;
margin-left: 5px;
border-radius: 5px;
color: black;
border: 2px solid rgb(104, 55, 132);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">
</a>
</div>
</div>
</div>
</div>
</body>
</html>