-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
142 lines (128 loc) · 6.85 KB
/
template.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
<!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 banner-template">
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper grey lighten-5">
<a href="#!" class="brand-logo black-text"></a>
<a href="#!" data-target="mobile-demo" 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="index.html">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>
<ul class="sidenav" id="mobile-demo">
<li><a class="black-text" href="index.html">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>
<!-- particles.js container -->
<div id="particles-js"></div>
</div>
<!-- End Top Background Image Wrapper -->
<!-- Content comes here -->
<!-- Sample Content -->
<div class="wrapper row2">
<section class="container clear">
<div class="sectiontitle">
<h4 class="center">SAMPLE</h4>
<p class="center">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
</div>
<div class="row">
<p class="center">SAMPLE SAMPLE</p>
</div>
</section>
</div>
<!-- ................... -->
<!-- Content ends here -->
<!-- End quote -->
<div class="container">
<div class="last-quote">
<div class="white-text">Quote comes here!</div>
</div>
</div>
<!-- Footer -->
<!-- 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>