-
Notifications
You must be signed in to change notification settings - Fork 0
/
solar system.html
149 lines (136 loc) · 8.12 KB
/
solar system.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Solar System Exploration</title>
<link rel="stylesheet" type="text/css" href="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\css\solarsystem.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" type="image/icon type">
</head>
<body>
<!--NAVIGATION -->
<nav class="navbar navbar-expand-md bg-black" >
<div class="container-fluid">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/Index.html" class="navbar-brand">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" width="120" height="90">
</a>
<button title="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="navbar-nav">
<li class="navbar-item me-5">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/Index.html" class="nav-link headings" >HOME</a>
</li>
<li class="navbar-item me-5">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/missions.html" class="nav-link headings">MISSIONS</a>
</li>
<li class="navbar-item me-5">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/images.html" class="nav-link headings">IMAGES</a>
</li>
<li class="navbar-item me-5 ">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/solar%20system.html" class="nav-link headings">OUR SOLAR SYSTEM</a>
</li>
<li class="navbar-item me-5">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/Universe.html" class="nav-link headings">UNIVERSE</a>
</li>
<li class="navbar-item me-5">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/aeronautics.html" class="nav-link headings">AERONAUTICS</a>
</li>
</ul>
<div class="d-flex">
<a href="file:///C:/Users/nishc/OneDrive/Desktop/Web%20Project/contact.html"><button type="button" class="btn-btn-info contact-btn">Contact NASA</button></a>
</div>
</div>
</nav>
<!-- Main Container with Image and Text -->
<div class="image-container">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\solarsystem-card.webp" alt="Images Image" class="img-fluid" style="opacity: 0.9;">
<div class="overlay-text">
<h1>Solar System Exploration</h1>
<p>Join us as we explore our planetary neighborhood: The Sun, planets, moons, comets, and asteroids.</p>
</div>
</div><br>
<!-- Text Container -->
<div class="text-container">
<div class="text0">
<h1 class="text1">Solar System Overwiew</h1>
<p class="text2">The solar system has one star, eight planets, five officially named dwarf planets, hundreds of moons, thousands of comets, and more than a million asteroids.<br><br>
Our solar system is located in the Milky Way, a barred spiral galaxy with two major arms, and two minor arms. Our Sun is in a small, partial arm of the Milky Way called the Orion Arm, or Orion Spur, between the Sagittarius and Perseus arms. Our solar system orbits the center of the galaxy at about 515,000 mph (828,000 kph). It takes about 230 million years to complete one orbit around the galactic center.<br><br>
We call it the solar system because it is made up of our star, the Sun, and everything bound to it by gravity.</p>
<h4 class="text3">Moons, Asteroids, and Comets in Our Solar System</h4><hr class="hori">
</div>
</div>
<!-- resources -->
<div class="container1">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" alt="Logo" class="logo">
<h1 class="heading">
Latest Count</h1>
<p class="text">
For the most up to date count of moons, asteroids, and comets in our solar system, please visit NASA/JPL's Solar System Dynamics website. <i class="fa fa-arrow-right" aria-hidden="true"></i></p>
</div><br>
<!-- Cards Section -->
<div class="cards container-fluid-expand">
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card1-solar.webp">
<div class="card-content">
<h3>Planet Sizes and Locations</h3>
<p>Our solar system has eight planets, and five officially recognized dwarf planets. Which planet is biggest? Which is smallest? What is the order of the planets as we move out from the Sun?</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card1-2.webp">
<div class="card-content">
<h3>Temperatures Across the Solar System</h3>
<p>Let’s look at the mean temperature of the Sun, and the planets in our solar system. The mean temperature is the average temperature over the surface of the rocky planets: Mercury, Venus, Earth, and Mars. Dwarf planet Pluto also has a solid surface.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card3-solar1.gif" alt="Card 3">
<div class="card-content">
<h3>Storms Across the Solar System</h3>
<p>Earth is a dynamic and stormy planet with everything from brief, rumbling thunderstorms to enormous, raging hurricanes, which are some of the most powerful and destructive storms on our world. But other planets also have storm clouds, lightning.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card4-solar.webp" alt="Card 4">
<div class="card-content">
<h3>Find Your Pluto Time</h3>
<p>Pluto orbits on the fringes of our solar system, billions of miles away. Sunlight is much weaker there than it is here on Earth, yet it isn't completely dark. In fact, for just a moment near dawn and dusk each day, the illumination on Earth matches that of high noon on Pluto.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card5-solar.webp" alt="Card 5">
<div class="card-content">
<h3>What's That Space Rock?</h3>
<p>The path through the solar system is a rocky road. Asteroids, comets, Kuiper Belt Objects – all kinds of small bodies of rock, metal, and ice are in constant motion as they orbit the Sun. But what’s the difference between them, anyway?</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\card6-solar.webp" alt="Card 6">
<div class="card-content">
<h3>10 Things: Grand Canyons</h3>
<p>Each year, millions of visitors pour into Grand Canyon National Park in Arizona. The world-famous vacation destination celebrated its 100th anniversary in 2019. Meanwhile, on another nearby world, another giant canyon awaits its first visitor.</p>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="hurray">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" width="120" height="90" class="footer-logo"><br>
<p class="foot-logo">National Aeronautics And Space Administration</p>
</div>
<div class="bottom">
<p>© 2024 NASA. All rights reserved.</p><hr>
<div class="social-icons">
<a href="https://www.facebook.com/NASA/"><i class="fab fa-facebook-f"></i></a>
<a href="https://x.com/NASA?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/nasa/?hl=en"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/nasa/"><i class="fab fa-linkedin-in"></i></a><br>
<p class="me">© Created By: Nishchal Jain</p>
</div>
</footer>
</body>
</html>