-
Notifications
You must be signed in to change notification settings - Fork 0
/
images.html
135 lines (128 loc) · 6.77 KB
/
images.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Images</title>
<link rel="stylesheet" type="text/css" href="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\css\images.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\Images-main.jpg" alt="Images Image" class="img-fluid" style="opacity: 0.9;">
<div class="overlay-text">
<h1>NASA Images</h1>
<p>NASA has always told its story through its images, a few of which have become icons of human history.</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><br><br>
<h3>Tortoise Takes a Leisurely Stroll</h3>
<p>Slow and steady wins the race for this gopher tortoise, ambling along the Launch Pad 39B beach road on NASA’s Kennedy Space Center in Florida. Gopher tortoises are dry-land turtles that live in scrub, dry hammock, pine flatwood, coastal grassland and dune habitats.</br>
<hr>
<a href="#">
Browse Images Archive
<i class="fa fa-arrow-right" aria-hidden="true"></i>
</a></p>
</div>
<img class="img-of-day" src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\images-imageoftheday.webp">
</div><br><br><br>
<!-- Second container with Image and Text -->
<div class="image-container">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\images\images-container.webp" alt="Images Image" class="img-fluid" style="opacity: 1;">
<div class="overlay-text">
<h1>NASA HQ PHOTO: Best of 2023</h1>
<p>The 100 best images from 2023 as captured and selected by the NASA HQ PHOTO office at NASA Headquarters in Washington.</br>
<a href="#">
Browse Images Archive
<i class="fa fa-arrow-right" aria-hidden="true"></i>
</a></p>
</div>
</div><br>
<!-- Image Resources -->
<h3>NASA Image Resources</h3><br><hr>
<div class="container1">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" alt="Logo" class="logo">
<h1 class="heading">
Images and Media Usage</h1>
<p class="text">Guidelines for the access and use of NASA's images and media assets for educational, informational, and commercial purposes. <i class="fa fa-arrow-right" aria-hidden="true"></i></p>
</div><br><hr>
<div class="container1">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" alt="Logo" class="logo">
<h1 class="heading">
Images and Videos</h1>
<p class="text">
Images, videos, and audio files from programs throughout the agency's history. <i class="fa fa-arrow-right" aria-hidden="true"></i></p></p>
</div><br><hr>
<div class="container1">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" alt="Logo" class="logo">
<h1 class="heading">
NASA HQ Photo Office</h1>
<p class="text">
The official Flickr account for the award-winning photography team at NASA Headquarters in Washington. <i class="fa fa-arrow-right" aria-hidden="true"></i></p>
</div><br><hr>
<div class="container1">
<img src="C:\Users\nishc\OneDrive\Desktop\Web Project\asset\images\nasa-logo.svg" alt="Logo" class="logo">
<h1 class="heading">
Earth Observatory</h1>
<p class="text">mages of Earth that emerge from NASA satellite missions, in-the-field research, and models. <i class="fa fa-arrow-right" aria-hidden="true"></i></p>
</div><br><hr>
<!-- 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>