forked from brompo/bahaitzwebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathforces.html
More file actions
222 lines (179 loc) · 11.4 KB
/
forces.html
File metadata and controls
222 lines (179 loc) · 11.4 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
221
222
<!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>Forces of integration and disintegration</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/vector-flower.jpg" alt="post-image" title="post-image">
</div>
</div>
</section>
<!-- Portfolio Section
================================================== -->
<section id="portfolio">
<div class="container">
<div class="row section-head">
<h2>Forces of integration and disintegration</h2>
<p class="intro">A new spirit of enormous power is stirring in the world, leading us to a more just and peaceful way of life.</p>
<p class="intro">This may appear to be a counter-intuitive statement, given what we can see with the naked eye. For thousands of years the history of humanity has been an unfolding drama of horrible and great suffering for the majority of the people who inhabit the earth—and the turmoil continues. </p>
<p class="intro">A few hours of watching the news or reading about the current state of international affairs is enough to create deep concern, sadness, and even hopelessness. To anyone who has not yet become desensitized to the bloody scenes of violence perpetrated by terrorists, or numbed by the deadly corruption of divided governments, the trajectory of our world appears to bend toward growing destruction and disintegration.</p>
<p class="intro">These processes of destruction and disintegration are quite real—there is no doubt about that.</p>
<p class="intro">But another equally profound and real process is unfolding alongside the destructive process; one of constructive integration. Although less visible to the casual everyday glance, it is a reality moving forward in the world, parallel to the destructive process, and it can be seen quite clearly when examined from a historical perspective:</p>
<p class="intro inlinequote">… the requirements and conditions of former periods have changed and merged into exigencies which distinctly characterize the present age of the world of mankind. That which was applicable to human needs during the early history of the race could neither meet nor satisfy the demands of this day and period of newness and consummation. Humanity has emerged from its former degrees of limitation and preliminary training. Man must now become imbued with new virtues and powers, new moralities, new capacities. New bounties, bestowals and perfections are awaiting and already descending upon him. The gifts and graces of the period of youth, although timely and sufficient during the adolescence of the world of mankind, are now incapable of meeting the requirements of its maturity. The playthings of childhood and infancy no longer satisfy or interest the adult mind. – Abdu’l-Baha, The Promulgation of Universal Peace, pp. 438-439.</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>