-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1799 lines (1594 loc) · 137 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
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
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Operation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<! --- CSS ---->
<link rel="stylesheet" href="css/style.css">
<! --- SNAPSHOT CSS ---->
<link rel="stylesheet" href="css/snapshot.css">
<! --- OTHER CSS ---->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/light-box.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<! --- JAVA SCRIPT ---->
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<header class="nav-down responsive-nav hidden-lg hidden-md">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<nav>
<ul class="nav navbar-nav">
<li><a href="#top">Home</a></li>
<li><a href="#operation2">Active Operations</a></li>
<li><a href="#operation3">Operations</a></li>
<li><a href="#catalogue">Relief Catalogue</a></li>
</ul>
</nav>
</div>
</header>
<div class="sidebar-navigation hidde-sm hidden-xs">
<div class="logo">
<a href="https://philippineredcross.github.io/FRONT-PAGE/">DMS Operations</a>
</div>
<nav>
<ul>
<li>
<a href="#top">
<span class="rect"></span>
<span class="circle"></span>
Home
</a>
</li>
<li>
<a href="#operation2">
<span class="rect"></span>
<span class="circle"></span>
Ongoing Operations
</a>
</li>
<li>
<a href="#operation3">
<span class="rect"></span>
<span class="circle"></span>
Operations
</a>
</li>
<li>
<a href="#catalogue">
<span class="rect"></span>
<span class="circle"></span>
Relief Catalogue
</a>
</li>
</nav>
</div>
<! -------------------- OPERATION 1: FRONT PAGE SLIDE SHOW ------------------------->
<div class="slider">
<div class="Modern-Slider content-section" id="top">
<!-- Item -->
<div class="item item-1">
<div class="img-fill">
<div class="image"></div>
<div class="info">
<div>
<h4>Emergency Operations</h4>
<p>
DMS provides appropriate humanitarian services in the areas of rescue, relief, health, welfare, and <br> emergency shelter to the most vulnerable groups among the total affected population. <br>
It also involves the provision, restoration and improvement of shelter, livelihood, and <br> basic community facilities, to improve living conditions and reduce disaster risk, <br> supporting long-term approaches of building back better and safer.
</p>
</div>
</div>
</div>
</div>
<!-- // Item -->
<!-- // Item -->
</div>
</div>
<! -------------------- OPERATION 2: ONGOING / ACTIVE OPERATIONS SNEAK PREVIEWS ------------------------->
<div class="page-content">
<section id="operation2" class="content-section">
<div class="section-heading">
<h1><em>ONGOING / ACTIVE OPERATIONS</em></h1>
</div>
<div class="section-content">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="image">
<img src="img/OP2/covid19.png">
<div class="operation2-button button">
<a href="">See more</a>
</div>
</div>
<div class="text-content">
<h4>Covid-19</h4>
<span>Food and Cash Based Humanitarian Assistance</span>
<p>
Red Cross volunteers and staff are at the forefront of the response, playing an important role in reaching out to the persons and communities at risk through a variety of community level engagements and high level dialogues with the authorities.
Cooperation and continuous engagement with public authorities in necessary to enable the Red Cross Movement in the Philippines to continue to respond effectively, and to advocate an all-government effort and coordination aimed at reducing the spread of the pandemic.
</p>
</div>
</div>
<div class="item">
<div class="image">
<img src="img/OP2/rolly.png">
<div class="operation2-button button">
<a href="https://philippineredcross.github.io/Typhoon-Rolly-Goni-2020/">See more</a>
</div>
</div>
<div class="text-content">
<h4>Typhoon Rolly (Goni)</h4>
<span>October 2020</span>
<p>
Super Typhoon “Rolly” made its first landfall over Bato, Catanduanes and second landfall in Tiwi, Albay. It has weakened into a typhoon and made its third landfall in San Narciso, Quezon, and fourth landfall in Lobo, Batangas on 01 November 2020.
It has continued to weaken and become a tropical storm. At 8PM on 03 November 2020, it exited the Philippine Area of Responsibility (PAR). A total of 802,990 families or 3,353,414 persons were affected in 5,991 barangays in Regions NCR, II, III, CALABARZON, MIMAROPA, V, VIII, and CAR
</p>
</div>
</div>
<div class="item">
<div class="image">
<img src="img/OP2/ulysses.png">
<div class="operation2-button button">
<a href="#">See more</a>
</div>
</div>
<div class="text-content">
<h4>Typhoon Ulysses (Vamco)</h4>
<span>November 2020</span>
<p>
The Typhoon brought heavy rains on the entirety of Luzon, causing massive flashfloods and landslides on the already saturated lands, after the previous Typhoon Rolly hits the country.
This results to reported multiple displacement, and damages on shelter and livelihood. A total of 265,954 families or 1,010,726 persons were affected by Severe Tropical Storm (STS) “Maring” in 1,847 Barangays in Regions I, II, III, Caraga, NCR and CAR
</p>
</div>
</div>
<div class="item">
<div class="image">
<img src="img/OP2/maring.png">
<div class="operation2-button button">
<a href="https://philippineredcross.github.io/Typhoon-Maring-Kompasu-2021/">See more</a>
</div>
</div>
<div class="text-content">
<h4>Tropical Cyclone Maring (Kompasu)</h4>
<span>October 2021</span>
<p>
On 07 October 2021, the Low Pressure Area (LPA) East of Camarines Norte developed into a Tropical Depression and was named "Maring".
It became a large Tropical Storm as it moved over the Philippine Sea on 08 October 2021. Tropical Storm "Maring" merged with the remnants of "Nando" as it moved North Northwestward over the Philippine Sea on 10 October 2021. A total of 265,954 families or 1,010,726 persons were affected by Severe Tropical Storm (STS) “Maring” in 1,847 Barangays in Regions I, II, III, Caraga, NCR and CAR
</p>
</div>
</div>
<div class="item">
<div class="image">
<img src="img/OP2/odette.png">
<div class="operation2-button button">
<a href="https://philippineredcross.github.io/Typhoon-Odette-Rai-2022/">See more</a>
</div>
</div>
<div class="text-content">
<h4>Typhoon Odette (Rai)</h4>
<span>December 2021</span>
<p>
On 16 December 2021, Typhoon Rai (local name Odette) brought torrential rains, violent winds, landslides, and storm surges in the provinces of Surigao del Norte and Dinagat Islands in Mindanao, in five provinces of Visayas, and in the island of Palawan in Luzon before it exited the Philippine area of responsibility on 17 December.
The estimated total affected population in Southern Leyte and Caraga Region has reached around 513,000 families (approximately 1,947,000 individuals).
</p>
</div>
</div>
</div>
</div>
</section>
<!---------------------- OPERATION 3: LIST FOR COMPLETED OPERATIONS ----------------------->
<section id="operation3" class="content-section">
<div class="section-heading">
<h1><em>OPERATIONS</em></h1>
</div>
<div class="section-content">
<div class="tabs-content">
<div class="wrapper">
<ul class="tabs clearfix" data-tabgroup="first-tab-group">
<li><a href="#tab1" class="active">2006 - 2011</a></li>
<li><a href="#tab2">2012 - 2015</a></li>
<li><a href="#tab3">2016 - 2019</a></li>
<li><a href="#tab4">2020 - 2022</a></li>
</ul>
<!-- 2013 TO 2015 -->
<section id="first-tab-group" class="tabgroup">
<div id="tab1">
<ul>
<li>
<div class="item">
<img src="img/OP3/landslide.png">
<div class="text-content">
<h4>St. Bernard Landslide</h4>
<span>February 2006</span>
<p>
A massive landslide buried an entire village in Barangay Guinsa-ugon, in the town of St. Bernard, Southern Leyte province on Friday, February 17, 2006 at around 10:00 am. The landslide roared down a mountainside burying around 500 houses and an elementary school packed with around 246 schoolchildren, six (6) teachers, a principal and two health and social workers. Classes were ongoing at the time of the landslide. The landslides had been triggered by more than two weeks of continuous heavy rainfall, estimated to be four times more than the normal recorded rainfall
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
<a href="#">Operations Bulletin</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Reming (Durian)</h4>
<span>November 2006</span>
<p>
Typhoon Reming (international name Typhoon Durian) was a violent tropical cyclone that wreaked havoc in the Philippines and later crossed the Malay Peninsula in late November 2006, causing massive loss of life when mudflows from the Mayon Volcano buried many villages. Durian first made landfall in the Philippines, packing strong winds and heavy rains that caused mudflows near Mayon Volcano. After causing massive damage in the Philippines.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Frank (Fengshen)</h4>
<span>June 2009</span>
<p>
Typhoon 'Frank' entered the Philippine Area of Responsibility (PAR) as a tropical depression on 18 June 2008. As it made a landfall in Eastern Visayas, it has already intensified into a typhoon. And as it move into the country, TY 'Frank' had induced the southwest monsoon that caused landslides, flooding and storm surges along the eastern and western seaboards. Severely affected in terms of damage to infrastructure and the number of directly affected persons were the provinces of Iloilo, Capiz, Aklan and Antique in Region VI; and Leyte and Eastern Samar in Region VIII. Also affected by flooding due to moderate and heavy rains brought by the enhanced southwest monsoon, were the provinces of Maguidanao and Shariff Kabunsuan in ARMM; and Cotabato City and North Cotabato in Region XII.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Severe Tropical Storm Ondoy (Ketsana) and Typhoon Pepeng (Parma)</h4>
<span>September 2009</span>
<p>
<b>Tropical Storm "Ketsana," locally known as "Ondoy," </b> swept across Metro Manila and parts of Central Luzon on Saturday, September 26, 2009, and brought a month's worth of rain in just 12 hours. The waters rose so fast that people living in low lying areas were caught unaware and had to stay on the roofs of their houses to avoid being swept away by the floods. At least 140 died from the storm, and more than 450,000 people have been displaced and have sought shelter in schools, churches and other evacuation shelters. While <b>Typhoon Parma (locally named Pepeng) </b> made landfall on 3 October 2009 and affected more than 338,302 people (70,941 families), with 16 confirmed deaths and two people missing. To date, 85,863 people (19,184 families) are located in 460 evacuation centres, according to the National Disaster Coordinating Council (NDCC).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Juan (Megi)</h4>
<span>October 2010</span>
<p>
Typhoon Megi (locally named Juan) made landfall as a Category 5 Typhoon in the mountain range of Sierra Madre, Isabella Province, Cagayan Region (Region II) at 11:25 a.m. Manila time on 18 October 2010. Gale force winds reaching up to 260 km per hour and heavy rains were experienced throughout Ilocos (Region I), Region II, Central Luzon (Region III) and Cordillera Administrative Region (CAR). According to the latest National Disaster Risk Reduction and Management Council (NDRRMC) Update (No. 22), as of 25 October 422,745 families (1,980,014 people) in 3,330 Barangays were affected by Typhoon Megi. Casualties stand at 31 deaths and 42 injuries, with four people reported missing.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Pedring (Nesat) and Typhoon Nalgae</h4>
<span>September 2011</span>
<p>
On 24 September, <b>Tropical Storm Nesat</b> located 1,030 km East Northeast of Virac, Catanduanes entered the Philippine Area of Responsibility and maintained its course and strength as it moved closer to the Isabela-Aurora area. The storm intensified into a typhoon with local name “Pedring” and made landfall over the boundary of Aurora and Isabela on 27 September. On 28 September, the typhoon moved out of the country, but before that brought strong winds and rainfall, which toppled communication and power lines, trees, houses and others structures. The heavy rainfall also caused landslides and massive flooding. While <b>Typhoon Nalgae</b>, known in the Philippines as Quiel, was headed for the archipelago on September 30, 2011. Residents braced for winds and floods in the wake of Typhoon Nesat, which passed over the same region days earlier. The Moderate Resolution Imaging Spectroradiometer (MODIS) on NASA’s Terra satellite captured this natural-color image of Nalgae, just east of the Philippines, on September 30, 2011.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Tropical Storm Sendong (Washi)</h4>
<span>September 2011</span>
<p>
Tropical Storm Washi, locally known as Sendong, made landfall on 16 December 2011 in Surigao del Sur province on the north-eastern coast of Mindanao. The tropical storm unleashed heavy rains, which caused flash floods and landslides across the region. The greatest impact was seen in the cities of Cagayan de Oro (CDO) and Iligan in Region X (Northern Mindanao), where the flash floods struck in the early hours of the morning, giving residents little warning and killing many people as they slept. The Government reported 1,470 people killed, 1,074 missing and 2,020 injured. An estimated 624,600 people were affected with still 283,000 persons displaced from their homes as of March 2012. Essential services including power, communications and transportation had been disrupted and extensive impact was also expected on local staple crops of rice and corn.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
</ul>
</div>
<!--------------------------------- END FOR TAB 1 ---------------------------------------->
<!--- 2012 TO 2015 --->
<div id="tab2">
<ul>
<li>
<div class="item">
<img src="img/OP3/earthquake.png">
<div class="text-content">
<h4>Negros Oriental Earthquake</h4>
<span>February 2012</span>
<p>
A magnitude 6.9 earthquake shook the islands of Negros, Cebu, and nearby islands of Western Visayas region at 11:49 A.M. on February 6, 2012. The earthquake was generated by a thrust fault movement with the epicenter located in Tayasan, Negros Oriental. An Intensity VIII (very destructive) was felt in Tayasan, Vallehermoso, Jimalalud, La Libertad, and Guihulngan, Negros Oriental. The estimated total cost of damage to infrastructure was Php 383,059,000.00.00. A total of 51 dead and 112 injured while 62 were missing from the landslide in Solongon, La Libertad and Planas, Guihulngan (NDRRMC SitRep No. 22, 20 Feb 2012).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Pablo (Bopha)</h4>
<span>November 2012</span>
<p>
Typhoon Bopha made landfall the evening of Dec. 3, 2012, onBaganga, Mindanao in the Philippines. With sustained winds above 175 mph, the Category 5 storm was the strongest to ever hit the southern Philippine islands and the strongest to hit the country until the record-breaking superstorm, Typhoon Haiyan, in 2013.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>HABAGAT (Southwest Monsoon)</h4>
<span>August 2013</span>
<p>
"Maring" was a Low Pressure Are (LPA) in the Northeast of Basco, Batanes and developed into a Tropical Depression in the early morning of 17 August 2013. It then moved Southeast at over Bashi channel at 11 kph. Tropical Depression "Maring" shifted to East Southeast direction while maintaining its speed and intensity of 55 kph near the center in the evening of the same day. Tropical Cyclone "Maring" enchanced the southwest monsoon while it was almost stationary, bringing heavy to occasionally intense rains over Luzon, particulary the Western section that caused extensive flooding over the National Capital Region (NCR) and to other provinces in Luzon.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/Habagat2018_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Santi (Nari) and Southwest Monsoon</h4>
<span>August 2013</span>
<p>
The effects of <b>Typhoon Nari (locally named 'Santi')</b> has left at least 13 people dead and thousands displaced in Northern Philippines. The National Disaster Risk Reduction Management Council (NDRRMC) has reported over 200,000 people affected by the typhoon. More than 43,000 people (or 9000 families) are displaced, some living with host families and others in evacuation centres. More than 16,500 homes have been damaged.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/war.png">
<div class="text-content">
<h4>Zamboanga Seige</h4>
<span>September 2013</span>
<p>
Fighting between the Armed Forces of the Philippines (AFP) and a faction of the Moro National Liberation Front (MNLF) erupted on O9 September 2013. The conflict affected sixteen (16) barangays in Zamboanga City, including the coastal barangays of Rio Hondo, Mariki, Sta. Catalina, and Sta. Barbara. Many houses were burned, hundreds of civilians were held captive, and thousands were displaced from their homes. At the onset of the crisis, a total of 119,714 individuals (23,794 families) were displaced. Of this total, 28,976 individuals (5,881 families) took temporary shelter with their relatives or relatives — locally referred to as evacuation “home-based IDPs. Another 90,738 individuals (17,913 in individuals) sought refuge in seventy (70) evacuation centers in different locations in the city.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/earthquake.png">
<div class="text-content">
<h4>Bohol Earthquake</h4>
<span>October 2013</span>
<p>
Central Visayas region of the Philippines was rocked by a 7.2 magnitude earthquake, whose epicentre was in
Bohol Province, on the morning of 15 October 2013. The quake, which was described as the strongest to hit the region in more than 20 years, left more than 220 people dead and displaced some 75,000 families (370,000
people) in Bohol alone. Significant destruction to infrastructure, including roads, bridges, flood control facilities, school buildings, hospitals and other public buildings was reported to reach Philippine peso (PHP) 2.2 billion.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Yolanda (Haiyan)</h4>
<span>November 2013</span>
<p>
In the aftermath of Typhoon Haiyan (local name Yolanda), which struck the country on November 8, 2013, the world was confronted with images of utter destruction, death and despair. Hence, the PRC Typhoon Haiyan Operations was established. Covering nine provinces, three cities and 73 municipalities, 762 barangays and 1,224,413 individuals, Typhoon Haiyan Operations focused on the following: shelter, livelihood, health, education, disaster risk reduction and water, sanitation and hygiene (WASH).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Ruby (Habagat) </h4>
<span>December 2014</span>
<p>
Typhoon Ruby (International Name Hagupit) impact that made landfall over Visayas, South Luzon and part of CARAGA. The typhoon brings moderate to heavy rainfall and causes flooding, landslides and storm surges over the affected areas. Number of people were displaced, injured and noted number of individuals were missing and reported dead. The Samar Province which is parted in 3 areas, Northern, Western and Eastern Samar have been directly affected by the typhoon. A total of 73 municipalities/ cities in 3 provinces with 153,330 families (639,293 individuals) have been affected. It brings strong winds and heavy rainfall that causes flooding, total of 20,903 houses have been identified and 70,735 houses reported partially damaged.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Lando (Koppu)</h4>
<span>October 2015</span>
<p>
On 18 October 2015, Typhoon Koppu (locally known as Lando) made landfall over the town of Casiguran, Aurora province, around 360 km northeast of Philippine capital, Manila. A category 3 typhoon upon landfall, Koppu brought sustained winds of up to 185 km/h and gusts of up to 220 km/h. Koppu, inundated many farmlands and destroyed crops and livestock. According to the National Disaster Risk Reduction and Management Council (NDRRMC), more than 138,000 houses were damaged, with 19,000 totally destroyed. The council also reported that more than 9 billion Philippine peso (PHP)(CHF 191 million) worth of agricultural produce and livestock were lost.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Nona (Melor)</h4>
<span>December 2015</span>
<p>
Typhoon Melor struck Northern Samar, Philippines, on 14 December 2015, moved westward and made five landfalls before it exited the Philippine landmass through Occidental Mindoro on 19 December. Melor left 42 people dead, almost 300,000 houses damaged of which 98,000 houses were destroyed and some PHP 4.3 billion (CHF 89 million) worth of agriculture and infrastructure assets affected. Melor was then followed by a tropical depression (Twenty-Three), which enhanced the northeast monsoon causing heavy rainfall throughout much of the country. More than 800,000 families were affected by Typhoon Melor, Tropical Depression Twenty-Three and the northeast monsoon.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/2015-TY-Nona-Melor-/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
</ul>
</div>
<!----------------------------------------- END FOR TAB 2 ----------------------------------------------->
<!--- 2016 TO 2019 --->
<div id="tab3">
<ul>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Ferdie (Meranti)</h4>
<span>September 2016</span>
<p>
Typhoon Ferdie (international name: Meranti) entered the Philippine Area of Responsibility (PAR) as a severe tropical storm on the 11th of September 2016, and later intensified into a typhoon. It made landfall over Itbayat, Batanes around 12:15 am on 14 September 2016 with maximum sustained winds of up to 220 kph and gustiness of up to 225 kph. On the same day, it exited PAR around 12:30 pm. The typhoon caused damages to properties and livelihoods and has interrupted basic life lines. NDRRMC SitRep reported 16,648 persons / 4,588 families have been affected in 3 provinces.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/2016-TY-Ferdie-Meranti-/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Lawin (Haima)</h4>
<span>October 2016</span>
<p>
Typhoon Haima (locally known as Lawin) made landfall over Peñablanca, Cagayan on 19 October 2016 with winds of up to 225 kilometres per hour (kph) and gusts of up to 315 kph. Haima left 14 people dead and more than 2.4 million people affected in 5 regions across Luzon. The provinces of Cagayan and Isabela were amongst the most severely affected. Almost 200,000 houses were damaged in those provinces, while damage to livelihoods amounted to 10 billion Philippine pesos (200 million Swiss francs).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="LAWIN.html">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Karen (Sarika)</h4>
<span>October 2016</span>
<p>
On 16 October 2016, Typhoon Karen (international name Sarika) made landfall over Baler, Aurora, wreaking havoc as it crossed Central Luzon, before leaving PAR on 17 October. It brought strong winds and heavy rains, causing widespread damage in Aurora and Catanduanes and flooding in Nueva Vizcaya also Luzon provinces were widely affected. A total of 117 municipalities and cities have been affected in 1,060 barangays, with 87,665 persons (20,733 families); at least 7,069 houses were damaged, with 914 totally and 6,155 partially; and casualty figures include 8 dead, 4 injured, and 3 missing.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/2016-Typhoon-Karen-Sarika-/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Nock Ten (Nina)</h4>
<span>December 2016</span>
<p>
Typhoon Nina (Nock Ten) entered Philippine Area of Responsibility (PAR) on December. It has made 8 landfalls from 25 to 26 December: 1stin Bato, Catanduanes; 2nd in Sagnay, Camarines Sur; 3rdin San Andres, Quezon; 4th in Torrijos, Marinduque; 5th in Verde Island, Batangas; 6th in Tingloy, Batangas; 7th in Calatagan, Batangas; and, 8th in Lubang Island, Occidental Mindoro.The typhoon has weakened and continues to move towards the West Philippine Sea, exiting PAR on 28 December.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/Nock-Ten-3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/earthquake.png">
<div class="text-content">
<h4>Surigao Earthquake</h4>
<span>February 2017</span>
<p>
A magnitude 6.7 earthquake struck off the coast of north-eastern Mindanao, Philippines on 10 February 2017. The Philippine Institute of Volcanology and Seismology (PHIVOLCS) reported that the earthquake was relatively shallow, with a depth of 10 kilometres, and its epicentre was about 16 kilometres from Surigao City. The city is the capital of Surigao del Norte province with over 154,000 inhabitants. After the earthquake struck, Surigao City was placed under a state of calamity on the 11 February. On 13 February, the whole province of Surigao del Norte was placed under state of calamity. The declaration allowed local governments to access calamity funds and to quickly procure necessary supplies.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/2017-Surigao-Earthquake/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/earthquake.png">
<div class="text-content">
<h4>Lanao Earthquake</h4>
<span>April 2017</span>
<p>
A significant earthquake with a magnitude of 6.0 struck Mindanao at 5:21 a.m. on April 12, 2017. At a depth of 1 kilometre, the epicenter is located 13 kilometers northwest of Wao, Lanao del Sur. The displacement of a northwest trending active fault in the area caused the earthquake.Small-magnitude earthquakes followed, with the PHIVOLCS seismic monitoring network recording 471 aftershocks as of 6:00 a.m. on April 18, 2017. Since April 12, 2017, the following earthquakes/aftershocks with magnitudes of 4.0 and higher have been registered in the municipality:
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/earthquake.png">
<div class="text-content">
<h4>Batangas Earthquake</h4>
<span>April 2017</span>
<p>
Earthquakes have struck the province of Batangas, one after the other, with the highest magnitudes of 5.6 and 6.0 occurring at 3:07 and 3:09 pm on 8 April 2017, with 27 km in depth, and its epicenter in Mabini, Batangas. The province felt the highest reported intensity of 7, with reports of damages to infrastructures and some roads not passable due to rockslides and pocket landslides. Other provinces in Southern Luzon such as Laguna and Cavite and other cities in Metro Manila also felt the shaking with varied intensities of 3 to 5, but no damages and casualties were reported.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/war.png">
<div class="text-content">
<h4>Marawi Crisis</h4>
<span>May 2017</span>
<p>
Clashes began during an AFP raid in Marawi to capture Isnilon Hapilon, the leader and emir of IS (and Abu Sayyaf group) in the Philippines. A deadly firefight erupted between Hapilon’s fighters, calling for reinforcements from IS-Ranao (Maute group), and the combined Army and Police teams. In short sequence, the military’s Camp Ranao, police stations, a prison and Amai Pak-Pak hospital were attacked.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="MARAWICRISIS.html">Snapshot</a>
<a href="https://philippineredcross.github.io/Marawi_Crisis_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Vinta (Tembin)</h4>
<span>December 2017</span>
<p>
Typhoon Tembin (Vinta) entered Philippine Area of Responsibility (PAR) on December 20, 2017. It has intensified into Severe Tropical Storm and made landfall in Cateel, Davao Oriental. The typhoon has weakened into Tropical Storm as it moved towards Davao Region, weakened into Tropical Depression in the areas of Zamboanga Del Sur exiting the landmass of Zamboanga Peninsula at 11 in the morning of December 22, 2017. Then re-intensified into Tropical Storm over Sulu Sea and made its 2nd landfall in Balabac, Palawan on December 23, 2017. Vinta intensified into Typhoon as it exits PAR on December 24, 2017.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/Vinta-3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Urduja (Kai-Tek)</h4>
<span>December 2017</span>
<p>
Tropical Depression (TD) Urduja, which made five (5) landfalls since 16 December (in Eastern Samar, Masbate, Romblon, Aklan, and Palawan), is now located 120km northwest of Puerto Princesa, Palawan with sustained winds of 45kph and gustiness of up to 90kph. It is forecast to move west-southwest at 18kph and expected to be out of PAR tomorrow afternoon. As the typhoon is currently taking its path within the province of Palawan, the province is experiencing moderate rain with localized flooding reported as of this time.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/volcano.png">
<div class="text-content">
<h4>Mayon Volcano</h4>
<span>January 2018</span>
<p>
January 13, 2018 Mayon Volcano situated in the Province of Albay generated a phreatic eruption, generating steam and ash approximately 2,500-meter high. As the alert level was raised, PHIVOLCS also extended the danger zone from initial 6 kilometres to 8 kilometers radius. Due to the unstable status and eruptions of Mayon Volcano that causes displacements, total of up to 22,733 families / 87,452 individuals were affected in 61 barangays in the municipalities/cities of Bacacay, Camalig, Guinobatan, Ligao City, Daraga, Tabaco City, Malilipot, Santo Domingo (Libog), and Legazpi City in the Province of Albay, as precautionary evacuation has been ordered.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="https://philippineredcross.github.io/Mayon_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Basyang (Sanba)</h4>
<span>February 2018</span>
<p>
Tropical Storm Basyang (international name Sanba), was a weak tropical cyclone that affected southern and central parts of the Philippines in mid-February 2018. Sanba developed as a tropical depression in the open Pacific Ocean on February 8. As a developing system, Sanba brought minor flooding to Palau. From February 12 to 16, Sanba caused heavy rains, floods, and landslides across the southern and central Philippines, affecting over 250,000 people. About 40,000 people sought shelter in evacuation centers and more than 1,600 houses were damaged or destroyed. A total of 15 people were killed, mostly by flooded rivers and landslides, and 16 others were injured. Crop damage reached ₱168 million (US$3.19 million)
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Southwest Mosoon</h4>
<span>July 2018</span>
<p>
The Southwest Monsoon is continuously affecting the western part of the Philippines enhanced by the Tropical Storm "Karding". Pre-emptive evacuation was initiated and implemented especially in NCR, Central Luzon, Northern Luzon and Southern Luzon. Thousands of families or individuals were affected their homes were devastated by this situation.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="SWM.html">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/landslide.png">
<div class="text-content">
<h4>Cebu Landslide</h4>
<span>September 2018</span>
<p>
At around 0600H on 20 September 2018, a massive landslide affected an estimated 80.12 hectare area in Sitio Sindulan, Brgy. Tinaan in Naga City, Cebu. Disaster managers said the rains may have contributed in softening the ground soil causing the sloped land to collapse. However, some residents have also pointed on the ongoing quarrying operations in the area.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Ompong (Mangkhut)</h4>
<span>September 2018</span>
<p>
Typhoon Mangkhut, locally known as Typhoon "Ompong", made landfall in Banggao, Cagayan at 1:40am (15 September) ad left PAR on 16 September 2018. State of calamity has been declared in the following areas: Province of Cagayan, Isabela, Abra, Kalinga, Benguet, Ilocaos Norte, La Union, Quirino, Apayao and Mountain Province; Cities of Vigan, Ilagan, and Tuguegarao; and the Municipalities of Luna (La Union), San Fabian (Pangasinan), and Mayoyao and Aguinaldo (Ifugao).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="OMPONG.html">Snapshot</a>
<a href="https://philippineredcross.github.io/Ompong_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Typhoon Rosita (Yutu)</h4>
<span>February 2018</span>
<p>
Typhoon Rosita (Yutu) made an impact to northern luzon after the onslaught of the Super typhoon Ompong (Mangkhut). On 27 October 2018, Typhoon Rosita entered PAR and made its landfall in Dinapigue, Isabela on 29 October 2018. It exited PAR last 31 October 2018. A total of 65,340 families (254,454 individuals) were affected in 1,381 barangays, 197 cities/municipalities, and 20 provinces in Regions I, II, III, VIII, and CAR 2.It cause damages due to strong winds and flash flood due to the continuous rain in the mountainous regions. There were more than 14,000 houses, 6 school and 3 health facilities damaged (NDRRMC, 2018).
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="YUTU.html">Snapshot</a>
<a href="https://philippineredcross.github.io/Rosita_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Tropical Depression Samuel (Usagi)</h4>
<span>October 2018</span>
<p>
Severe Tropical Storm Usagi, known in the Philippines as Tropical Storm Samuel, was a tropical cyclone that affected the Philippines in late November 2018, causing severe damage around the Visayas region. The storm formed from a disturbance in the Central Pacific basin on November 3. Usagi caused one death and ₱52.2 million (US $992,000) in damages in the Philippines, most of which came from agriculture.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="#">Snapshot</a>
<a href="#">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">
<div class="text-content">
<h4>Tropical Depression Usman</h4>
<span>December 2018</span>
<p>
Tropical Depression Usman entered the Philippine Area of Responsibility (PAR) at 3:00 PM of 25 December 2018. Based on forecast, it may intensify into a Tropical Storm prior to landfall over Eastern Samar tonight. Moderate to heavy rains, which may trigger flooding and landslides, is expected over Visayas, Bicol region, Mindoro Provinces, Marinduque, Romblon and Quezon today. Meanwhile, the Northeast Monsoon is also affecting Northern Luzon.
</p>
<div class="dropdown">
<button class="dropbtn">Continue</button>
<div class="dropdown-content">
<a href="USMAN.html">Snapshot</a>
<a href="https://philippineredcross.github.io/Usman_3W/">Dashboard</a>
</div>
<br> <br>
<br> <br> <br>
</div>
</li>
<li>
<div class="item">
<img src="img/OP3/typhoon.png">