-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
112 lines (108 loc) · 7.16 KB
/
Copy pathindex.html
File metadata and controls
112 lines (108 loc) · 7.16 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
<!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>Solar System</title>
<link rel="stylesheet" href="./style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="tablet.css" media="screen and (min-width: 600px">
<link rel="stylesheet" href="./desktop.css" media="screen and (min-width: 800px")>
<link rel="stylesheet" href="./more.css" media="screen and (min-width: 1200px")>
</head>
<body>
<header class="header">
<figure class="header__figure">
<img src="https://img.icons8.com/color/344/nasa.png" alt="nasa" />
</figure>
<nav class="header__nav">
<ul>
<li class="nav__top"><a href="https://www.spacex.com/">Spacex</a></li>
<li class="nav__top"><a href="https://en.wikipedia.org/wiki/Mercury_(planet)">Mercury</a></li>
<li class="nav__top"><a href="https://en.wikipedia.org/wiki/Venus">Venus</a></li>
<li class="nav__top"><a href="https://en.wikipedia.org/wiki/Earth">Earth</a></li>
<li class="nav__bottom"><a href="https://en.wikipedia.org/wiki/Mars">Mars</a></li>
<li class="nav__bottom"><a href="https://en.wikipedia.org/wiki/Jupiter">Jupiter</a></li>
<li class="nav__bottom"> <a href="https://en.wikipedia.org/wiki/Uranus">Uranus</a></li>
<li class="nav__bottom"> <a href="https://en.wikipedia.org/wiki/Neptune">Neptune</a></li>
</ul>
</nav>
</header>
<main class="main">
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Mercury_in_true_color.jpg/220px-Mercury_in_true_color.jpg"
alt="mercury">
<figcaption>Mercury is the smallest planet in the Solar System and the closest to the Sun. Its orbit around
the Sun takes 87.97 Earth days, the shortest of all the Sun's planets. It is named after the Roman god
Mercurius (Mercury), god of commerce, messenger of the gods, and mediator between gods and mortals,
corresponding to the Greek god Hermes (Ἑρμῆς). Like Venus, Mercury orbits the Sun within Earth's orbit
as an inferior planet, and its apparent distance from the Sun as viewed from Earth never exceeds 28°.
</figcaption>
</figure>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Venus_from_Mariner_10.jpg/220px-Venus_from_Mariner_10.jpg"
alt="venus">
<figcaption>Venus is the second planet from the Sun. It is named after the Roman goddess of love and beauty.
As the brightest natural object in Earth's night sky after the Moon, Venus can cast shadows and can be
visible to the naked eye in broad daylight.[18][19] Venus lies within Earth's orbit, and so never
appears to venture far from the Sun, either setting in the west just after dusk or rising in the east a
little while before dawn.
</figcaption>
</figure>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/The_Blue_Marble_%28remastered%29.jpg/220px-The_Blue_Marble_%28remastered%29.jpg"
alt="earth">
<figcaption>Earth is the third planet from the Sun and the only astronomical object known to harbor life.
While large amounts of water can be found throughout the Solar System, only Earth sustains liquid
surface water. About 71% of Earth's surface is made up of the ocean, dwarfing Earth's polar ice, lakes
and rivers. The remaining 29% of Earth's surface is land, consisting of continents and islands.
</figcaption>
</figure>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/OSIRIS_Mars_true_color.jpg/220px-OSIRIS_Mars_true_color.jpg"
alt="mars">
<figcaption>Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, being
larger than only Mercury. In English, Mars carries the name of the Roman god of war and is often
referred to as the "Red Planet".[17][18] The latter refers to the effect of the iron oxide prevalent on
Mars's surface, which gives it a reddish appearance, that is distinctive among the astronomical bodies
visible to the naked eye.
</figcaption>
</figure>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Jupiter_and_its_shrunken_Great_Red_Spot.jpg/220px-Jupiter_and_its_shrunken_Great_Red_Spot.jpg"
alt="jupiter">
<figcaption>Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant
with a mass more than two and a half times that of all the other planets in the Solar System combined,
but slightly less than one-thousandth the mass of the Sun. Jupiter is the third brightest natural object
in the Earth's night sky after the Moon and Venus.</figcaption>
</figure>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Saturn_during_Equinox.jpg/300px-Saturn_during_Equinox.jpg"
alt="saturn">
<figcaption>Saturn is the sixth planet from the Sun and the second-largest in the Solar System, after
Jupiter. It is a gas giant with an average radius of about nine and a half times that of Earth.[22][23]
It only has one-eighth the average density of Earth; however, with its larger volume, Saturn is over 95
times more massive.
</figcaption>
</figure>
<figure class="main__figure-uranus">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Uranus_true_colour.jpg/220px-Uranus_true_colour.jpg"
alt="uranus">
<figcaption>Uranus is the seventh planet from the Sun. Its name is a reference to the Greek god of the sky,
Uranus, who, according to Greek mythology, was the great-grandfather of Ares (Mars), grandfather of Zeus
(Jupiter) and father of Cronus (Saturn). It has the third-largest planetary radius and fourth-largest
planetary mass in the Solar System. Uranus is similar in composition to Neptune, and both have bulk
chemical compositions which differ from that of the larger gas giants Jupiter and Saturn</figcaption>
</figure>
</main>
<footer class="footer">
<figure>
<img src="https://img.icons8.com/color/48/000000/man-raising-hand-icon.png"/ alt="bye">
</figure>
<p>Made by Safoi - Full Stack Developer 👾</p>
</footer>
</body>
</html>