-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
617 lines (527 loc) · 29 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
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ICpEP.SE TUPV</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<h1><a href="index.html"><img src="assets/img/favicon.png" />ICpEP.SE - TUPV</a></h1>
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#values">Values</a></li>
<li><a class="nav-link scrollto" href="#testimonials">Testimonials</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#officers">Officers</a></li>
<li><a class="nav-link scrollto" href="#faq">F.A.Q.</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
<div class="container" data-aos="fade-in">
<h1>Institute of Computer Engineers of the Philippines Student Edition - TUPV</h1>
<h2>We aspire to become world-class Computer Engineers</h2>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="why-us">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-5" data-aos="fade-up">
<div class="content">
<h3>Why Choose TUPV when studying Computer Engineering?</h3>
<p>
Choosing Technological University of the Philippines Visayas (TUPV) for studying <br />Computer Engineering can provide students with a well-rounded education and prepare them for success in their future careers.
</p>
</div>
</div>
<div class="col-xl-8 col-lg-7 d-flex">
<div class="icon-boxes d-flex flex-column justify-content-center">
<div class="row">
<div class="col-xl-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-receipt"></i>
<h4>Why Choose TUP-Visayas</h4>
<p>TUPV offers excellent career services to help students prepare for their future careers.</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-cube-alt"></i>
<h4>What is Computer Engineering?</h4>
<p>It consists of the development of systems centered around computers and multilayered digital logic circuits.</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-images"></i>
<h4>What does ICpEP do?</h4>
<p>Build a network of professionals and graduates of Computer Engineering in the country through member interaction and open communication.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Why Us Section -->
<!-- ======= About Section ======= -->
<section id="about" class="about section-bg">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center align-items-stretch position-relative" data-aos="fade-right">
<a class="glightbox"></a>
</div>
<div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5">
<h4 data-aos="fade-up">About us</h4>
<h3 data-aos="fade-up">What is our dream as CpE - TUPVians?</h3>
<p data-aos="fade-up">We dream to excel in all situations and give our all. To show that we can decode success, format lives, and develop dreams. We will be the change that our society needs.</p>
<div class="icon-box" data-aos="fade-up">
<div class="icon"><i class="bx bx-fingerprint"></i></div>
<h4 class="title"><a href="">Decoding Success</a></h4>
<p class="description">ICpEP-TUPV is committed to helping its students not only excel academically, but also to develop the skills and abilities that will help them succeed in their personal and professional lives.</p>
</div>
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bx-gift"></i></div>
<h4 class="title"><a href="">Formatting Lives</a></h4>
<p class="description">ICpEP-TUPV aims to provide a nurturing and supportive environment for its students, providing them with a variety of opportunities to grow and develop in both their personal and academic lives.</p>
</div>
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<div class="icon"><i class="bx bx-atom"></i></div>
<h4 class="title"><a href="">Developing Dreams</a></h4>
<p class="description">ICpEP-TUPV emphasizes the importance of self-discovery, self-development, and self-expression, and it works hard to create an environment where students feel empowered to pursue their dreams and build the skills they need to succeed.</p>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Values Section ======= -->
<section id="values" class="values">
<div class="container">
<div class="row">
<h3>VALUES</h3>
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-up">
<div class="card" style="background-color: #0e0e0e;">
<div class="card-body">
<h5 class="card-title"><a href="">Our Mission</a></h5>
<p class="card-text">The Institute of Computer Engineers of the Philippines Student Edition (ICpEP.SE) is committed in
bridging the gap between the industry and the academe by empowering the interests, welfare, and ideals of its members,
developing a strong and harmonious foundation within its community, and professionalizing the skills of its officers
and members for global competitiveness and national progression.</p>
</div>
</div>
</div>
<div class="col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="100">
<div class="card" style="background-color: #0e0e0e;">
<div class="card-body">
<h5 class="card-title"><a href="">Our Vision</a></h5>
<p class="card-text">The Institute of Computer Engineers of the Philippines Student Edition (ICpEP.SE) envisions itself
as the foundation of world class computer engineers and motivator of students' interests towards excellence in Computer
Engineering as their field of specialization.</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Values Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container position-relative" data-aos="fade-up">
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Jayson John Quintanilla</h3>
<h4>Computer Engineering Department Head</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Our department is dedicated to providing our students with the skills and knowledge they need to excel, from theoretical foundations to practical application.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Brian Jay Lumauag</h3>
<h4>ICpEP-TUPV Adviser</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
ICPEP-TUPV is the ideal choice for those who are passionate about computer engineering and are looking for a program that can provide them with a solid foundation for success.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Adriane Justine Tan</h3>
<h4>Former ICpEP-TUPV President</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Being the former president of ICPEP-TUPV was a great responsibility and a true honor. It was a challenging, yet rewarding role, where you get to work with an exceptional team of professionals and make a real difference in our lives as students.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Lanz Joseph Villanueva</h3>
<h4>Former ICpEP-TUPV Vice-President External</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Being the former VP-External of ICPEP-TUPV was an exciting and rewarding experience. It was my responsibility to represent the institution outside of the campus and build relationships with partners and stakeholders.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>Reydan Briones Jr.</h3>
<h4>Former ICpEP-TUPV Vice-President Internal</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Being the former VP-Internal of ICPEP-TUPV is a privilege and an opportunity to contribute to the ongoing success of the institution. I was responsible for overseeing the internal operations of the institution, including managing budgets, personnel, and facilities.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-6.jpg" class="testimonial-img" alt="">
<h3>Gerome Dymosco</h3>
<h4>Former ICpEP-TUPV Vice-President Education</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
As the former Vice President of Education at ICPEP TUPV, it involves overseeing various aspects of the student experience, including academic programming, student support, extracurricular activities, and student involvement.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team section-bg">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-up">Website Developers</h2>
<p data-aos="fade-up">The developers of ICpEP-TUPV are a dedicated group of professionals who are committed to creating a unique and innovative learning experience as students. They bring a range of skills and experiences to the table, like expertise in computer science, engineering, and project management.</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Lanz Joseph Villanueva</h4>
<span>Project Manager</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Neil Francis Yangyang</h4>
<span>UI/UX Designer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Nicholas Gabriel Locson</h4>
<span>Project Architect</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-4.jpg" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Ariel Malihoc Jr.</h4>
<span>QA and Testing Specialist</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Officers Section ======= -->
<section id="officers" class="officers section-bg">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-up">Current Officers</h2>
<p data-aos="fade-up">The current officers of ICpEP-TUPV Batch 2024 are dedicated leaders who represent the Institute of Computer Engineers of the Philippines - TUPV,
working to promote professional growth, foster academic excellence, and support the advancement
of computer engineering within the community.</p>
</div>
<div class="president" data-aos="fade-up">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/CABAHUG.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Christian Angelo M. Cabahug</h4>
<span>President</span>
</div>
</div>
</div>
<div class="vicepres">
<div class="vps" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/AMBONG.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Hans M. Ambong</h4>
<span>Vice-President External</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/LOBATON.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Ivan Karl L. Lobaton</h4>
<span>Vice-President Internal</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/TANALGO.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Andre Louis B. Tanalgo</h4>
<span>Vice-President Education</span>
</div>
</div>
</div>
</div>
<div class="vicepres">
<div class="vps" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/MAGDALI.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Nikki Grace D. Magdali</h4>
<span>Secretary</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/INFANTE.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Wendy Sai D. Infante</h4>
<span>Treasurer</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/BETITA.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Karlryle Jhen E. Betita</h4>
<span>Auditor</span>
</div>
</div>
</div>
</div>
<div class="vicepres">
<div class="vps" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/RECTRA.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Ralph Emmanuel G. Rectra</h4>
<span>3rd Year PRO</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/GUADALUPE.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Ranni Rey I. Guadalupe</h4>
<span>2nd Year PRO</span>
</div>
</div>
</div>
<div class="vps" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/officers/VILLA.png" class="img-fluid" alt="">
</div>
<div class="member-info">
<h4>Mel Justin M. Villa</h4>
<span>1st Year PRO</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Current Officers Section -->
<!-- ======= F.A.Q Section ======= -->
<section id="faq" class="faq section-bg">
<div class="container">
<div class="section-title">
<h2 data-aos="fade-up">F.A.Q</h2>
<p data-aos="fade-up">ICpEP-TUPV had it's most interesting moments when it comes to answering difficult questions from incoming CpE Students. <br> Most of the questions are difficult, but it didn't faze the dedication of a fellow ICpEP-TUPV member</p>
</div>
<div class="faq-list">
<ul>
<li data-aos="fade-up">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse" data-bs-target="#faq-list-1">What is ICpEP?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
<p>
ICpEP is an organization for academic community that serves as a foundation for Computer Engineers towards skill enhancement, abilities and knowledge on their field, and to the working environment as professionals in the future since this will help us build relationship or interactions to the graduates or working Computer Engineers.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2" class="collapsed">What are the benefits when I join ICpEP?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
<p>
If you are an ICpEP member, you can get the certification board to become a "Certified Computer Engineer." This is one of the qualification in joining the industry. The higher the license, the higher than chance of getting hired.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3" class="collapsed">What skills are important for computer engineers to have? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
<p>
Engineers require a strong foundation in science and math, teamwork skills, and communication skills, particularly in computer engineering, which can be emphasized based on interests.
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4" class="collapsed">Does ICpEP help you find job opportunities? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
<p>
The ICpEP is a national organization and they have other connections that could lead you to more job opportunities.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="400">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-5" class="collapsed">What can I contribute once I am a member of ICpEP? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-5" class="collapse" data-bs-parent=".faq-list">
<p>
You just need to be active in the organization. There are many programs that had been held in the TUPV including the programming competition. If you win the competition, you can reperesent as for the regional or even the national competition!
</p>
</div>
</li>
</ul>
</div>
</div>
</section><!-- End F.A.Q Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<p data-aos="fade-up">Care to enroll and become a Computer Engineering Student at TUPV? Don't waste the opportunity and conncect with us now as TUPVian Computer Engineering Student. It is full of champions and strong representatives that in competition, they never back down. Connect with us!</p>
<h2 data-aos="fade-up">Contact</h2>
</div>
<div class="row justify-content-center">
<div class="col-xl-3 col-lg-4 mt-4" data-aos="fade-up">
<a href="https://www.google.com/maps/place/Technological+University+of+the+Philippines+Visayas/@10.7396264,122.964857,17z/data=!3m1!4b1!4m6!3m5!1s0x33aed695b2a51da3:0x95fc0e20bdc0ab77!8m2!3d10.7396212!4d122.9694704!16s%2Fm%2F0j7kfjx?entry=ttu">
<div class="info-box">
<i class="bx bx-map"></i>
<h3>Our Address</h3>
<p>Cpt Sabi St, Talisay, Negros Occidental</p>
</div>
</a>
</div>
<div class="col-xl-3 col-lg-4 mt-4" data-aos="fade-up" data-aos-delay="100">
<div class="info-box">
<i class="bx bx-envelope"></i>
<h3>Email Us</h3>
<p>[email protected]</p>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<img class="cpe-logo" src="assets/img/footer-bg.jpg"><br /><br />
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container d-lg-flex py-4">
<div class="me-lg-auto text-center text-lg-start">
<div class="copyright">
© Copyright <strong><span>ICpEP.SE - TUPV 2020 - 2023</span></strong>. All Rights Reserved
</div>
</div>
<div class="social-links text-center text-lg-right pt-3 pt-lg-0">
<a target="_blank" href="https://www.facebook.com/ICpEP.seTUPV" class="facebook"><i class="bx bxl-facebook"></i></a>
<a target="_blank" href="https://discord.com/invite/9T2aYmM7G4" class="discord"><i class="bx bxl-discord"></i></a>
<a target="_blank" href="https://github.com/ICpEP-SE-TUPV" class="github"><i class="bx bxl-github"></i></a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>