-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
244 lines (241 loc) · 10.1 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!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>Vasavi Hostel Trust</title>
<link rel="icon" type="image/x-icon" href="images\VHT logo.png">
<!-- google font icons -->
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<!-- local css file -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- header section starts -->
<header class="header" id="header">
<a><i class="menu material-icons"> menu </i></a>
<nav class="navbar">
<a href="#" class="toplefta"><img src="images\VHT logo.png" class="topleft"></a>
<a href="#">Home</a>
<a href="#about">About Us</a>
<a href="#service">Events</a>
<a href="#blogs">Registration Link</a>
<a href="#contact">Contact</a>
</nav>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<p class="home-text">
Welcome To
<img src="images\loga v_v.png" class="vplexus">
</p>
<p id="p-home">let the journey begin!!!</p>
</section>
<!-- home section ends -->
<!-- service section starts -->
<section class="service" id="service">
<h1 class="heading">Our <span>services</span></h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/img2.png" alt="" />
<div class="content">
<h2>NASA APOD</h2>
</div>
</div>
<div class="writeup">
<p>"Each day a different image or photograph of our universe is featured, along with a brief explanation written by a professional astronomer". The pictures and descriptions often relate to current events in astronomy and space exploration. The images are sometimes authored by people or organizations outside NASA, and therefore APOD images are often copyrighted, unlike many other NASA image galleries.</p><br>
<span class="knowMore"><a href="./Apod/apod.html">know more</a></span>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/img3.jpg" alt="" />
<div class="content">
<h2>Live ISS Tracker</h2>
</div>
</div>
<div class="writeup">
<p>The International Space Station is the largest modular space station in low Earth orbit.See the International Space Station! As the third brightest object in the sky the space station is easy to see if you know when to look upThe tracker shows where the Space Station is right now and its path 90 minutes ago (-1.5 hr) and 90 minutes ahead (+1.5 hr).</p><br>
<span class="knowMore"><a href="./LiveISS/live_iss.html">know more</a></span>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/img4.jpg" alt="" />
<div class="content">
<h2>Mars Rover Images</h2>
</div>
</div>
<div class="writeup">
<p>A Mars rover is a motor vehicle designed to travel on the surface of Mars. Rovers have several advantages over stationary landers: they examine more territory, they can be directed to interesting features, they can place themselves in sunny positions to weather winter months, and they can advance the knowledge of how to perform very remote robotic vehicle control.</p><br>
<span class="knowMore"><a href="mars_img/mars.html">know more</a></span>
</div>
</div>
</div>
</section>
<!-- portfolio section ends -->
<!-- blogs section starts -->
<section class="blogs" id="blogs">
<h1 class="heading"><span>blogs</span></h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/blog1.jpg" alt="" />
</div>
<div class="content">
<h2>Data from SLS Flight Prepares NASA for Future Artemis Missions</h2>
<p>
NASA continues to evaluate data and learn more about the Space Launch System (SLS) rocket’s debut performance during the agency’s Nov. 16 Artemis I launch. Following an initial data assessment and review that determined the SLS rocket met or exceeded all performance expectations, SLS engineers are now taking a closer look at the Moon rocket’s performance to prepare for the first crewed Artemis missions.
</p>
<span
><i class="material-icons"> calendar_today </i> Nov 16, 2022</span
>
<span
><i class="material-icons"> chat_bubble_outline </i>comments</span
>
<span
></i><a href="https://blogs.nasa.gov/artemis/2023/01/27/data-from-sls-flight-prepares-nasa-for-future-artemis-missions/">Read more</a></span
>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/blog2.jpg" alt="" />
</div>
<div class="content">
<h2>Watch an SUV-sized asteroid zoom by Earth in close shave flyby in this time-lapse video</h2>
<p>
Asteroid 2023 BU zipped past Earth Thursday night (Jan. 26) to the delight of amateur astronomers worldwide. For skywatchers without access to a telescope or those who had their view hampered by bad weather, luckily the Italy-based Virtual Telescope Project was there to observe the event and livestream the whole thing for free.
</p>
<span
><i class="material-icons"> calendar_today </i> Jan 28, 2023</span
>
<span
><i class="material-icons"> chat_bubble_outline </i>comments</span
>
<span
></i><a href="https://www.space.com/watch-asteroid-2023bu-make-close-earth-flyby">Read more</a></span
>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/blog3.jpg" alt="" />
</div>
<div class="content">
<h2>Crew Preps for Next Spacewalk, Explores Space Biology and Physics</h2>
<p>
The Expedition 68 astronauts are cleaning up following three days of advanced bone repair studies while getting ready for an upcoming spacewalk. The International Space Station’s three cosmonauts continued their space physics and Earth imagery work, as well as maintained orbital lab systems.
</p>
<span
><i class="material-icons"> calendar_today </i> Jan 26, 2023</span
>
<span
><i class="material-icons"> chat_bubble_outline </i>comments</span
>
<span
></i><a href="https://blogs.nasa.gov/spacestation/2023/01/26/crew-preps-for-next-spacewalk-explores-space-biology-and-physics/">Read more</a></span
>
</div>
</div>
</div>
<div class="button">
<a href="blogs/blog.html" class="blogbtn">see more</a>
</div>
</section>
<!-- blogs section ends -->
<!-- about section starts -->
<section class="about" id="about">
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/portfolio-3.jpeg" alt="" />
</div>
</div>
<div class="box">
<h1 class="heading">about <span>us</span></h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ullam
corporis minima temporibus iste unde dolor beatae, delectus
architecto et? Assumenda sint quas dicta itaque ipsa. Quae cum
reiciendis ut quo.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
nemo necessitatibus eius? In, nesciunt veritatis?
</p>
<!-- <a href="#" class="btn">hire me</a> -->
<!-- <a href="#" class="btn">download CV</a> -->
</div>
</div>
</section>
<!-- about section ends -->
<!-- contact section starts -->
<section class="contact" id="contact">
<h1 class="heading">contact <span>us</span></h1>
<div class="col-container">
<div class="col">
<h2>get in touch</h2>
<input type="text" placeholder="your name" />
<input type="email" placeholder="your email" onclick="emailCheck()" />
<input type="text" placeholder="your phone" />
<textarea
name=""
placeholder="write a message"
id=""
cols="30"
rows="10"
></textarea>
<input type="submit" class="btn" onclick="emailCheck()">send message</a>
</div>
<div class="col">
<h2>contact details</h2>
<p>email</p>
<span>explorethehorizon@gmail.com</span>
<br />
<br />
<p>phone</p>
<span>080-2312355</span>
<br />
<br />
<br />
<br />
<p>address</p>
<span
>BMS College of Engineering <br />
Basavangudi<br />
Bengaluru, Karnataka</span
>
</div>
</div>
</section>
<!-- contact section ends -->
<!-- footer section starts -->
<section class="footer" id="footer">
<div class="socials">
<ion-icon name="logo-google"></ion-icon>
<ion-icon name="logo-twitter"></ion-icon>
<ion-icon name="logo-youtube"></ion-icon>
<ion-icon name="logo-linkedin"></ion-icon>
</div>
</section>
<!-- footer section ends -->
<!-- ionicons cdn -->
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<!-- local js file -->
<script src="script.js"></script>
</body>
</html>