forked from brompo/bahaitzwebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvijana.html
More file actions
220 lines (179 loc) · 10.7 KB
/
vijana.html
File metadata and controls
220 lines (179 loc) · 10.7 KB
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
<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!--- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Role of Youth in the society</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layout.css">
<!-- Adding Bootstrap 14 Apr 2024:Brian-Ceasar-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.png">
</head>
<body class="full">
<!-- Header
================================================== -->
<header id="header" class="site-header">
<nav id="header-nav" class="navbar navbar-expand-lg py3">
<div class="container">
<!-- Logo -->
<a class="navbar-brand navbar-logo" href="#">
<img alt="" src="images/logo.png" class="logo header-nav-logo">
</a>
<div class="dropdown d-lg-none order-3">
<button class="navbar-toggler " type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
<span class="navbar-toggler-icon "></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#intro">Mwanzoni</a></li>
<li><a class="dropdown-item" href="kusudi.html">Kusudi la Maisha Yetu</a></li>
<li><a class="dropdown-item" href="jumuiya.html">Kujenga Jumuiya</a></li>
<li><a class="dropdown-item" href="familia.html">Maisha ya Familia</a></li>
<li><a class="dropdown-item" href="sayansinadini.html">Sayansi na Dini</a></li>
</ul>
</div>
<!-- Navbar Content -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul id="navbar" class="navbar-nav text-uppercase justify-content-end flex-grow-1">
<li class="nav-item">
<a class="nav-link me-4 active" href="./">Nyumbani</a>
</li>
<li class="nav-item">
<a class="nav-link me-4" href="./maktaba">Maktaba</a>
</li>
<li class="nav-item">
<a class="nav-link me-4" href="./media-bank/">Picha</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link me-4 dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"
aria-expanded="true">Mada</a>
<ul class="dropdown-menu animate slide border">
<li>
<a href="kusudi.html" class="dropdown-item fw-light">Kusudi la Maisha Yetu</a>
</li>
<li>
<a href="jumuiya.html" class="dropdown-item fw-light">Kujenga Jumuiya</a>
</li>
<li>
<a href="familia.html" class="dropdown-item fw-light">Maisha ya familia</a>
</li>
<li>
<a href="sayansinadini.html" class="dropdown-item fw-light">Sayansi na Dini</a>
</li>
</ul>
</li>
<!-- <li class="nav-item dropdown" style="background: #8E673E; border-radius:10px;">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item active" href="#intro">Mwanzoni</a>
<a class="dropdown-item" href="kusudi.html">Kusudi la Maisha Yetu</a>
<a class="dropdown-item" href="jumuiya.html">Kujenga Jumuiya</a>
<a class="dropdown-item" href="familia.html">Maisha ya Familia</a>
<a class="dropdown-item" href="sayansinadini.html">Sayansi na Dini</a>
</div>
</li> -->
</ul>
<div class="user-items d-flex">
<ul class="d-flex justify-content-end list-unstyled mb-0"></ul>
</div>
</div>
<!-- Navbar Toggler Button for Mobile -->
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon " ></span>
</button> -->
<!-- Library Link -->
<!-- <ul class="navbar-nav ml-auto">
<li class="nav-item library">
<img class="libraryimage" src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy44MiAyNy44MiI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7b3BhY2l0eTogMC45O30uY2xzLTIge29wYWNpdHk6IDAuNjt9LmNscy0zIHtvcGFjaXR5OiAwLjM7fS5jbHMtMSwuY2xzLTIsLmNscy0zIHtmaWxsOiAjM2UzOTM4O2lzb2xhdGlvbjogaXNvbGF0ZTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IklDTl9BbGxfU2l0ZXNfIiBkYXRhLW5hbWU9IklDTiBBbGwgU2l0ZXMgIj48cmVjdCBpZD0iUmVjaHRlY2tfMTAxMSIgZGF0YS1uYW1lPSJSZWNodGVjayAxMDExIiBjbGFzcz0iY2xzLTEiIHdpZHRoPSI3Ljg0IiBoZWlnaHQ9IjcuNzkiIC8+PHJlY3QgaWQ9IlJlY2h0ZWNrXzEwMTIiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTAxMiIgY2xhc3M9ImNscy0xIiB4PSIxMC4wOSIgd2lkdGg9IjcuODQiIGhlaWdodD0iNy43OSIgLz48cmVjdCBpZD0iUmVjaHRlY2tfMTAxMyIgZGF0YS1uYW1lPSJSZWNodGVjayAxMDEzIiBjbGFzcz0iY2xzLTEiIHg9IjIwLjE3IiB3aWR0aD0iNy44NCIgaGVpZ2h0PSI3Ljc5IiAvPjxyZWN0IGlkPSJSZWNodGVja18xMDE0IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDEwMTQiIGNsYXNzPSJjbHMtMiIgeT0iMTAuMDEiIHdpZHRoPSI3Ljg0IiBoZWlnaHQ9IjcuNzkiIC8+PHJlY3QgaWQ9IlJlY2h0ZWNrXzEwMTUiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTAxNSIgY2xhc3M9ImNscy0xIiB4PSIxMC4wOSIgeT0iMTAuMDEiIHdpZHRoPSI3Ljg0IiBoZWlnaHQ9IjcuNzkiIC8+PHJlY3QgaWQ9IlJlY2h0ZWNrXzEwMTYiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTAxNiIgY2xhc3M9ImNscy0yIiB4PSIyMC4xNyIgeT0iMTAuMDEiIHdpZHRoPSI3Ljg0IiBoZWlnaHQ9IjcuNzkiIC8+PHJlY3QgaWQ9IlJlY2h0ZWNrXzEwMTciIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTAxNyIgY2xhc3M9ImNscy0zIiB5PSIyMC4wMyIgd2lkdGg9IjcuODQiIGhlaWdodD0iNy43OSIgLz48cmVjdCBpZD0iUmVjaHRlY2tfMTAxOCIgZGF0YS1uYW1lPSJSZWNodGVjayAxMDE4IiBjbGFzcz0iY2xzLTMiIHg9IjEwLjA5IiB5PSIyMC4wMyIgd2lkdGg9IjcuODQiIGhlaWdodD0iNy43OSIgLz48cmVjdCBpZD0iUmVjaHRlY2tfMTAxOSIgZGF0YS1uYW1lPSJSZWNodGVjayAxMDE5IiBjbGFzcz0iY2xzLTMiIHg9IjIwLjE3IiB5PSIyMC4wMyIgd2lkdGg9IjcuODQiIGhlaWdodD0iNy43OSIgLz48L2c+PC9zdmc+">
<a class="nav-link librarylink" href="./maktaba">Maktaba</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item bank">
<a class="nav-link banklink" href="./media-bank/">Picha</a>
</li>
</ul> -->
</div>
</nav>
</header>
<!-- Header End -->
<!-- Intro Section
================================================== -->
<section class="post align-center pb-0">
<div class="container">
<div class="row align-items-center post-image">
<img src="images/post-image/judah.jpg" alt="post-image" title="post-image">
</div>
</div>
</section>
<!-- Portfolio Section
================================================== -->
<section id="portfolio">
<div class="container">
<div class="row section-head">
<h2>Role of youth in the society</h2>
<p class="intro">The period of youth is a special time. In our youth, ideas are formed about identity and society that help shape the rest of our lives. Youth have great interest in profound questions and in developing their talents and abilities. Their keen sense of justice, altruism and eagerness to learn impel them to want to contribute the construction of a better world.</p>
<p class="intro">Since the inception of the Baha’i Faith, youth have played a vital role in all facets of community life. In Tanzania, youth of the Baha’i community play a leading role in building more dynamic communities.</p>
<p class="intro">Youth are at the forefront of assisting groups of those younger than themselves to develop their moral sensibilities, and see themselves as agents of positive change who can contribute to the development of their neighbourhoods.</p>
<p class="intro">Such groups are generally conducted at the neighborhood or local level and meet periodically to study, discuss and explore material inspired by the Baha’i teachings. </p>
<p class="intro">These teachings seek to impart essential moral concepts and build attitudes required to live a fruitful and rewarding life shaped by service to humanity. The participants also engage in a wide range of artistic and extra-curricular activities including sport, music and drama, as well as designing and carrying out service projects.</p>
<p class="intro">To learn more about the Junior Youth groups and Children Classes, please call us at <span class="inlinequote">[INSERT NUMBER HERE]</span> or email <span class="inlinequote">[INSERT EMAIL HERE]</span></p>
</div>
</div>
<!--- Quote--->
<div class="container quote">
<!-- Entry -->
<div class="row quotecolumn">
<p class="intro quote" id="mainquote"><em>“The betterment of the world can be accomplished through pure and goodly deeds, through commendable and seemly conduct.” </em></p>
<p class="manifestation">
— Bahá’u’lláh
</p>
</div>
</div>
</section>
<!-- footer
================================================== -->
<footer>
<div class="row">
<div class="col g-7">
</div>
<div class="col g-5 pull-right">
<ul class="social-links">
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-twitter"></i></a></li>
</ul>
</div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/smoothscrolling.js"></script>
<!-- Adding support to Bootstrap-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>