-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (59 loc) · 3.38 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="Samuel Fernández Toledo">
<meta name="description" content="The Planetary Index website is a small project carried out by a single person, the goal for this website is to learn as much HTML, CSS and JavaScript while providing factually correct information regarding different planets." />
<title>Planetary Index</title>
<link rel="stylesheet" href="styles/style.css">
<script src="https://kit.fontawesome.com/81a75dbdaf.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Top navigation bar, includes links to the different sections of the website. -->
<nav>
<div id="nav-logo-section" class="nav-section">
<a href="#"><i class="fa-solid fa-house"></i></a>
</div>
<div id="nav-link-section" class="nav-section">
<a href="#">ABOUT</a>
<a href="#">CONTACT</a>
</div>
<div id="nav-profile-section" class="nav-section">
<a href="#"><i class="fa-solid fa-user"></i></a>
</div>
</nav>
<div id="solar-system">
<div id="mercury" class="planet">
<p>The closest planet to the sun, Mercury is a rocky planet with a surface covered in craters. It has a diameter of about 4,880 kilometers and is the smallest planet in the solar system. It has a very thin atmosphere and no moons.</p>
</div>
<div id="venus" class="planet">
<p>The second planet from the sun, Venus is a rocky planet with a thick, toxic atmosphere. It is often referred to as Earth's sister planet because it is similar in size and mass. Venus has a diameter of about 12,104 kilometers and no moons.</p>
</div>
<div id="earth" class="planet">
<p>The third planet from the sun, Earth is a rocky planet with a diverse range of environments and habitats. It has a diameter of about 12,742 kilometers and one moon. Earth is the only planet in the solar system known to support life.</p>
</div>
<div id="mars" class="planet">
<p>The fourth planet from the sun, Mars is a rocky planet with a thin atmosphere. It has a diameter of about 6,792 kilometers and two moons. Mars is known for its reddish appearance and is often referred to as the "Red Planet."</p>
</div>
<div id="jupiter" class="planet">
<p>The fifth planet from the sun, Jupiter is a gas giant with a diameter of about 142,984 kilometers. It is the largest planet in the solar system and has 79 known moons. Jupiter is known for its distinctive red spot, which is a giant storm.</p>
</div>
<div id="saturn" class="planet">
<p>The sixth planet from the sun, Saturn is a gas giant with a diameter of about 120,536 kilometers. It has 53 known moons and is known for its beautiful ring system.</p>
</div>
<div id="uranus" class="planet">
<p>The seventh planet from the sun, Uranus is a gas giant with a diameter of about 51,118 kilometers. It has 27 known moons and is known for its unusual axial tilt, which causes it to rotate on its side.</p>
</div>
<div id="neptune" class="planet">
<p>The eighth planet from the sun, Neptune is a gas giant with a diameter of about 49,528 kilometers. It has 14 known moons and is known for its blue appearance.</p>
</div>
</div>
<!-- The following code is for the copyright section of the website. -->
<footer>
<div id="footer-copyright-section" class="footer-section">
<p>© 2023 Planetary Index. All rights reserved</p>
</div>
</footer>
</body>
</html>