-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
180 lines (139 loc) · 5.56 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dreaming - About Us</title>
<meta name="description" content="We seek to improve society by urging others to help us in appreciating, doing, and urging good acts."/>
<meta name="author" content="Jimuel Catalan, Patricia Canaria, Dominik De Leon, Paul Reynon, Michael Rivera"/>
<meta name="keywords" content="Advocacy Website, Peace Advocacy, Peace and Order Website, Advocates of peace, Peace and order journals, Peace and order experiences, Advocacy mission, Advocacy journals" />
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<div id="wrap">
<div class="section" id="banner_wrap">
<nav id="nav">
<a href="index.html">Home</a>
<a href="how.html">How to Help</a>
<a href="journals.html">Journals</a>
<a href="about.html" class="active">About Us</a>
<span id="clear"></span>
</nav>
</div>
<div class="sections-wrap">
<div class="section main">
<div class="content">
<h3>About Us</h3>
<p>We are undergraduate students of Saint Louis University who are taking up Bachelor of Science in Computer Science. It is our intention to extend our capabilities and use these to contribute to our community, and one way to achieve this is by pursuing a valuable goal.</p>
<p>Pursuing our goal won't be very easy, we expect it to be challenging. Given those, we seek our visitors to help us even in the simplest ways — by helping us spread the importance of peace and order. We are going to be very thankful to whoever lends us a hand.</p>
</div>
<div class="content">
<h3>The Team</h3>
<table class="content members">
<tr>
<td>
<img class="thumbnail" src="images/jim.jpg" alt="jimuel" />
</td>
<td>
<ul class="data">
<li><span>Name: Jimuel Catalan</span></li>
<li><span>Hobbies: Web Designing, Reading, Gaming, Watching Anime and Series</span></li>
</ul>
</td>
</tr>
<tr>
<td>
<img class="thumbnail" src="images/patricia.jpg" alt="patricia" />
</td>
<td>
<ul class="data">
<li><span>Name: Patricia Canaria</span></li>
<li><span>Hobbies: Watching Movies and Series, Reading Books, Baking</span></li>
</ul>
</td>
</tr>
<tr>
<td>
<img class="thumbnail" src="images/dominik.png" alt="dominik" />
</td>
<td>
<ul class="data">
<li><span>Name: Dominik De Leon</span></li>
<li><span>Hobbies: Watching Movies and Series, Making Sound Systems, Listening to Music</span></li>
</ul>
</td>
</tr>
<tr>
<td>
<img class="thumbnail" src="images/paul.jpg" alt="paul" />
</td>
<td>
<ul class="data">
<li><span>Name: Paul Kennedy Reynon</span></li>
<li><span>Hobbies: Reading manga, Browsing SNS, Playing outdoor games</span></li>
</ul>
</td>
</tr>
<tr>
<td>
<img class="thumbnail" src="images/mike.jpg" alt="michael" />
</td>
<td>
<ul class="data">
<li><span>Name: Michael John Rivera</span></li>
<li><span>Hobbies: Reading, Gaming, Sports</span></li>
</ul>
</td>
</tr>
</table>
</div>
<div class="content">
<h3>Disclaimer</h3>
<p>
Advocates of Peace (AOP) provides this site as a service to the public and Web site owners.
</p>
<p>
AOP is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within this site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.
</p>
<p>
Although the AOP Web site may include links providing direct access to other Internet resources, including Web sites, AOP is not responsible for the accuracy or content of information contained in these sites.
</p>
</div>
<div class="content">
<h3>Due Credits</h3>
<p>
We would like to express our greatest thanks to <a href="http://www.hdwallpapers.in/colorful_leaves-wallpapers.html">HDWallpapers.com</a> for the image used in this website's banner and footer.
</p>
<p>Moreover, we would also like to thank the following for the custom fonts used in this website:</p>
<ol>
<li>Cicle - La Tipomatika</li>
<li>Quicksand - Andrew Paglinawan</li>
<li>Lacuna - Glashaus</li>
</ol>
<p>
All of those fonts were downloaded from <a href="https://www.fontsquirrel.com/">fontsquirrel.com</a>
</p>
<p>All of your resources serve us a great help in reaching our goals.</p>
</div>
</div>
<div class="section secondary">
<div class="content">
<h3>Share your story!</h3>
<p>
If you have an interesting story that may in any way — inspire others, then send it to us so we can post it here! You may email us at <a href="mailto:[email protected]">[email protected]</a> :)
</p>
</div>
<div class="content">
<h3>Find us!</h3>
<p>
Advocates of Peace <br>
Saint Louis University <br>
Bonifacio St., Baguio City.
</p>
</div>
</div>
</div>
<footer class="section footer">
<span id="copy">Copyright © Advocates of Peace 2017</span>
<span id="line">We picture the world where everyone lives in peace.</span>
</footer>
</body>
</html>