-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
203 lines (175 loc) · 9.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DevCans - NIT Sikkim</title>
<link href="assets/img/icon.png" rel="icon" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/vendor/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="assets/vendor/materialize/css/materialize.min.css" rel="stylesheet" type="text/css" />
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="welcome">
<header>
<div class="navbar">
<nav class="hoverable transparent">
<div class="nav-wrapper">
<a href="index.html" class="brand-logo waves-effect"><img src="assets/img/devcans-logo.png" class="brand-icon">DevCans</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#about" class="waves-effect">About</a></li>
<li><a href="#repositories" class="waves-effect">Resources</a></li>
<li><a href="#team" class="waves-effect">Team</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">SIH 2024 Registration</a></li>
</ul>
</div>
</nav>
<ul class="sidenav" id="mobile-menu">
<li><a href="#about" class="waves-effect">About</a></li>
<li><a href="#repositories" class="waves-effect">Resources</a></li>
<li><a href="#team" class="waves-effect">Team</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">SIH 2024 Registration</a></li>
</ul>
</div>
</header>
<div id="particles-js"></div>
<div class="container msg">
<h1>DevCans for <span class="txt-type" data-wait="3000" data-words='["Developers", "Programmers", "Learners"]'></span>
</h1>
<h2>Welcome To DevCans</h2>
<p class="welcome-msg">To foster coding and development skills as well as healthy competitive environment.</p>
</div>
</div>
<main id="main">
<section id="about">
<div class="container">
<header class="section-header">
<h3 class="title">About Us</h3>
<p>This club aims to promote and foster coding skills as well as a healthy competitive environment at the institute by providing adequate resources. It will help members in developing an aptitude for logical thinking and visualizing a problem from various perspectives and creating multiple innovative solutions.</p>
</header>
<div class="row about-cols">
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="box">
<div class="icon" style="background: #FCEEF3;"><i class="ion-ios-paper-outline" style="color: #FF689B;"></i></div>
<h4 class="title">Resource Distribution</h4>
<p class="description">The club may ensure that the members have access to the required resources for enhancing skills such as coding, web and app development.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box">
<div class="icon" style="background: #EAFDE7;"><i class="ion-ios-speedometer-outline" style="color:#14CF2E;"></i></div>
<h4 class="title">Doubt Sessions</h4>
<p class="description">In order to ensure proper understanding of concepts, the club shall organize regular sessions involving learning through a practical approach.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="box">
<div class="icon" style="background: #ECEBFF;"><i class="ion-ios-clock-outline" style="color: #8660FE;"></i></div>
<h4 class="title">Coding Competition</h4>
<p class="description">The club shall conduct coding competitions periodically. It would ensure a healthy learning environment and practical application of various concepts.</p>
</div>
</div>
</div>
</div>
</section>
<section id="repositories" class="section-bg">
<div class="container">
<header class="section-header">
<h3 class="title">resources</h3>
</header>
<div class="row repo-container"></div>
<div class="more-btn">
<i class="ion-ios-arrow-up more-btn-inactive"></i>
<p>Show More</p>
<i class="ion-ios-arrow-down"></i>
</div>
</div>
</section>
<section id="team">
<header class="section-header">
<h3 class="title">Our Team</h3>
</header>
<div class="container">
<!-- <header class="section-header">
<h4 class="title">Mentor</h4>
</header> -->
<!-- <div id="mentor-container" class="row">
</div> -->
<header class="section-header">
<h4 class="title">Faculty Advisors</h4>
</header>
<div id="faculty-container" class="row">
</div>
<header class="section-header">
<h4 class="title">Members</h4>
</header>
<div class="slider-container">
<div class="slide-controls">
<button id="prev-btn">
<i class="fa fa-chevron-left"></i>
</button>
<button id="next-btn">
<i class="fa fa-chevron-right"></i>
</button>
</div>
<div class="slides">
<div id="member-container" class="">
</div>
</div>
</div>
</div>
</section>
</main>
<footer id="footer" class="section-bg">
<div class="container footer-container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 col-12 footer-info">
<h3>DevCans</h3>
<p>To promote and foster coding skills as well as a healthy competitive environment at the institute by providing adequate resources.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12 footer-contact">
<h4>Contact Us</h4>
<p>
DevCans<br>
National Institute of Technology Sikkim<br>
Ravangla, South Sikkim, India<br>
737139<br>
<strong>Email:</strong> <a href="mailto:[email protected]" style="color: #FFF;">[email protected]</a>
</p>
<div class="social-links">
<a href="https://github.com/DevCANS" class="github waves-effect"><i class="fa fa-github"></i></a>
<a href="#" class="facebook waves-effect"><i class="fa fa-facebook"></i></a>
<a href="#" class="instagram waves-effect"><i class="fa fa-instagram"></i></a>
<a href="#" class="linkedin waves-effect"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12 footer-feedback">
<h4>Feedback</h4>
<p>We are happy to hear from you.</p>
<button type="button" class="btn btn-primary waves-effect">Give Feedback</button>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="copyright">
© Copyright <strong>National Institute of Technology Sikkim</strong>. All Rights Reserved.
</div>
<div class="credits">
Made with <i class="fa fa-heart" style="color: red;"></i> by DevCans
</div>
</div>
</div>
</footer>
<script src="assets/vendor/jquery-3.4.1.min.js"></script>
<script src="assets/vendor/materialize/js/materialize.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/vendor/particles.min.js"></script>
<script src="assets/js/particle.js"></script>
</body>
</html>