-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
196 lines (182 loc) · 11.6 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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\css\style.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="" 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>
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active "></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\moon-foot.webp" alt="Los Angeles" class="d-block w-100 slider-height">
</div>
<div class="carousel-item">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\base.jpg" alt="Chicago" class="d-block w-100 slider-height">
</div>
<div class="carousel-item">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\hq.nasa.jpg" alt="New York" class="d-block w-100 slider-height">
</div>
<div class="carousel-item active">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\carousel-nasa.jpg" alt="Los Angeles" class="d-block w-100 slider-height">
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev " type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon circle"></span>
</button>
<button class="carousel-control-next " type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon circle"></span>
</button>
</div>
<section>
<div class="about-nasa container-fluid-expand">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\artemis.jpg" style=" max-width:100%; opacity: 0.9;">
<div class="text-block">
<h1 class="about">ABOUT NASA</h1>
<p class="about">The National Aeronautics and Space Administration is an independent agency of the U.S. federal government responsible for the civil space program, aeronautics research, and space research. Established in 1958, it succeeded the National Advisory Committee for Aeronautics (NACA) to give the U.S. space development effort a distinct civilian orientation, emphasizing peaceful applications in space science. It has since led most of America's space exploration programs, including Project Mercury, Project Gemini, the 1968–1972 Apollo Moon landing missions, the Skylab space station, and the Space Shuttle. Currently, NASA supports the International Space Station (ISS) along with the Commercial Crew Program, and oversees the development of the Orion spacecraft and the Space Launch System for the lunar Artemis program.</br></br>NASA's science division is focused on better understanding Earth through the Earth Observing System; advancing heliophysics through the efforts of the Science Mission Directorate's Heliophysics Research Program; exploring bodies throughout the Solar System with advanced robotic spacecraft such as New Horizons and planetary rovers such as Perseverance; and researching astrophysics topics, such as the Big Bang, through the James Webb Space Telescope, the four Great Observatories, and associated programs. The Launch Services Program oversees launch operations for its uncrewed launches.</p>
</div>
</div></br>
<!-- Image of the Day -->
<div class="today container-fluid-expand">
<div class="today-content">
<h6>TODAY</h6>
<h1>Image Of The Day</h1>
<p>NASA’s James Webb Space Telescope’s mid-infrared view of the Pillars of Creation strikes a chilling tone. Thousands of stars that exist in this region seem to disappear, since stars typically do not emit much mid-infrared light, and seemingly endless layers of gas and dust become the centerpiece. The detection of dust by Webb’s Mid-Infrared Instrument (MIRI) is extremely important – dust is a major ingredient for star formation.</br>
NASA, ESA, CSA, STScI; Joseph DePasquale (STScI), Alyssa Pagan (STScI)</p>
</div>
<img class="img-of-day" src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\imgofday.webp">
</div>
</br>
<!-- Main Container with Image and Text -->
<div class="image-container">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\main-page-gif.gif" alt="Images Image" class="img-fluid" style="opacity: 1;">
<div class="overlay-text">
<h1>The Sound of Science</h1>
<p>From longform interviews with astronauts and engineers to narrative shows that take you on a tour of the galaxy, NASA podcasts let you experience the thrill of space exploration without ever leaving Earth.</p>
</div>
</div><br>
<h1>More Topics From Nasa</h1></br>
<!-- Cards Section -->
<div class="cards container-fluid-expand">
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\humaninspace-card.webp">
<div class="card-content">
<h3>Humans In Space</h3>
<p>Never has humanity endeavored to simultaneously architect multinational infrastructures in lunar orbit, on the lunar surface, and at Mars — all while maintaining high-demand government and private-sector operations in low Earth orbit.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\climate-changecard.webp">
<div class="card-content">
<h3>Climate Change</h3>
<p>Earth is more than a planet. Earth is home. As humans we are part of a broader, interconnected system and we share our home with over 8.5 million species. NASA studies our own planet more than any other. We observe Earth’s oceans, land, ice, and atmosphere, and measure how a change in one drives change in others.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\solarsystem-card.webp" alt="Card 3">
<div class="card-content">
<h3>Our Solar System</h3>
<p>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.
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.
</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\universe-card.webp" alt="Card 4">
<div class="card-content">
<h3>Universe</h3>
<p>The origin, evolution, and nature of the universe have fascinated and confounded humankind for centuries. New ideas and major discoveries made during the 20th century transformed cosmology – the term for the way we conceptualize and study the universe – although much remains unknown. Here is the history of the universe according to cosmologists’ current theories.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\Aeronautics-card.webp" alt="Card 5">
<div class="card-content">
<h3>Aeronautics</h3>
<p>Here you can stay informed about NASA’s research to improve air travel and make it more sustainable. And if you’re interested in how NASA airplanes support the agency’s science programs and flight operations, we’ve got you covered. NASA is with you when you fly.</p>
</div>
</div>
<div class="card">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\technology-card.webp" alt="Card 6">
<div class="card-content">
<h3>Technology</h3>
<p>NASA technology development supports the nation’s innovation economy by creating solutions for space exploration that also generate tangible benefits for life on Earth. NASA is investing in the future of innovation.</p>
</div>
</div>
</div>
<!-- Newsletter Section -->
<div class="newsletter container-fluid-expand">
<h2>Subscribe to Our Newsletter</h2>
<p>Stay updated with our latest news and offers on Nasa Merch. Enter your email below to subscribe.</p>
<form action="#" method="post">
<input type="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form>
</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>
</section>
</body>
</html>