-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·521 lines (479 loc) · 22.6 KB
/
index.html
File metadata and controls
executable file
·521 lines (479 loc) · 22.6 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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
<!doctype html>
<html>
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- favicon icon -->
<!--Generated from https://www.favicon-generator.org/-->
<link rel="shortcut icon" href="logo/LogoMakr_6d5JNh.png" type="image/x-icon">
<!-- <link rel="icon" href="img/favicon.ico" type="image/x-icon"> -->
<!--*********** Local Links ************-->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- font awesome bootstrap-social Insert -->
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<!-- Customized CSS -->
<link href="css/styles.css" rel="stylesheet">
<!-- ************ BOOTSTRAP CDN ************ -->
<!--Link to activate bootstrap on github pages-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!--Link to activate font-awesome fonts on github pages-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:100,200,300,400,600,700|Open+Sans|Roboto|Roboto+Condensed:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800|Raleway:300,600,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Great+Vibes|Old+Standard+TT" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Carrois+Gothic+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet">
<!--Page Title-->
<title>Power In The Word | Home</title>
</head>
<body>
<!--****** REFERENCE REFERENCE REFERENCE *******-->
<!--https://www.pagecloud.com/blog/best-church-websites-->
<!--*******************************************-->
<!-- NAVIGATION BAR -->
<!--*******************************************-->
<nav class="navbar top_nav navbar-expand-lg navbar-dark small-navbar fixed-top">
<a class="navbar-brand" href="./index.html"><img src="logo/LogoMakr_89fHBY.png" alt="Power in the Word logo" > Power In The Word </a>
<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>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link text-uppercase" href="./index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-uppercase" href="./about_us.html">About</a>
</li>
<!--additional navigation items-->
<li class="nav-item">
<a class="nav-link text-uppercase" href="./sermons.html">Sermons <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-uppercase" href="./belief.html">Beliefs</a>
</li>
<li class="nav-item dropdown text-uppercase">
<a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Watch & Read
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="./watchandread.html">Watch & Read</a>
<a class="dropdown-item" href="./sermons.html">Sermons</a>
<a class="dropdown-item" href="./articles.html">Articles</a>
<a class="dropdown-item" href="./studies.html">Studies & Devotionals</a>
<a class="dropdown-item" href="./stories.html">Stories</a>
</div>
</li>
<li class="nav-item dropdown text-uppercase">
<a class="nav-link dropdown-toggle" href="./community.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Connect
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="./community.html">Community Group</a>
<a class="dropdown-item" href="./serve.html">Serve</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-uppercase" href="./contact.html">Contact</a>
</li>
<li class="nav-item give">
<!-- <a class="nav-link text-uppercase" href="#">Give</a> -->
<!-- Trigger/Open The Modal -->
<button class="nav-link text-uppercase" id="myBtn">Give</button>
</li>
</ul>
</div>
</nav><!--End of Navigation bar-->
<!--*******************************************-->
<!-- MODAL -->
<!--*******************************************-->
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close">×</span>
<p class="text-uppercase"><strong>Giving</strong></p>
</div>
<div class="modal-body">
<div class="row row-content">
<div class="col-10 offset-1 ">
<!--Adding a Basic Form-->
<form class="give">
<!--Give Type-->
<div class="form-group row">
<label for="give" class="col-12 col-form-label">Give *</label>
<div class="col-12 col-md-6">
<input type="text" class="form-control" id="give-amount" name="give-amount" placeholder="$">
</div>
<div class="col-12 col-md-6">
<select class="form-control">
<option></option>
<option>Regular Giving</option>
<option>Seed Sowing</option>
<option>Tithes</option>
<option>Offering</option>
<option>PWD Food Shelf</option>
<option>Other</option>
</select>
</div>
</div>
<!--Account Type-->
<div class="form-group row">
<label for="account" class="col-6 col-md-3 col-form-label">Account Type</label>
<div class="col-6 col-md-3">
<select class="form-control">
<option></option>
<option>credit/Debit Card</option>
<option>Checkings</option>
<option>Savings</option>
</select>
</div>
<!--Add card expiration date-->
<label for="expiration" class="col-6 col-md-3 col-form-label">Exp. Date *</label>
<div class="col-3 col-md-1 col-md-1">
<select class="form-control">
<option></option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</div>
<span>/</span>
<div class="col-3 col-md-1">
<select class="form-control">
<option></option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
</select>
</div>
</div>
<!--Add billing address-->
<div class="form-group row">
<label for="city" class="col-6 col-md-3 col-form-label">Billing Add. *</label>
<div class=" col-6 col-md-3">
<input type="text" class="form-control" id="city" name="city">
</div>
<label for="city" class="col-6 col-md-3 col-form-label">Billing City *</label>
<div class=" col-6 col-md-3">
<input type="text" class="form-control" id="city" name="city">
</div>
</div>
<!--Add name and email-->
<div class="form-group row">
<label for="name" class="col-6 col-md-3 col-form-label">Name *</label>
<div class="col-6 col-md-3">
<input type="text" class="form-control" id="name" name="name">
</div>
<label for="emailid" class="col-6 col-md-3 col-form-label">Email *</label>
<div class=" col-6 col-md-3">
<input type="email" class="form-control" id="emailid" name="emailid">
</div>
</div>
<!--Adding the Submit Button-->
<div class="form-group row">
<div class="col-md-10">
<button type="submit" class="btn btn-dark">
Submit
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<small>Here at Power In The Word Ministry we give because God first gave to us.
It’s not out of duty, obligation or guilt. Our gracious
God actually rejects those motives. It’s not because we
have to, it’s because we get to. And in giving out of a
heart of gratitude we are able, in yet one more tangible
way, to be part of a mission bigger than ourselves – sharing
the Hope of Jesus with a world in need of Hope</small>
</div>
</div>
</div><!--End of Modal-->
<!--*******************************************-->
<!-- VIDEO BACKGROUND -->
<!--*******************************************-->
<div id="video" class="video-container">
<video autoplay muted loop id="myVideo">
<source src="video/pwm-church-10802-2.mp4" poster="pwm-worship.png" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="content">
<h1>Power In The Word Ministry</h1>
<img src="logo/LogoMakr_89fHBY.png" alt="PWM faded Logo" class="center">
</div>
</div>
<!--*******************************************-->
<!-- WELCOME SECTION -->
<!--*******************************************-->
<!--Welcome section-->
<section class="welcome_1">
<div class="container">
<div class="row ">
<div class="col-12">
<p class="watch_read_headings text-center">We exist to connect </br>people to Jesus and each </br>other.</p>
<p class="text-center">Welcome to Power In The Word Ministry. We are a church that is committed to building a people who understand that Jesus Christ must reign supreme in their lives. They must penetrate every area of national life and disciple the nations with the teachings of our Lord Jesus Christ. Come join us!</p>
</div>
</div>
</div>
</section>
<!--*******************************************-->
<!-- CURRENT SERMON SECTION -->
<!--*******************************************-->
<!--Teaching Series-->
<section class="notes_sections pwm_app teaching_top">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<p class="large_fonts_white text-capitalize">Current Sermon Series</p>
<p class="series_topic">What is <span>Worship</span>?</p>
</div>
</div>
</div>
</section>
<section class="teaching_series">
<div class="container-fluid">
<div class="row">
<div class="col-12" >
<div style="padding:42.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/68023211?autoplay=1&color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<!-- <img src="https://i.imgur.com/Lb5E61S.jpg" class="img-fluid mx-auto d-block" href="#" alt="Keep yourself in the love of God image"> -->
<p class="text-justify teaching_note">It comes in all forms, from Loud and highly produced concerts. To the small intimate and personal levels.
But it all centers around the same thing. Praising God. </br>
</p>
<!--Note retrieved from https://lancewallnau.com/overcoming-a-controlling-spirit/-->
<hr>
<p class="text-capitalize text-center "><a href="./sermon.html">Catch up on recent Sermon</a></p>
</div>
</div>
</div>
</section>
<!--*******************************************-->
<!-- WATCH & READ SECTION -->
<!--*******************************************-->
<!--Watch & Read Section-->
<section class="notes_sections">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<p class="large_fonts_white text-capitalize">Watch & Read</p>
<p>Watch sermons and keep up with church news. Read simple, practical devotionals, and browse articles and stories about following Jesus in everyday life.</p>
<ul class="button_options">
<li><a class="btn btn-outline my-2 my-sm-0 btn-lg text-uppercase all_buttons" href="./stories.html" role="button">Stories</a></li>
<li><a class="btn btn-outline my-2 my-sm-0 btn-lg text-uppercase all_buttons" href="./sermons.html" role="button">Sermons</a></li>
<li><a class="btn btn-outline my-2 my-sm-0 btn-lg text-uppercase all_buttons" href="./studies.html" role="button">Studies</a></li>
</ul>
</div>
</div>
</div>
</section>
<!--*******************************************-->
<!-- NETWORK SECTION -->
<!--*******************************************-->
<!-- Network section -->
<section class="church_connect pwm_network">
<div class="container-fluid">
<div class="row first_row">
<div class="col-sm-6 watch_photo_bg_1"><!--<img src="https://i.imgur.com/0hlPUAw.jpg">-->
</div>
<div class="col-sm-6">
<p class="text-center watch_read_headings">Church feels like family when you connect</p>
<p class="sentence">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dictum pretium maximus. Donec accumsan consequat pulvinar.</p>
</br>
<a href="#" class="watch">Connect With Us ></a>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p class="text-center watch_read_headings">Come Study The Word With Us </p>
<p class="network_sentence">Study the word to show thyself approved. Consectetur adipiscing elit. Maecenas dictum pretium maximus. Donec accumsan consequat pulvinar.</p>
<a href="#" class="watch">Join Bible Study ></a>
</div>
<div class="col-sm-6 watch_photo_bg_2"><!--<img src="https://i.imgur.com/cgw8bRJ.jpg">-->
</div>
</div>
</div>
</section><!-- End of Network section -->
<!--*******************************************-->
<!-- NOTES SECTION -->
<!--*******************************************-->
<!--Notes Section-->
<section class="notes_sections pwm_app">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<p class="large_fonts_white text-capitalize">Our New App.</p>
<p class="">Connect with Power in the Word Ministries via our new mobile app., where you can watch sermons, read stories and catch up on church news from anywhere in the world. <!--</br><a href="#">Download today!</a>--></p>
</div>
</div>
</div>
</section><!-- End of Notes section -->
<!--*******************************************-->
<!-- NEW APP SECTION -->
<!--*******************************************-->
<!--NEW Mobile App Section-->
<section class="new_app">
<div class="container-fluid">
<div class="row">
<div class="new_app_details col-sm-6 col_1">
<p class="new_app_head text-center">The New </br>Power In The Word App</p>
<p>Watch, read, or listen to the latest from Power In The Word — right on your phone.</p>
<p>Download the NewSpring App and create your unique profile today.</p>
<a class=" flex-button btn btn-outline my-2 my-sm-0 btn-lg text-uppercase all_buttons" href="#" role="button">Download App</a>
</div>
<div class="new_app_img col-sm-6 col_2">
<img src="https://i.imgur.com/Rtb9kjg.png" class="img-fluid" alt="Mobile App for Power In The Word">
<a class=" flex-button btn btn-outline my-2 my-sm-0 btn-lg text-uppercase all_buttons" href="#" role="button">Download App</a>
</div>
</div>
</div>
</section>
<!--*******************************************-->
<!-- INFORMATION & FOOTER SECTIONS -->
<!--*******************************************-->
<!--Small section-->
<section class="small_sections">
<div class="container-fluid">
<div class="row">
<div class="col-12 small_sections_links">
<ul>
<li ><a href="#" class="text-capitalize right">Care & Prayer</a></li>
<li><a href="#" class="text-capitalize right">Share Your Story</a></li>
<li><a href="#" class="text-capitalize right">Contact Us</a></li>
<li class="social_links_small">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--Information section-->
<section class="info">
<div class="container-fluid">
<div class="row">
<div class=" col-12 col-md-6">
<div class="row">
<div class="col-6">
<a href="#video"><img src="logo/LogoMakr_7z1MZC.png" class="img-fluid" alt="logo"></a>
<p class="connect_social text-uppercase">Connect with us</p>
<div class="social_links">
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-6">
<p class="text-uppercase head">Explore</p>
<ul class="text-uppercase">
<li><a href="./about_us.html">About</a></li>
<li><a href="./sermons.html">Sermon</a></li>
<li><a href="./belief.html">Beliefs</a></li>
<li><a href="./watchandread.html">Watch & Read</a></li>
<li><a href="./community.html">Connect: Community</a></li>
<li><a href="./serve.html">Connect: Serve</a></li>
<li><a href="#">Contact</a></li>
</ul>
<p class="text-uppercase head">OUR Core Beliefs</p>
<ul class="text-uppercase about_menu">
<li><a href="./about_us.html#core_values">Our Core Values</a></li>
<li><a href="./about_us.html#mission">Our Mission</a></li>
<li><a href="./about_us.html#vision">Our Vision</a></li>
<li><a href="./belief.html">Learn More ...</a></li>
</ul>
</div>
</div>
</div>
<div class=" col-12 col-md-6">
<div class="row">
<div class="col-6 ministry">
<p class="text-uppercase head">Ministry</p>
<ul class="text-uppercase">
<li><a href="#">Greeting</a></li>
<li><a href="#">Hospitality</a></li>
<li><a href="#">Kids Ministry</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">PWD Generations</a></li>
<li><a href="#">Community Group</a></li>
<li><a href="#">Volunteer Group</a></li>
</li><a href="#">Power Network</a></li>
<li><a href="#">Health & Wellness</a></li>
</ul>
</div>
<div class="col-6 contact">
<p class="text-uppercase head">We would love to see you</p>
<ul class="text-uppercase visit_location">
<li class="visit">Visit:</li>
<!--Using tooltip to indicate the entire country name-->
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Jamaica">JA</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Florida">FL</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="New York">NY</a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Los Angeles">LA</a></li>
</ul>
<p class="text-uppercase contact_us">Contact Us:</p>
<p class="number"><i class="fa fa-phone fa-1x" aria-hidden="true"></i>
1-876-289-2222</p>
<p class="text-center email">Email: powerintheword@pwm.org</p>
<p class="text-center office" style="text-decoration:underline;">Head Office</p>
<p class="address text-center">34 Jadar Gardens, Hill View </br> St. Andrew </br>Jamaica W.I.</p>
</div>
</div>
</div>
</div>
</div>
</section><!--end of Information section-->
<!--Footer-->
<footer class="footer">
<div class="container-fluid">
<div class="row">
<!--copyright info-->
<div class ="col-12 text-left">
<p id="copyright">© Copyright 2018 Joan Clarke | Power In The Word Ministry
<span class="text-uppercase"><a href="#">Privacy Policy</a> | <a href="#">Terms & Conditions</a> </span></p>
</div>
</div>
</div>
</footer><!--end of Footer-->
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<!--Links to activate javascript and jQuery on github pages-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--Links to activate javascript and jQuery on github pages-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<!--Link to activate bootstrap on github pages-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!--LOCAL LINKS-->
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/tether/dist/js/tether.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>