-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
316 lines (302 loc) · 26.6 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doh Kyaung Taw</title>
<link rel="stylesheet" href="vendor/css/bootstrap.min.css" />
<link rel="stylesheet" href="vendor/css/font-awesome.min.css" />
<link rel="stylesheet" href="vendor/css/main.css">
<link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.11.0/css/all.css">
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<link rel="stylesheet" type="text/css"
href="https://mdbootstrap.com/api/snippets/static/download/MDB-Pro_4.19.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="https://mdbootstrap.com/api/snippets/static/download/MDB-Pro_4.19.1/css/mdb.min.css">
<link rel="stylesheet" href='https://mmwebfonts.comquas.com/fonts/?font=GHKKengtung' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous" />
<link rel="stylesheet" type="text/css"
href="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/css/compiled-addons-4.19.1.min.css">
<script src="vendor/js/jquery.min.js"></script>
<script src="vendor/js/jquery.js"></script>
<script src="vendor/js/popper.min.js"></script>
<script src="vendor/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./resource/css/style.css">
</head>
<body>
<!--Header-->
<header class="w-100">
<nav class="navbar navbar-expand-md navbar-dark">
<!-- Brand -->
<a class="navbar-brand" href="#">
<img src="resource/img/logo.jpg" style="width:100px; height:100px;" alt="">
</a>
<a class="navbar-brand font-weight-bold text-primary" href="#">တို့ကျောင်းတော််</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<i class="fas fa-bars text-dark"></i>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse justify-content-between " id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-dark" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Program</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">News</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="row greeting">
<div class="col-md-12 col-lg-6 col-xl-6">
<h3 class="mt-100">Welcome To Doh Kyaung Taw</h3>
<p class="mt-60 text-justify">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, sapiente voluptatem aperiam et
reprehenderit enim qui iure quia! Maxime magnam facere nisi explicabo qui unde sint asperiores
aliquid repellat esse!Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, sapiente
voluptatem aperiam et reprehenderit enim qui iure quia! Maxime magnam facere nisi explicabo qui unde
sint asperiores aliquid repellat esse!
</p>
<button type="button" class="btn know">KNOW MORE
<i class="fas fa-arrow-circle-right pl-10 arrow"></i>
</button>
</div>
<div class="col-12 col-xs-6 col-md-6 mt-2">
<img src="resource/img/img2.png" alt="Boy Pic" class="mx-auto w-100">
</div>
</div>
<div class="row">
<div class="svgimg col-12 col-md-12 col-lg-12 col-xl-12">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="806.072" viewBox="0 0 1920 806.072">
<g id="Path_2" data-name="Path 2" transform="translate(0 74.714)" fill="#fef6d7">
<path
d="M 1425 730.8574829101563 C 1396.783569335938 730.8574829101563 1367.390258789063 729.4048461914063 1337.636474609375 726.5396118164063 C 1310.586181640625 723.9348754882813 1282.630249023438 720.1046142578125 1254.545532226563 715.1553344726563 C 1207.2421875 706.8193969726563 1158.70361328125 695.196044921875 1110.278076171875 680.6077270507813 C 1091.253540039063 674.8765258789063 1072.200927734375 668.66845703125 1053.649780273438 662.1558227539063 C 1038.809326171875 656.94580078125 1024.254516601563 651.5305786132813 1010.390014648438 646.0601196289063 C 987.3206176757813 636.9580078125 973.82177734375 630.7124633789063 973.0982666015625 630.3762817382813 C 972.4205322265625 629.9430541992188 960.3921508789063 622.292236328125 939.433837890625 611.1605834960938 C 926.8242797851563 604.4634399414063 913.4945068359375 597.8336791992188 899.8147583007813 591.455322265625 C 882.7156982421875 583.4829711914063 865.0185546875 575.8834228515625 847.2145385742188 568.8677368164063 C 801.895263671875 551.0096435546875 755.6185913085938 536.7803344726563 709.6702270507813 526.5755615234375 C 682.3873901367188 520.5160522460938 654.9183349609375 515.8267822265625 628.0259399414063 512.6375122070313 C 613.5707397460938 510.9231872558594 598.9963989257813 509.6094055175781 584.7073974609375 508.7322387695313 C 569.768798828125 507.8153381347656 554.7269287109375 507.350341796875 540 507.350341796875 C 525.2735595703125 507.350341796875 509.8276062011719 507.8153381347656 494.0909423828125 508.7322387695313 C 479.0395202636719 509.6091613769531 463.3223876953125 510.9229736328125 447.3757019042969 512.6367797851563 C 417.7102355957031 515.8255615234375 386.1611938476563 520.513916015625 353.60546875 526.572021484375 C 298.779296875 536.7744140625 240.1197662353516 550.9998779296875 179.2566680908203 568.8532104492188 C 155.3469085693359 575.8667602539063 131.0352325439453 583.4641723632813 106.9969024658203 591.4338989257813 C 87.76642608642578 597.8101196289063 68.66666412353516 604.4375 50.22833251953125 611.1322631835938 C 22.18561744689941 621.3143920898438 4.163069248199463 628.580322265625 0.5 630.0711059570313 L 0.5 1.324665188789368 C 3.108330726623535 0.5975409746170044 19.54575729370117 -3.947342395782471 45.81857299804688 -10.39322853088379 C 72.19119262695313 -16.86346626281738 114.1490478515625 -26.62703895568848 164.2680969238281 -36.39584732055664 C 220.5985717773438 -47.3751335144043 275.5457153320313 -56.12322998046875 327.5835571289063 -62.39680099487305 C 358.4792785644531 -66.12180328369141 388.6795349121094 -69.00441741943359 417.3452453613281 -70.96489715576172 C 448.87548828125 -73.12108612060547 479.3280944824219 -74.21441650390625 507.8571472167969 -74.21441650390625 C 536.384521484375 -74.21441650390625 565.9942626953125 -73.12108612060547 595.8633422851563 -70.96513366699219 C 623.018310546875 -69.00489807128906 650.9978637695313 -66.12274932861328 679.0250244140625 -62.39846801757813 C 726.23046875 -56.1256103515625 774.441650390625 -47.37870407104492 822.3190307617188 -36.40108489990234 C 841.1286010742188 -32.08823013305664 859.9312133789063 -27.41632461547852 878.2045288085938 -22.51537132263184 C 892.8233032226563 -18.59465789794922 907.1381225585938 -14.51918125152588 920.751220703125 -10.40227603912354 C 943.9297485351563 -3.39251446723938 957.2047729492188 1.368438005447388 957.336181640625 1.415818929672241 L 957.3502197265625 1.42081892490387 L 957.36474609375 1.42510461807251 C 957.5133056640625 1.468676090240479 972.5209350585938 5.860580921173096 998.2661743164063 12.32534313201904 C 1022.024536132813 18.29105758666992 1060.050048828125 27.29319953918457 1106.2802734375 36.30034255981445 C 1158.2421875 46.42391586303711 1209.766845703125 54.49034118652344 1259.423095703125 60.27534103393555 C 1288.907592773438 63.71034240722656 1318.052612304688 66.36867523193359 1346.048583984375 68.17653656005859 C 1376.845703125 70.16534423828125 1407.013549804688 71.17367553710938 1435.714233398438 71.17367553710938 C 1464.4150390625 71.17367553710938 1494.670532226563 70.16534423828125 1525.640747070313 68.17653656005859 C 1553.794311523438 66.36867523193359 1583.170654296875 63.71034240722656 1612.954345703125 60.27534103393555 C 1663.1142578125 54.49034118652344 1715.341430664063 46.42415237426758 1768.18505859375 36.30057907104492 C 1815.199951171875 27.29367637634277 1854.00927734375 18.29177093505859 1878.287353515625 12.32605743408203 C 1901.602172851563 6.596999168395996 1916.341796875 2.495867013931274 1919.5 1.606506943702698 L 1919.5 630.4727783203125 C 1917.096801757813 631.3986206054688 1901.25341796875 637.452880859375 1875.782592773438 646.0556030273438 C 1859.583129882813 651.5267944335938 1842.717163085938 656.9429321289063 1825.653076171875 662.1536865234375 C 1804.323364257813 668.666748046875 1782.622192382813 674.8753662109375 1761.152587890625 680.6069946289063 C 1706.504760742188 695.19580078125 1653.008056640625 706.8196411132813 1602.148803710938 715.1558227539063 C 1571.953369140625 720.1048583984375 1542.364013671875 723.9351196289063 1514.20263671875 726.5398559570313 C 1483.227905273438 729.4048461914063 1453.215942382813 730.8574829101563 1425 730.8574829101563 Z"
stroke="none" />
<path
d="M 507.857177734375 -73.71441650390625 C 479.3404541015625 -73.71441650390625 448.9002685546875 -72.62158203125 417.38232421875 -70.466064453125 C 388.7261962890625 -68.506591796875 358.5357666015625 -65.6248779296875 327.6495361328125 -61.90130615234375 C 275.625 -55.62921142578125 220.691162109375 -46.88348388671875 164.3740234375 -35.90704345703125 C 114.2645263671875 -26.140380859375 72.3145751953125 -16.37872314453125 45.9466552734375 -9.90966796875 C 20.69482421875 -3.7144775390625 4.5301513671875 0.724365234375 1 1.70465087890625 L 1 629.3286743164063 C 5.882568359375 627.3511352539063 23.468505859375 620.3165283203125 50.0576171875 610.6622314453125 C 68.50048828125 603.9658203125 87.604736328125 597.3367919921875 106.8397216796875 590.9594116210938 C 130.88330078125 582.9877319335938 155.200439453125 575.388671875 179.115966796875 568.3734130859375 C 239.9952392578125 550.5153198242188 298.67138671875 536.2858276367188 353.5140380859375 526.08056640625 C 386.0823974609375 520.0201416015625 417.64404296875 515.3296508789063 447.3223876953125 512.1396484375 C 463.27685546875 510.4248657226563 479.00244140625 509.1103515625 494.0616455078125 508.2329711914063 C 509.80810546875 507.3155822753906 525.2637939453125 506.850341796875 540 506.850341796875 C 554.7371826171875 506.850341796875 569.789306640625 507.3155822753906 584.738037109375 508.2332153320313 C 599.036376953125 509.11083984375 613.6202392578125 510.4255981445313 628.084716796875 512.1410522460938 C 654.9935302734375 515.332275390625 682.4794921875 520.0244140625 709.77880859375 526.0874633789063 C 755.75244140625 536.2979736328125 802.0543212890625 550.5348510742188 847.3978271484375 568.4024658203125 C 865.211181640625 575.4219970703125 882.9178466796875 583.0255737304688 900.0259399414063 591.0022583007813 C 913.7135620117188 597.3841552734375 927.0512084960938 604.0177001953125 939.6683349609375 610.7191772460938 C 960.3898315429688 621.7249145507813 972.3963623046875 629.3353881835938 973.3388061523438 629.9365844726563 C 974.3351440429688 630.3988647460938 987.775634765625 636.6000366210938 1010.573547363281 645.5950927734375 C 1024.43212890625 651.0631713867188 1038.980712890625 656.476318359375 1053.8154296875 661.6841430664063 C 1072.359497070313 668.1943969726563 1091.40478515625 674.4000854492188 1110.422119140625 680.129150390625 C 1158.8291015625 694.7115478515625 1207.348388671875 706.330322265625 1254.632080078125 714.6629638671875 C 1282.7041015625 719.60986328125 1310.64697265625 723.4384155273438 1337.684326171875 726.0419921875 C 1367.422119140625 728.9055786132813 1396.79931640625 730.3574829101563 1424.999755859375 730.3574829101563 C 1453.198974609375 730.3574829101563 1483.1943359375 728.9055786132813 1514.15234375 726.042236328125 C 1542.30078125 723.4389038085938 1571.877197265625 719.610595703125 1602.059814453125 714.6636962890625 C 1652.9013671875 706.330810546875 1706.380004882813 694.7110595703125 1761.01025390625 680.1275024414063 C 1782.474243164063 674.3974609375 1804.169555664063 668.1907958984375 1825.493530273438 661.6793823242188 C 1842.553588867188 656.4703369140625 1859.41552734375 651.0556030273438 1875.610717773438 645.5858154296875 C 1900.140502929688 637.3011474609375 1915.739379882813 631.3805541992188 1919 630.1292724609375 L 1919 2.26617431640625 C 1914.803100585938 3.4405517578125 1900.426879882813 7.40069580078125 1878.406616210938 12.8115234375 C 1854.122802734375 18.7786865234375 1815.304565429688 27.78271484375 1768.279052734375 36.79150390625 C 1715.42333984375 46.91748046875 1663.183837890625 54.985595703125 1613.01171875 60.77203369140625 C 1583.2197265625 64.20794677734375 1553.834716796875 66.86700439453125 1525.6728515625 68.67559814453125 C 1494.69189453125 70.66485595703125 1464.425537109375 71.6737060546875 1435.71435546875 71.6737060546875 C 1407.0029296875 71.6737060546875 1376.823974609375 70.66485595703125 1346.016357421875 68.67535400390625 C 1318.011962890625 66.86700439453125 1288.858154296875 64.20794677734375 1259.365234375 60.77203369140625 C 1209.696411132813 54.9853515625 1158.159057617188 46.9169921875 1106.184814453125 36.79107666015625 C 1059.943359375 27.781982421875 1021.908813476563 18.7774658203125 998.144287109375 12.81036376953125 C 972.3897705078125 6.34320068359375 957.3726196289063 1.94842529296875 957.2238159179688 1.90484619140625 L 957.1950073242188 1.89654541015625 L 957.1669311523438 1.88629150390625 C 957.0354614257813 1.83892822265625 943.7642822265625 -2.92059326171875 920.5921630859375 -9.927978515625 C 906.9830932617188 -14.04345703125 892.672607421875 -18.11749267578125 878.05810546875 -22.03704833984375 C 859.790771484375 -26.93634033203125 840.9940185546875 -31.6063232421875 822.1904296875 -35.91754150390625 C 774.3299560546875 -46.890869140625 726.136474609375 -55.63397216796875 678.9483642578125 -61.9041748046875 C 650.932861328125 -65.62677001953125 622.9649658203125 -68.50775146484375 595.8216552734375 -70.466796875 C 565.9664306640625 -72.621826171875 536.3709716796875 -73.71441650390625 507.857177734375 -73.71441650390625 M 507.857177734375 -74.71441650390625 C 747.2335205078125 -74.71441650390625 957.5054931640625 0.9453125 957.5054931640625 0.9453125 C 957.5054931640625 0.9453125 1195.090454101563 70.6737060546875 1435.71435546875 70.6737060546875 C 1676.337890625 70.6737060546875 1920 0.9453125 1920 0.9453125 L 1920 630.8155517578125 C 1920 630.8155517578125 1661.78564453125 731.3574829101563 1424.999755859375 731.3574829101563 C 1188.214111328125 731.3574829101563 972.8571166992188 630.8155517578125 972.8571166992188 630.8155517578125 C 972.8571166992188 630.8155517578125 781.607177734375 507.850341796875 540 507.850341796875 C 298.392822265625 507.850341796875 0 630.8155517578125 0 630.8155517578125 L 0 0.9453125 C 0 0.9453125 268.480712890625 -74.71441650390625 507.857177734375 -74.71441650390625 Z"
stroke="none" fill="#707070" />
</g>
</svg>
</div>
</div>
<div class="row mt-5">
<div class="col-12 col-md-12 col-lg-6 col-xl-6">
<div class="card w-100">
<div class="card-header bg-primary">
<h3 class="text-white text-center font-weight-bold">About Events</h3>
</div>
<div class="card-body">
<img src="resource/img/img2.png" alt="" class="card-img-top" width="150" height="300">
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quaerat
quo aliquam ipsa blanditiis quibusdam, voluptates nam hic praesentium voluptatum vero
mollitia, assumenda illum animi nostrum maxime error fugit esse?</p>
</div>
<div class="card-footer">
<a href="#" class="text-link">Read More</a>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 col-xl-6 mt-5">
<div class="card w-100">
<div class="card-header bg-primary">
<h3 class="text-white text-center font-weight-bold">NEWS AND UPDATE</h3>
</div>
<div class="card-body">
<img src="resource/img/img2.png" alt="" class="card-img-top" width="150" height="300">
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quaerat
quo aliquam ipsa blanditiis quibusdam, voluptates nam hic praesentium voluptatum vero
mollitia, assumenda illum animi nostrum maxime error fugit esse?</p>
</div>
<div class="card-footer">
<a href="#" class="text-link">Read More</a>
</div>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-6 col-sm-12 col-md-6" id="stickyNote">
<img src="resource/img/my_note.png" id="note" alt="" style="width:100%;">
<div id="txt">
<i>
<h3 class="text-center">Upcoming Events</h3>
</i>
<ul class="list-group text-primary" style="margin-left:20%;">
<li class="list-group-item mb-2 shadow-lg" style="width: 80%;">
<i class="fas fa-calendar-alt"></i><b> Lorem Ipsum</b> <br>
<small>12/10/21</small>
</li>
<li class="list-group-item mb-2 shadow-lg" style="width: 80%;">
<i class="fas fa-calendar-alt"></i><b> Lorem Ipsum</b><br>
<small>12/10/21</small>
</li>
<li class="list-group-item mb-2 shadow-lg" style="width: 80%;">
<i class="fas fa-calendar-alt"></i><b> Lorem Ipsum</b><br>
<small>12/10/21</small>
</li>
</ul>
</div>
</div>
<br><br>
<div class="col-lg-6 col-sm-12 col-md-6">
<div class="box">
<div class="container">
<h3 class="text-center">Our Purposes</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum obcaecati esse, minima
voluptatum labore veniam. Repudiandae aliquid iste dignissimos quas ex autem aliquam
voluptatibus, nihil corrupti explicabo dolorem error esse.</p>
</div>
</div>
</div>
</div>
<br>
<div class="blackboard">
<h3 class="text-white text-center">Which one Do You Like To Learn?</h3>
<div class="carousel slide" id="demo" data-ride="carousel">
<div class="carousel-inner">
<ol class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
<li data-target="#demo" data-slide-to="4"></li>
<li data-target="#demo" data-slide-to="5"></li>
</ol>
<div class="carousel-item active">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">Myanmar</h3>
</div>
</div>
<div class="carousel-item">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">English</h3>
</div>
</div>
<div class="carousel-item">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">Mathematics</h3>
</div>
</div>
<div class="carousel-item">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">Geography</h3>
</div>
</div>
<div class="carousel-item">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">History</h3>
</div>
</div>
<div class="carousel-item">
<img src="http://placeimg.com/640/480/city" alt="FIRST SLIDE" style="height: 200px;"
class="d-block w-100">
<div class="carousel-caption">
<h3 class="text-dark">Science</h3>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#demo" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#demo" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="parteners">
<div class="mt-">
<div class="d-flex justify-content-around mt-3">
<div class="child">
<img src="resource/img/img2.png" class="rounded-circle" alt="" style="height: 200px;">
</div>
<div class="child">
<img src="resource/img/img2.png" class="rounded-circle" alt="" style="height: 200px;">
</div>
<div class="child">
<img src="resource/img/img2.png" class="rounded-circle" alt="" style="height: 200px;">
</div>
</div>
</div>
<center><button class="btn btn-warning rounded-pill">YEAH</button></center>
</div>
<div class="container mt-3">
<div class="row">
<div class="card col-12 col-md-6 mb-1">
<div class="card-body bg-success rounded">
<h2 class="card-title text-white text-center">Join Our Network</h2>
<p class="card-text text-white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora
rerum culpa
adipisci aliquam explicabo architecto dolorem, iste distinctio doloribus. Mollitia quasi laborum
explicabo voluptatem vitae reprehenderit labore maxime beatae et!</p>
</div>
<div class="card-footer bg-success">
<div class="input-group">
<input type="email" class="form-control mt-2" placeholder="email" aria-label="Username"
aria-describedby="basic-addon1">
<div class="input-group-append">
<button class="btn btn-info mt-1">Subscribe</button>
</div>
</div>
</div>
</div>
<div class="card col-12 col-md-6 mb-1">
<div class="card-body bg-success rounded">
<h2 class="card-title text-white text-center">How Can You Help Us?</h2>
<p class="card-text text-white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora
rerum culpa
adipisci aliquam explicabo architecto dolorem, iste distinctio doloribus. Mollitia quasi laborum
explicabo voluptatem vitae reprehenderit labore maxime beatae et!</p>
<button class="btn btn-info d-block w-100">Donate Us</button>
</div>
</div>
</div>
</div>
<footer class="mt-2">
<div class="container">
<div class="row">
<div id="contact" class="col-6 mt-2 mb-2">
<h3>Contact Us</h3>
<i class="fas fa-phone-alt text-info"></i>
<small><a href="tel:+95123456">+95123456</a></small>
</div>
<div id="follow" class="col-6 mt-2 mb-2">
<h3>Follow Us</h3>
<a href="#"><i class="fab fa-facebook" style="color:blue;"></i></a>
<a href="#"><i class="fab fa-youtube" style="color:red;"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<small><a href="#"><i class="fab fa-skype text-info"></i></a></small>
</div>
</div>
</div>
</footer>
</body>
</html>