-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
333 lines (305 loc) · 17.9 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
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
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="./assets/img/ITSLogo.png" type="image/x-icon">
<title>CVSU-ITS | Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="./assets/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="./assets/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="./assets/img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./assets/fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="./assets/css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="./assets/css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
<link rel="stylesheet" type="text/css" href="./assets/css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="./assets/css/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top"><img src="./assets/img/ITSLogo.png" alt="ITS_logo" width="110" style="margin-top: -30px;"></a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" class="page-scroll">About</a></li>
<li><a href="#lifeITS" class="page-scroll">Life@ITS</a></li>
<li><a href="#activities" class="page-scroll">Activities</a></li>
<li><a href="#contact" class="page-scroll">Contact</a></li>
<li><a href ="./Portals/portal.html" id="loginPortal" class="page-scroll"><img src="./assets/img/icons8-male-user-50.png" alt="Login_icon" height="30px"></a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div >
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header id="header">
<div class="intro">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 intro-text">
<h1>INFORMATION TECHNOLOGY SOCIETY</h1>
<p>This Website is exclusively for BSIT Students of CVSU Bacoor Campus</p>
<a href="#about" class="btn btn-custom btn-lg page-scroll">More Info</a> </div>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="about-text">
<h2>Welcome to <span>Information Technology Society</span></h2>
<hr>
<p>The IT society in Cavite State University encompasses students, faculty members, researchers, and professionals who are engaged in the study, application, and advancement of information technology. Here are some key points about the IT society at Cavite State University</p>
<a href="#lifeITS" class="btn btn-custom btn-lg page-scroll">View life@ITS</a> </div>
</div>
<div class="col-xs-12 col-md-3">
<div class="about-media"> <img src="./assets/img/cvsuofficiallogobacoor.jpg" alt="Official CVSU-bacoor logo"> </div>
<div class="about-desc">
<h3>Community of IT Enthusiasts</h3>
<p>The Information Technology Society at CvSU is a community of students passionate about information technology. It provides a platform for students to connect, collaborate, and engage in IT-related activities. The society fosters an environment where members can share their knowledge, explore new technologies, and participate in projects and competitions together. It serves as a hub for IT enthusiasts to network, learn, and grow collectively.</p>
</div>
</div>
<div class="col-xs-12 col-md-3">
<div class="about-media"> <img src="./assets/img/ITSLogo.png" alt="Official ITS-Logo"> </div>
<div class="about-desc">
<h3>Professional Development and Industry Exposure</h3>
<p>The Information Technology Society focuses on the professional development of its members. It offers opportunities for skill enhancement, career guidance, and exposure to the IT industry. The society organizes workshops, seminars, and industry talks to keep members updated with the latest trends and technologies in the field. It also facilitates connections with industry professionals, creating networking opportunities, internships, and potential job placements for its members.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Life@ITS Section -->
<div id="lifeITS">
<div class="container">
<div class="col-md-10 col-md-offset-1 section-title text-center">
<h2>Life@ITS</h2>
<hr>
<p><b>Welcome to Life@ITS, </b>where the world of information technology comes alive with boundless possibilities. Here, students harness the power of programming, networking, and troubleshooting, transforming themselves into true wizards, ninjas, and heroes of the digital realm. Let us take you on a captivating adventure through the corridors of innovation, where students thrive, and technology reigns supreme.</p>
</div>
<div class="row">
<div class="col-md-3 text-center">
<div class="lifeITS-media"> <img src="./assets/img/lifeITS/Programming.jpg" alt=" "> </div>
<div class="lifeITS-desc">
<h3>Programming </h3>
<p><b>Unleashing the Code Wizard:</b><br><br>Witness the brilliance of a student as they dive deep into the realms of programming, casting spells of logic and creativity in the computer laboratory. With nimble fingers and a mind ablaze, they craft lines of code, transforming ideas into reality and shaping a digital world with every keystroke. Step into the realm of possibilities, where innovation meets determination, and watch the magic unfold as a student breathes life into the virtual realms right before your eyes.</p>
</div>
</div>
<div class="col-md-3 text-center">
<div class="lifeITS-media"> <img src="./assets/img/lifeITS/Networking.jpg" alt=" "> </div>
<div class="lifeITS-desc">
<h3>Networking</h3>
<p><b>Networking Ninja in Action</b><br><br>Behold the student, a master of the digital connections, weaving a web of connectivity in the computer laboratory. With precision and expertise, they navigate the labyrinth of routers, switches, and cables, orchestrating a symphony of data flow. Armed with knowledge and determination, they conquer the challenges of configuring networks, troubleshooting, and optimizing performance. Witness the artistry of their fingertips as they unleash the power of connectivity, forging a seamless realm where machines and minds unite, propelling the world forward with every click, ping, and transfer.</p>
</div>
</div>
<div class="col-md-3 text-center">
<div class="lifeITS-media"> <img src="./assets/img/lifeITS/Troubleshooting.jpg" alt=" "> </div>
<div class="lifeITS-desc">
<h3>Troubleshooting</h3>
<p><b>The Hardware Hero Emerges</b><br><br>In the depths of the computer laboratory, a student dons their digital cape and embraces the role of a Hardware Troubleshooting Champion. Armed with a toolkit of precision and persistence, they fearlessly delve into the intricacies of machines. Their keen eyes and nimble hands unravel the mysteries of faulty components, resurrecting life into silent devices. Sparks of determination fly as they diagnose, repair, and optimize, breathing new life into the digital realm. Witness the birth of a hero as they restore the power and unleash the potential, reminding us that even in the face of technical challenges, innovation and resilience prevail.</p>
</div>
</div>
<div class="col-md-3 text-center">
<div class="lifeITS-media"> <img src="./assets/img/lifeITS/cybersecurity.jpg" alt=" "> </div>
<div class="lifeITS-desc">
<h3>Cybersecurity</h3>
<p><b>Guardians of the Digital Frontier</b><br><br>In the ever-evolving landscape of cyber threats, Life@ITS introduces you to the guardians of the digital frontier. With a vigilant eye and a steadfast commitment to protection, these cybersecurity warriors stand ready to defend against malicious attacks and safeguard sensitive information. Equipped with cutting-edge tools and techniques, they fortify networks, detect vulnerabilities, and devise robust security measures. Enter their domain, where they tirelessly battle unseen adversaries, ensuring that the digital world remains safe and secure for all..</p>
</div>
</div>
</div>
</div>
</div>
<!-- Activities Section -->
<div id="activities">
<div class="container">
<div class="section-title text-center center">
<h2>Activities</h2>
<hr>
<p>The activities of IT students in Cavite State University (CvSU) are as diverse as the field of information technology itself. From programming and networking to troubleshooting and beyond, CvSU's IT students engage in a wide range of activities that equip them with the skills and knowledge needed for a successful career in the digital world.
</p>
</div>
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".programming">programming</a></li>
<li><a href="#" data-filter=".networking">Networking</a></li>
<li><a href="#" data-filter=".cybersecurity">Cybersecurity</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-4 programming">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/Programming1-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students' Actual Programming</h4>
</div>
<img src="./assets/img/portfolio/Programming1-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 cybersecurity">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/cybersecurity1-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU IT Students participating DECODE 2022 PH </h4>
</div>
<img src="./assets/img/portfolio/cybersecurity1-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 programming">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/programming2-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students' Participating Programming Competition</h4>
</div>
<img src="./assets/img/portfolio/programming2-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 programming">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/programming3-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students' Capstone Proposal</h4>
</div>
<img src="./assets/img/portfolio/programming3-small.jpg" title="Project Title" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 cybersecurity">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/cybersecurity2-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students Conducting Cybersecurity awareness together with DICT</h4>
</div>
<img src="./assets/img/portfolio/cybersecurity2-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 networking">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/networking1-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students Actual Network Cabling</h4>
</div>
<img src="./assets/img/portfolio/networking1-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 networking">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/Network2-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT participating Network Fundamentals Bootcamp</h4>
</div>
<img src="./assets/img/portfolio/Network2-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 programming">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/programming4-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students' Coding Bootcamp</h4>
</div>
<img src="./assets/img/portfolio/programming4-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 cybersecurity">
<div class="portfolio-item">
<div class="hover-bg"> <a href="./assets/img/portfolio/cybersecurity3-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>CVSU-IT Students participating 'A taste of Drupal 8 and information security meetup 11'</h4>
</div>
<img src="./assets/img/portfolio/cybersecurity3-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact Section -->
<div id="contact" class="text-center">
<div class="container">
<div class="section-title text-center">
<h2>Contact Us</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
</div>
<div class="col-md-8 col-md-offset-2">
<h3>Leave us a message</h3>
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" class="form-control" placeholder="Name" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" class="form-control" placeholder="Email" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
<p class="help-block text-danger"></p>
</div>
<div id="success"></div>
<button type="submit" class="btn btn-custom btn-lg">Send Message</button>
</form>
</div>
</div>
</div>
<!-- Footer Section -->
<div id="footer">
<div class="container text-center">
<div class="col-md-8 col-md-offset-2">
<div class="social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!---------JS LIBRARIES -->
<script type="text/javascript" src="./assets/js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="./assets/js/bootstrap.js"></script>
<script type="text/javascript" src="./assets/js/SmoothScroll.js"></script>
<script type="text/javascript" src="./assets/js/nivo-lightbox.js"></script>
<script type="text/javascript" src="./assets/js/jquery.isotope.js"></script>
<script type="text/javascript" src="./assets/js/owl.carousel.js"></script>
<script type="text/javascript" src="./assets/js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="./assets/js/contact_me.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
</body>
</html>