-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsac.html
More file actions
313 lines (274 loc) · 18.4 KB
/
sac.html
File metadata and controls
313 lines (274 loc) · 18.4 KB
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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- PAGE TITLE -->
<title>Kalrav '17</title>
<!-- MAKE IT RESPONSIVE -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO -->
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<!-- FAVICON -->
<link rel="shortcut icon" href="images/favicon.png" />
<!-- STYLESHEETS -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/animate.min.css" rel="stylesheet" media="screen">
<link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
<link href="vertical.css" rel="stylesheet" media="screen">
<link href="style1.css" rel="stylesheet" media="screen">
<link href="style.css" rel="stylesheet" media="screen">
<link href="css/options.css" rel="stylesheet" media="screen">
<link href="css/responsive.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900,300,400,200,800' rel='stylesheet' type='text/css'>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
}
/*
.name{
color: #fff;
}
*/
header{
background-image: url(abstract_3d_wallpaper_4-1680x1050.jpg);
}
</style>
</head>
<!-- START BODY -->
<body>
<div id="page">
<!-- START HEADER -->
<header id="header" class="small with-separation-bottom">
<!-- POINTER ANIMATED -->
<canvas id="header-canvas"></canvas>
<nav id="navigation-mobile"></nav>
<!-- MAIN MENU -->
<nav id="navigation">
<!-- DISPLAY MOBILE MENU -->
<a href="#" id="show-mobile-menu"><i class="fa fa-bars"></i></a>
<!-- CLOSE MOBILE MENU -->
<a href="#" id="close-navigation-mobile"><i class="fa fa-long-arrow-left"></i></a>
<ul id="left-navigation" class="animate-me fadeInLeftBig">
<li class="menu-item">
<a href="index.html">Home</a>
</li>
<li class="menu-item current-menu-item menu-item-has-children"><a href="sac.html" >About Us</a></li>
<li class="menu-item"><a href="literary.html" >Events</a></li>
</ul>
<!-- <ul class="animate-me flipInX" data-wow-duration="3s">-->
<!-- </ul>-->
<div class="animate-me flipInX" data-wow-duration="3s">
<a id="logo-navigation">
</a>
</div>
<!-- <ul id="right-navigation" class="animate-me fadeInRightBig">-->
<ul id="right-navigation" class="animate-me fadeInRightBig">
<li class="menu-item"><a href="gallery.html" >Gallery</a></li>
<li class="menu-item"><a href="register.html">Register</a> </li>
<li class="menu-item"><a href="contact.html" >Contact Us</a></li>
</ul>
</nav>
<!-- SHADOW -->
<div id="shade2"></div>
</header>
<!-- END HEADER -->
<div class="main-container">
<div class="container">
<!--PORTFOLIO -->
<h1 class="with-breaker animate-me fadeInUp name">
STUDENT ACTIVITIES COUNCIL
</h1>
<img src="sac.jpg" class="img-responsive center-block">
<div class="row mt-40 mt-xs-20">
<div class="col-md-8 col-md-offset-2 text-center">
<h3 class="with-breaker animate-me fadeInUp">About SAC<SPAN>Umang</SPAN></h3>
<p class="center"><strong>"The SAC brainstorms all kinds of interesting and unique programs, events, and services that make the campus feel alive — with a mindful eye to diversity at all times."</strong><br>
College is about seeing things from a fresh perspective. Opening our eyes to more than just studies.Most of what we plan will change your life for the better in social, physical, intellectual or emotional ways.SAC ensures smooth and continuous conduct of student activities in the Institute. It also aims at quick and proper resolution of the issues of the students. SAC also provides an opportunity to the students to be engaged in the extracurricular activities apart from their regular curriculum, and present and enhance their creativity, technical and managerial skills.Students Activity Council (SAC) is a union of the students to address their concerns and for organization of extracurricular activities in the Institute. It is totally managed, organized and maintained by the students themselves. SAC contains <strong>4</strong> different Activity Councils (Cultural, Literary,Hobby and Sports).The Students Senate is the overall governing body of SAC; all the decision-making regarding the students is done here. Through SAC, students will develop leadership, program management, social responsibility, and interpersonal skills. Since our funds come from student money, SAC makes it a priority to organize events both appealing to students and diverse in nature.
</p>
</div>
</div>
<div class="page-header" id="councils">
<h2>COUNCILS...<small>Knowing our Council</small></h2>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-1" data-toggle="collapse" data-parent="#accordion">Cultural Council</a>
</div>
<div id="collapse-1" class="panel-collapse collapse">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<img src="choreo.jpg" class="img-responsive pull-right" width="250px" height="160px">
“The Council that improves the cultural skils of the students, besides stage events like Ramp show, dancing and singing events like add mad show are also gain the main attraction of the students. This council also organises these events time to time to maintain the interest of the students in the college schedule.”
</div>
</div>
<h2 class="with-breaker animate-me fadeInUp name">Cultural Council</h2>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="text"><h4 id="name">Dr. Shilpa Shirvastava</h4><p id="detail">Convener<br>IT Deptt.<br>+91-9718589036</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Ms. Ritu Aggarwal</h4><p id="detail">Co-Convener<br>IT Deptt.<br>+91-9818400119</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Dr. Sanjay Singh</h4><p id="detail">Member<br>AS Deptt.<br>+91-9837451209</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Ms. Parul Maarwah</h4><p id="detail">Member<br>MBA Deptt.<br>+91-9810947881</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-2" data-toggle="collapse" data-parent="#accordion">Hobby Council</a>
</div>
<div id="collapse-2" class="panel-collapse collapse">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<img src="elections.jpg" class="img-resposive pull-right" width="250px" height="160px">
“The Hobby Council represents a wide range of activities for UB students to enjoy. Whether you want to learn a new hobby, or want to continue your passion, this Council is the place for you. Our clubs range from music, fitness, creating, playing and anything and everything to help you unwind and relax after your academic studies.”Most happening Council that involves all the innovative activities, events are organised throughout the year. Students here enhance their technical skills and make lots of fun. This council's student members get the opportunity to organise the event and make it a success.
</div>
</div>
<h2 class="with-breaker animate-me fadeInUp name">Hobby Council</h2>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr. Satish Chokar</h4><p id="detail">Convener<br>CSE Deptt.<br>+91-9818913776</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr. Santosh Mishra</h4><p id="detail">Co-Convener<br>CSE Deptt.<br>+91-9654238607</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr.Pradeep</h4><p id="detail">Member<br>ME Deptt.<br>+91-7836096580</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Dr. Dileep Kumar Gupta</h4><p id="detail">Member<br>Pharm. Deptt.<br>+91-9716914610</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
<a href="#collapse-3" data-toggle="collapse" data-parent="#accordion">Literary Council</a>
</div>
<div id="collapse-3" class="panel-collapse collapse">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<img src="lit.jpg" class="img-responsive pull-right" width="250px" height="160px">
“Literary Council is a student council responsible for organising Literary events in the college to enhance the talent, there presentation skills and there speaking skills. Events are organised time to time like the paper presentation, movie making etc which gain the main attraction of students. Students are given the oportunity to organise the event and make it successful."
</div>
</div>
<h2 class="with-breaker animate-me fadeInUp name">Literary Council</h2>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr. VK Tripathi</h4><p id="detail">Convener<br>ECE Deptt.<br>+91-9711155546</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Dr.Ashish Singh</h4><p id="detail">Co-Convener<br>CSE Deptt.<br>+91-9811178033</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr.Dharambeer Singh</h4><p id="detail">Member<br>MBA Deptt.<br>+91-9811276227</p></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contacts">
<div class="img"><img src="" class="img-responsive" /></div>
<div class="text"><h4 id="name">Mr.Vijay Pratap Singh</h4><p id="detail">Member<br>EN Deptt.<br>+91-9718407007</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="contact-container with-separation-bottom with-separation-top">
<div class="contact-boxes">
<div class="contact-box contact-box-email animate-me zoomIn">
<h2>Email</h2>
<p>Write us a few lines about your ideas, your projects and let's advance together.</p>
<a href="https://www.rkgit.edu.in" class="btn btn-default"><i class="fa fa-envelope"></i>Contact</a>
</div>
<div class="contact-box contact-box-twitter animate-me zoomIn">
<h2>Twitter</h2>
<p>Follow us to interact, chat and share our ideas on Twitter.</p>
<a href="https://www.twitter.com" class="btn btn-default"><i class="fa fa-twitter"></i> Follow us</a>
</div>
<div class="contact-box contact-box-facebook animate-me zoomIn">
<h2>Facebook</h2>
<p>Like our page and send us message directly from our brand new Facebook page.</p>
<a href="https://www.facebook.com" class="btn btn-default"><i class="fa fa-facebook"></i> Like us</a>
</div>
<div class="contact-box contact-box-youtube animate-me zoomIn">
<h2>Youtube</h2>
<p>View our previous Events</p>
<a href="https://www.youtube.com" class="btn btn-default"><i class="fa fa-youtube"></i> Watch us.</a>
</div>
</div> </section>
</div>
<!-- END MAIN CONTAINER -->
<!-- START FOOTER -->
<footer id="footer" class="with-separation-top">
<aside id="widgets" class="container">
<div class="row">
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInLeft">
<p>Kalrav'17</p>
<a href="sac.html" class="btn btn-default"><i class="fa fa-users"></i> Read more</a>
</div>
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInUp">
</div>
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInRight">
<h4>Contact</h4>
<ul class="contact-informations">
<li class="contact-address">Raj Kumar Goel Institute of Technology,
ghaziabad, UP - 201003</li>
</ul>
<a href="council.html" class="btn btn-default"><i class="fa fa-envelope-o"></i> Contact Now</a>
</div>
</div>
</aside>
<div id="copyright" class="animate-me fadeInUp">
<div class="container">
<p>© 2017 All Rights Reserved.Kalrav-2017
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- SCROLL TOP -->
<a href="#" id="scroll-top" class="fadeInRight animate-me"><i class="fa fa-angle-double-up"></i></a>
<!-- SCRIPTS -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/custom.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="bootstrap\js/bootstrap.min.js"></script>
</body>
<!-- END BODY -->
</html>