forked from STAC-IITMandi/STAC-IITMandi.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
286 lines (267 loc) · 13.2 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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html lang="en_US">
<head>
<title>STAC|IIT Mandi</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Website of STAC, Space Technology and Astronomy Cell - IIT Mandi.">
<meta name="author" content="STAC Web-Development Team">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- Top Background Image Wrapper -->
<div id="home" class="banner">
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper grey lighten-5">
<a href="#" class="brand-logo black-text"></a>
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons black-text">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a class="black-text" href="#home">HOME</a></li>
<li><a class="black-text" href="#inv">INVENTORY</a></li>
<li><a class="black-text" href="activities.html">ACTIVITIES</a></li>
<li><a class="black-text" href="team.html">TEAM</a></li>
<li><a class="black-text" href="#contact">CONTACT</a></li>
</ul>
</div>
</nav>
</div>
<ul class="sidenav" id="slide-out">
<li><a class="black-text" href="#home">HOME</a></li>
<li><a class="black-text" href="#inv">INVENTORY</a></li>
<li><a class="black-text" href="activities.html">ACTIVITIES</a></li>
<li><a class="black-text" href="team.html">TEAM</a></li>
<li><a class="black-text" href="#contact">CONTACT</a></li>
</ul>
<!-- particles.js container -->
<embed src="images/backgrounds/mountain.svg"></embed>
<div class="main-heading">
<div class="white-text">SPACE TECHNOLOGY AND ASTRONOMY CELL, IIT MANDI</div>
</div>
<div class="about-text">
<p class="white-text">“The vision of the club is to become self sufficient so that in the coming future, we discover new celestial bodies, publish research papers, participate and win inter-college events, be a part of the projects by leading organisations in the field
of astronomy (NASA, ISRO, ESA etc) and much more."</p>
</div>
<div id="particles-js"></div>
</div>
<!-- End Top Background Image Wrapper -->
<!-- Content comes here -->
<div class="wrapper row2">
<section class="container clear">
<div class="sectiontitle">
<h4 class="center">Competitions held at STAC</h4>
<p class="center">Winners of various competitions held under STAC and event details are featured here.</p>
</div>
<div class="row">
<div class="col s12 m4">
<div class="hoverable card medium grey lighten-5">
<div class="card-image">
<img src="images/occulation.png">
<span class="card-title">Occulation</span>
</div>
<div class="card-content">
<p>A paper presentation event held in the annual intra-college tech fest of IIT Mandi, Utkarsh. It had the most difficult Problem Statement in all the events in Utkarsh.</p>
</p>
</div>
<div class="card-action">
<a href="#">Read More</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="hoverable card medium grey lighten-5">
<div class="card-image">
<img src="images/whatsup.png">
<span class="card-title">WhatsUp</span>
</div>
<div class="card-content">
<p>A successful event which saw an astronomical amount of participation. Sky was very clear. Photo featuring the winners, Akash, Ananya and Anuradha(Left to Right)</p>
</p>
</div>
<div class="card-action">
<a href="#">Read More</a>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="hoverable card medium grey lighten-5">
<div class="card-image">
<img src="images/zenith.png">
<span class="card-title">Zenith</span>
</div>
<div class="card-content">
<p>The first ever edition of Zenith observed a participation of 80. It was a written quiz focussing on Astrophysics covering the topic of Relativity too. Photo featuring the winner, Ananya.</p>
</p>
</div>
<div class="card-action">
<a href="#">Read More</a>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="wrapper row3 indigo lighten-5">
<div class="container">
<div class="sectiontitle">
<h4 class="center">What we do as a Club!</h4>
<p>STAC is a club where one can explore every corner of the technical knowledge he/she has! Have a look towards what we do! You are encouraged to knock our doors anytime. :) If you feel like taking a session on Astrophysics/Robotics/Programming/Star-Gazing
or anything related to STAC (Which is infact everything ;) ), just write a mail to [email protected].
</p>
</div>
<div class="row">
<div class="col s12 m3">
<div class="hoverable card-panel teal lighten-3 waves-effect waves-light">
<span class="black-text">
<h5>Astrophysics</h5>
Core Astrophyisics and related Mathematics, from Black holes to String Theory, from Expanding Universe to BigCrunch, we do everything!
</span>
</div>
</div>
<div class="col s12 m3">
<div class="hoverable card-panel blue lighten-3 waves-effect waves-light">
<span class="black-text">
<h5>Astronomy</h5>
Sky gazing, Messier Hunts, Sky Reading and what not! From studying Stellar evolution to operating telescopes (Even building one)!
</span>
</div>
</div>
<div class="col s12 m3">
<div class="hoverable card-panel cyan lighten-3 waves-effect waves-light">
<span class="black-text">
<h5>Space Technology</h5>
Working on Radio Telescope, Making Machine Learning Algorithms and Developing Android Apps. The domain is vast, which also includes automating the telescope…
</span>
</div>
</div>
<div class="col s12 m3">
<div class="hoverable card-panel indigo lighten-3 waves-effect waves-light">
<span class="black-text">
<h5>AstroPhotography</h5>
Having the privilege of living in a very serene place with amazing sky, some members are over-enthusiastic for capturing the night sky in the cameras…
</span>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper row4">
<section class="container">
<div class="sectiontitle">
<h4 class="center">Future Prospects and Ongoing Projects</h4>
<p>
A brief about our ongoing projects and what we plan to do in the future. We invite you to collaborate with us or/and sponsor our projects.
<br> Click on the images to Know More.
</p>
</div>
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/main2.jpg">
</div>
<div class="card-reveal grey lighten-5">
<span class="card-title grey-text text-darken-4">12" Telescope<i class="material-icons right">close</i></span>
<p>A 12" Telescope is under construction. We have already made it's body and we are about to start with mount! <br>The challenge is to make it automatic!</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/main.png">
</div>
<div class="card-reveal grey lighten-5">
<span class="card-title grey-text text-darken-4">Outing<i class="material-icons right">close</i></span>
<p>Visit to Dongla Observatory and 3 Days Training at Dongla Observatory.</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/main3.jpg">
</div>
<div class="card-reveal grey lighten-5">
<span class="card-title grey-text text-darken-4">Trip to Parashar Lake<i class="material-icons right">close</i></span>
<p>Parashar Lake trip in April. The most awaited trip of the year. We click some of the most amazing photographs in collaboration with Shutterbugs(Photography Club), IIT Mandi. The trip is a thrilling experience for Astronomy Enthusiasts, with
some open clusters even visible to the naked eyes.</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- End quote -->
<div class="container">
<div class="last-quote">
<div class="white-text">Swapnil Sharma gets selected for GSoC'18 in OpenAstronomy <a class="waves-effect waves-light btn-small" href="https://medium.com/@swapsha96/google-summer-of-code-2018-the-beginning-b9b4f6054d6" target="_blank">Click here</a></div>
</div>
</div>
<!-- Footer -->
<div class="wrapper">
<footer id="contact" class="page-footer grey lighten-5">
<div class="container">
<div class="row">
<div class="col l4 s12">
<ul class="col-padding nospace linklist black-text">
<h5 class="black-text">Address</h5>
<li>
<i class="fa fa-map-marker"></i> G1-101, Kamand Campus, IIT Mandi,<br>Kamand (H.P.) - 175005
</li>
</ul>
</div>
<div class="col l4 s12">
<ul class="nospace black-text text-lighten-4">
<h5 class="black-text">Contact Us</h5>
<li><i class="fa fa-phone"></i> +91 9695470636</li>
<li><i class="fa fa-phone"></i> +91 8628910358</li>
<li><a class="black-text" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i> [email protected]</li></a>
<li><a class="black-text" href="https://stac-iitmandi.slack.com"><i class="fab fa-slack"></i>
Slack Workspace</i></li>
</ul>
</div>
<div class="col l4 s12">
<ul class="nospace black-text text-lighten-4">
<h5 class="black-text">More Links</h5>
<li><a class="black-text" href="#!">Archives</a></li>
<li><a class="black-text" href="#!">Alumni</a></li>
<li><a class="black-text" href="#!">Administer</a></li>
</ul>
</div>
</div>
</div>
<div class="row center">
<a class="social-icon" target="_blank" href="https://www.facebook.com/stacIITMandi/"><i class="fab fa-facebook-f small"></i></a>
<a class="social-icon" target="_blank" href="https://github.com/STAC-IITMandi"><i class="fab fa-github small"></i></a>
<a class="social-icon" target="_blank" href="https://instagram.com/stac_iitmandi"><i class="fab fa-instagram small"></i></a>
<a class="social-icon" target="_blank" href="https://www.youtube.com/channel/UCnmH6Nadt91VEkoeN_lK-rA"><i class="fab fa-youtube small"></i></a>
<a class="social-icon" target="_blank" href="https://twitter.com/stac_iitmandi"><i class="fab fa-twitter small"></i></a>
</div>
<div class="footer-copyright black-text center">
<div class="container">
© 2018. STAC Web-Development Team. All Rights Reserved.
</div>
</div>
</footer>
</div>
<a id="backtotop" href="#">
<i class="fa fa-chevron-up"></i>
</a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
<script src="layout/scripts/jquery.flexslider-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="layout/scripts/particles.js"></script>
<script src="layout/scripts/smoothscroll.js"></script>
<script src="layout/scripts/sidenav-init.js"></script>
</body>
</html>