-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
206 lines (177 loc) · 9.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!---Beginning of navbar--->
<div class="navbar">
<div id="logo">
<img src="res/logo.png">
</div>
<div class="menu" id="pop">
<img src="image/menu_icon.png">
</div>
<div id="links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="Groups.html">Groups</a></li>
<li><a href="administration.html">Administrator</a></li>
<li><a href="about.html">Word</a></li>
<li><a href="CWA.html">Contact</a></li>
</ul>
</div>
</div>
<section class="header">
</div>
<!--End of navbar-->
<section class="about-header">
<div class="about-head-overlay">
<!--End of navbar-->
<div class="small-banner-text"><p>/ About Us </p> </div>
</div>
</section>
<!--End of about section-->
<div class="about-consolata">
<div class="consolata-pic">
<img src="res/consolatallam.jpg" alt="" srcset="">
</div>
<div class="consolata-text">
<h2>Journey With the consolata Missionaries</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, consequuntur eos! Eligendi dolore maxime quos culpa, sequi nemo quibusdam et pariatur cumque aliquam tenetur maiores totam. Dolor assumenda at magni?
Voluptatibus totam, at, quis voluptas iste illo delectus praesentium nisi quam vel, vitae inventore iure? Vitae cumque maxime, magni ratione excepturi nam corrupti nulla quae unde, laboriosam sint labore maiores.
Rem iure ipsa accusantium excepturi, quod maiores ipsam quo architecto sunt ad, consectetur quas corrupti vitae harum aperiam, iste reprehenderit inventore recusandae perspiciatis et reiciendis nihil dolor. Saepe, libero itaque!
Dignissimos sint quam, dolorum laudantium alias voluptate quo, obcaecati ullam qui reprehenderit libero commodi, voluptatem non nisi quisquam officia consequatur laborum eius. Cum maxime voluptate possimus, dolorum magni officiis atque.
Nihil quis voluptas odio. Repellat nihil est maiores fugit enim totam deleniti doloribus reprehenderit eos fugiat vel quos, soluta, tempora odit. Enim, expedita distinctio. Atque ipsam provident tenetur blanditiis deserunt.
Quidem voluptates velit vitae. Sapiente, nesciunt autem nobis esse sit consectetur, animi rem error ab alias, ipsum beatae minus corporis ducimus magnam dolorum? Animi neque iste reprehenderit, nisi explicabo eius?
Aut ipsum magnam quisquam sed? Eius quis obcaecati facilis quisquam, neque aliquam ex reiciendis ipsum amet, necessitatibus quae enim eaque doloremque sapiente nobis deleniti deserunt tempore fugiat. Aut, iusto quis.
Quisquam rem, modi qui id amet harum odit! Veniam, molestiae iste. Similique dicta laudantium aut aliquam soluta doloribus sit. Libero sint deleniti, eaque repudiandae autem dolor repellendus corrupti? Repudiandae, qui?</p>
</div>
</div>
<!--End of about-content-->
<section class="former">
<h3 class="former-priests-head">Our Former Priests</h3>
<div class="former-priests">
<div class="left">
</div>
<div class="main-priest">
</div>
<div class="right">
</div>
</div>
</section>
<!--Our centres section-->
<div class="centres">
<h3>Our Centres</h3>
<div class="center-t">
<div class="center-img">
<img src="./res/group.jpg" alt="" sizes="" srcset="">
</div>
<div class="center-text">
<h3>Obugi Centre</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa corrupti sit hic quasi, autem voluptates facilis voluptate laboriosam sint non debitis quis possimus veniam labore error voluptatem rerum, nesciunt eligendi.
Officiis beatae placeat facere, quidem error molestias consectetur qui est esse libero ullam aspernatur sint minima labore ex iure nisi autem fuga. Officia, libero. Omnis ex iure consequatur nesciunt! Ex.
Saepe distinctio, suscipit explicabo esse sunt ad ullam adipisci quaerat officiis delectus expedita aut minima omnis debitis perferendis dignissimos alias, nesciunt veritatis accusamus hic reiciendis! Fugiat repellat iusto magnam corrupti.</p>
</div>
</div>
<div class="center-t">
<div class="center-text">
<h3>Obugi Centre</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa corrupti sit hic quasi, autem voluptates facilis voluptate laboriosam sint non debitis quis possimus veniam labore error voluptatem rerum, nesciunt eligendi.
Officiis beatae placeat facere, quidem error molestias consectetur qui est esse libero ullam aspernatur sint minima labore ex iure nisi autem fuga. Officia, libero. Omnis ex iure consequatur nesciunt! Ex.
Saepe distinctio, suscipit explicabo esse sunt ad ullam adipisci quaerat officiis delectus expedita aut minima omnis debitis perferendis dignissimos alias, nesciunt veritatis accusamus hic reiciendis! Fugiat repellat iusto magnam corrupti.</p>
</div>
<div class="center-img">
<img src="./res/group.jpg" alt="" sizes="" srcset="">
</div>
</div>
<div class="center-t">
<div class="center-img">
<img src="./res/group.jpg" alt="" sizes="" srcset="">
</div>
<div class="center-text">
<h3>Obugi Centre</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa corrupti sit hic quasi, autem voluptates facilis voluptate laboriosam sint non debitis quis possimus veniam labore error voluptatem rerum, nesciunt eligendi.
Officiis beatae placeat facere, quidem error molestias consectetur qui est esse libero ullam aspernatur sint minima labore ex iure nisi autem fuga. Officia, libero. Omnis ex iure consequatur nesciunt! Ex.
Saepe distinctio, suscipit explicabo esse sunt ad ullam adipisci quaerat officiis delectus expedita aut minima omnis debitis perferendis dignissimos alias, nesciunt veritatis accusamus hic reiciendis! Fugiat repellat iusto magnam corrupti.</p>
</div>
</div>
<div class="center-t">
<div class="center-text">
<h3>Obugi Centre</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa corrupti sit hic quasi, autem voluptates facilis voluptate laboriosam sint non debitis quis possimus veniam labore error voluptatem rerum, nesciunt eligendi.
Officiis beatae placeat facere, quidem error molestias consectetur qui est esse libero ullam aspernatur sint minima labore ex iure nisi autem fuga. Officia, libero. Omnis ex iure consequatur nesciunt! Ex.
Saepe distinctio, suscipit explicabo esse sunt ad ullam adipisci quaerat officiis delectus expedita aut minima omnis debitis perferendis dignissimos alias, nesciunt veritatis accusamus hic reiciendis! Fugiat repellat iusto magnam corrupti.</p>
</div>
<div class="center-img">
<img src="./res/group.jpg" alt="" sizes="" srcset="">
</div>
</div>
</div>
<!--ENd of our centers section-->
<!--Beggining of Footer section-->
<section class="footer">
<div class="ft-overlay">
<div class="first-col">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="groups.html">Groups</a></li>
<li><a href="word.html">Word</a></li>
<li><a href="something.html">Something</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="second-col">
<img src="res/Consolata.png" alt="" srcset="">
</div>
<div class="third-col">
<ul>
<li><a href="something.html" title="archdiocese of Kisumu Website">ARCHDIOCESE OF KISUMU</a></li>
<li><a href="word.html" title="Kenya Confrence of Catholic Bishops">KCCB</a></li>
<li><a href="contact.html" title="Uzima Univertsity website">UZIMA UNIVERSITY</a></li>
<li><a href="index.html" title="Letters from the Pope">PAPAL ENCYCLICALS</a></li>
<li><a href="about.html" title="International News Catholic website">CATHOLIC NEWS AGENCY</a></li>
<li><a href="groups.html" title=" United states Confrence of Catholic Bishops">USCCB</a></li>
</ul>
</div>
</div>
<div class="bottom-col">
<p>Copyright <span id="year"> </span> Website Designed, built and Powered by <a href="smilingmachine.com">The Smiling Machine</a></p>
</div>
</section>
<div class="former-priest-cont">
<img src="res/priest.jpg" alt="" srcset="">
<p>Fr. Steve </p>
<p>2012-2018</p>
</div>
<div class="former-priest-cont">
<img src="res/priest.jpg" alt="" srcset="">
<p>Fr. Steve Otieno </p>
<p>2012-2018</p>
</div>
<div class="former-priest-cont">
<img src="res/priest.jpg" alt="" srcset="">
<p>Fr. Otieno Steve</p>
<p>2012-2018</p>
</div>
<div class="former-priest-cont">
<img src="res/priest.jpg" alt="" srcset="">
<p>Fr. Steve Otieno </p>
<p>2012-2018</p>
</div>
<div class="former-priest-cont">
<img src="res/priest.jpg" alt="" srcset="">
<p>Fr. Otieno </p>
<p>2012-2018</p>
</div>
<script src="script.js"></script>
</body>
<script>
</script>
</html>