forked from csinitte/csiweb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (238 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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178738134-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-178738134-1');
</script>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<title>Computer Society of India</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/home.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/gallery.css">
<link rel="stylesheet" type="text/css" href="css/ihover.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<style>
#btnScrollToTop {
position: fixed;
right:10px;
bottom: 10px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #444242;
color: #ffffff;
outline: none;
cursor: pointer;
}
</style>
</head>
<body>
<!-- --------------------------------------Header---------------------------------------- -->
<div class="container-fluid top">
<header>
<div class="text-center">
<img src="images/csi_header1_.png " style="
width: auto ;
max-width: 100% ;
height: auto ;
" >
</div>
</header>
</div>
<!-- --------------------------------------Navbar---------------------------------------- -->
<div class="container-fluid sticky-top">
<nav class="navbar navbar-expand-lg navbar-light">
<a href="index.html" class="navbar-brand">
<img src="images/csilogo.png" width="50" height="50">
Computer Society Of India
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="team.html" class="nav-link">Our Team</a>
</li>
<li class="nav-item">
<a href="gallery.html" class="nav-link">Gallery</a><span class="sr-only">(current)</span>
</li>
<li class="nav-item">
<a href="magazine test1.html" class="nav-link">Magazine</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!---------------------------------Marquee-------------------------------------->
<!--<div class="box">
<marquee width="100%" direction="left" height="25px" onmouseover="this.stop();" onmouseout="this.start();">
<b> Upcoming Events </b> </marquee>
</div>-->
<!-- ----------------------------------------NMAMIT IMAGE--------------------------------- -->
<div class="text-center">
<img src="images/nmamitbanner.jpg" >
</div>
<!-- ----------------------------------------About CSI -------------------------------------- -->
<div class="container about">
<div class="text-center">
<h1>CSI Student Branch </h1>
</div>
<hr>
<p>
NMAM Institute of Technology was established in 1986 and is affiliated to the Visvesvaraya
Technological University, Belagavi. The institute is recognised by the All India Council
for Technical Education, New Delhi and accredited by National Assessment & Accreditation
Council [NAAC] with 'A' grade with a CGPA of 3.11 out of 4 till 20th October 2022. Seven
UG Programs i.e., BE in Biotechnology, Civil Engineering, Computer Science & Engineering,
Electrical & Electronics Engineering, Electronics & Communication Engineering, Information
Science & Engineering and Mechanical Engineering are accredited by NBA, New Delhi under
Tier - I category till 30th June 2021. The institution has been granted Academic Autonomy
under the Visvesvaraya Technological University from 2007-08 and certified to the ISO
9001:2015 standards for quality education by NVT Quality Certifications (ANAB accredited).
Computer Society of India is the first and largest body of computer professionals in India.CSI has
been instrumental in guiding the Indian IT industry down the right path during its formative years.
It was started on 6 March 1965 by a few computer professionals and has now grown to be the national
body representing computer professionals.
The Computer Society of India(CSI) Student Branch, started in the institute in the year 2007, aims
at imparting technical knowledge and ethical responsibilities in the students through all its activities.
It encourages and motivates students to participate, organize and volunteer in various workshops,
technical training, competitions and motivational events to instill in them a sense of responsibility,
confidence and determination. It also aims at overall personality development by providing hands-on
workshops to educate students in the latest trends. The theoretical knowledge obtained in the classes
is used for the implementation, hence providing the practical knowledge to all. Technical talks are
arranged to keep students updated about the recent technologies. Every possible attempt is made to
equip students with the best of technical knowledge to mould them into a perfect engineer.
</p>
</div>
<!-- ----------------Container------------------ -->
<div class="container-fluid message">
<!-- Message -->
<div class="col-8">
<h4>Message From Student Chair:</h4>
<div class="msg">
<h6>Greeting to all…..!!</h6>
<p text-align="justify">Computer Society of India, NMAMIT Student Branch is one of the largest student clubs in our college.
I am honoured to be granted this privilege of being the Chairman. This year the Core Team have planned out a series
of workshops, training programs, sessions by motivational speakers and fun competitions as well.
We believe in the perfect blend of both technical and non technical events.
Technical events help in the academic and skill development of a student but non technical events help in the personality
development. CSI has always preferred quality of the events over the quantity and we have always received excellent feedback
from the participants.The success of CSI is and will be because of the coordination and support from my team. Nothing would
have been possible without the constant guidance of the faculty coordinators as well as our Student Branch
Counsellor: Dr. Sharada U Shenoy. I am glad to be a part of The CSI family.</p>
<h6>Vaishnavi Kundeshwara Bhat</h6>
<h6>Chairperson</h6>
<h6>CSI Student Branch</h6>
</div>
</div>
</div>
<div class="container-fluid message" >
<div class="text-center">
<h4> Upcoming Events </h4>
<br><br>
<!--
<a href="#"><img src="images/2022-23/e7.jpeg" alt="Piction The Emotion"
width=50% height=50%>
</a>
-->
<br>
<br>
<h3>COMING SOON!</h3>
<br>
<br><br>
</div>
</div>
</div>
<!-- --------------------------------------SlideShow-------------- -->
<div class="container">
<h1>A Glimpse From Our Recent Activities</h1>
</div>
<div class="container slideshow">
<div id="carouselIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselIndicators" data-slide-to="1"></li>
<li data-target="#carouselIndicators" data-slide-to="2"></li>
<li data-target="#carouselIndicators" data-slide-to="3"></li>
<li data-target="#carouselIndicators" data-slide-to="4"></li>
<li data-target="#carouselIndicators" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/2022-23/e14.jpg" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>CODEX TECH</h5>
</div>
</div>
<div class="carousel-item">
<img src="images/2022-23/e13.jpg" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>TECH FUSION</h5>
</div>
</div>
<div class="carousel-item">
<img src="images/2022-23/AI-Conic Explorations/DSC03353.jpg" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>AI-CONIC EXPLORATIONS</h5>
</div>
</div>
<div class="carousel-item">
<img src="images/2022-23/Dev App/Copy of ABI09830.jpg" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>DEV APP</h5>
</div>
</div>
<div class="carousel-item">
<img src="images/2022-23/get set go/IMG_5838.jpg" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>GET SET GO</h5>
</div>
</div>
<div class="carousel-item">
<img src="images/2022-23/annyeong/20221110144013_IMG_4697.JPG" class="d-block w-100">
<div class="carousel-caption d-none d-md-block">
<h5>ANNYEONG!</h5>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<button id="btnScrollToTop" >
<i class="material-icons">arrow_upward</i>
</button>
<script>
const btnScrollToTop =document.querySelector("#btnScrollToTop");
btnScrollToTop.addEventListener("click",function(){
window.scrollTo({
top:0,
left:0,
behavior:"smooth"
});
});
</script>
</body>
</html>