-
Notifications
You must be signed in to change notification settings - Fork 0
/
About-Us.html
108 lines (106 loc) · 4.6 KB
/
About-Us.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="images/PSIS-Logo.png" />
<link rel="stylesheet" href="Nav-Bar.css" /> <!-- Navigaion bar CSS -->
<link rel="stylesheet" href="About-Us.css" /> <!-- About us page CSS -->
<title>PSIS | About Us</title>
</head>
<body>
<header>
<div class="website-title"> <!-- Name of the website and the logo -->
<a href="Home.html"><img src="images/PSIS-Tag.png" alt="PSIS-Tag" /></a>
</div>
<div class="toggle-button">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<nav class="nav-bar"> <!-- This is for the Navigation Bar of the page -->
<ul>
<li><a href="Home.html">Home</a></li>
<hr />
<li><a href="DPT-Main-Page.html">Emergency</a></li>
<hr />
<li><a href="Step&Tips.html">Step & Tips</a></li>
<hr>
<li><a href="About-Us.html" class="active">About Us</a></li>
</ul>
</nav>
</nav>
</header>
<script src="Main.js"></script>
<section>
<div class="about-us">
<div class="au-title">
<h2>About Us</h2>
<hr/>
</div>
<div class="creators-info"> <!-- This is the "about us" information of the website -->
<h3>Public Safety Information System | Calamba</h3>
<p>
(PSIS), an emergency information system created by a group of hardworking students from the City College of
Calamba. Our team, composed of 5 people: Frane, Enriquez, Gatdula, Gongora, and Loquinario, united with the
shared objective of developing a comprehensive platform that provides the public with accurate and precise
information during emergencies.
</p><br/>
<p>PSIS was developed to promote awareness about critical emergency information. Our mission is to keep the
public informed and prepared by offering reliable information about various local government departments in
the City of Calamba. Our team is dedicated to providing a user-friendly and accessible website for the City of
Calamba, and we continuously strive to enhance and expand our platform to serve our users within and beyond
the City of Calamba, Laguna. We appreciate your visit to our website and hope that PSIS can supply you with the
necessary information to stay safe in emergencies.</p>
<hr/>
</div>
</div>
<div class="contact-us"> <!-- Information about the development team -->
<ul>
<h3>Contact Us</h3>
<div class="img-grid">
<li>
<a href="https://www.facebook.com/DonSuperGanda21?_rdc=1&_rdr"><img src="images/enriquez.jpg" alt="Enriquez's picture"/></a>
<h3>Enriquez, Gabriel</h3>
<p>(UI/UX Designer)</p>
<p>gdenriquez@ccc.edu.ph</p>
</li>
<li>
<a href="https://www.facebook.com/jethfrane?_rdc=1&_rdr"><img src="images/frane.jpg" alt="Frane's picture"/></a>
<h3>Frane, Jethro</h3>
<p>(Project Manager)</p>
<p>jrfrane@ccc.edu.ph</p>
</li>
<li>
<a href="https://www.facebook.com/carlossebastian.gatdula.37"><img src="images/gatdula.jpg" alt="Gatdula's picture"/></a>
<h3>Gatdula, Carlos Sebastian</h3>
<p>(Data Analyst)</p>
<p>csrgatdula@ccc.edu.ph</p>
</li>
<li>
<a href="https://www.facebook.com/profile.php?id=100080329394946"><img src="images/gongora.jpg" alt="Gongora's picture"/></a>
<h3>Gongora, Ivan</h3>
<p>(Researcher)</p>
<p>icgongora@ccc.edu.ph</p>
</li>
<li>
<a href="https://www.facebook.com/LazyyDep"><img src="images/loquinario.jpg" alt="Loquinario's picture"/></a>
<h3>Loquinario, Djomal</h3>
<p>(Front-end Developer)</p>
<p>doloquinario@ccc.edu.ph</p>
</li>
</ul>
</div>
<div class="footer"> <!-- Footer for social media links -->
<div class="soc-meds-icon">
<a href="#"><img src="images/facebook-icon.png" alt="facebook icon" /></a>
<a href="#"><img src="images/instagram-icon.png" alt="instagram icon" /></a>
<a href="#"><img src="images/twitter-icon.png" alt="twitter icon" /></a>
<a href="#"><img src="images/gmail-icon.png" alt="gmail icon" /></a>
</div>
<div>
<p>@Copyright</p>
</div>
</div>
</section>
</body>
</html>