-
Notifications
You must be signed in to change notification settings - Fork 0
/
FLOODRECOVERY.HTML
110 lines (94 loc) · 4.89 KB
/
FLOODRECOVERY.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flood Recovery</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
overflow-y: scroll;
background-image: url('your-blurry-background-image.jpg'); /* Add a blurry background image */
background-size: cover;
background-position: center;
background-attachment: fixed;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 122, 204, 0.7); /* Semi-transparent blue header */
color: #fff;
padding: 10px;
text-align: center;
z-index: 1;
}
section {
margin: 20px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.3); /* Semi-transparent white content background */
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 2;
color: #000; /* Text color */
}
video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.impact-box {
margin-top: 20px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
</style>
</head>
<body>
<header>
<h1>FLOOD RECOVERY</h1>
</header>
<section>
</section>
<div class="impact-box">
<ul>
<li><strong>Damage Assessment and Data Collection:</strong> After a flood, conducting a thorough damage assessment is the first step in understanding the extent of the impact. This involves collecting data on damaged infrastructure, homes, and public facilities. Accurate and timely data is crucial for prioritizing recovery efforts and securing necessary resources.</li>
<li><strong>Emergency Relief and Basic Needs Provision:
</strong>Immediate post-flood recovery efforts should focus on providing emergency relief to affected populations. This includes supplying food, clean water, shelter, and medical assistance to those displaced or in distress. Collaborating with humanitarian organizations and government agencies ensures a swift and effective response.
.</li>
</ul>
</div>
<div class="impact-box">
<ul>
<li><strong>EInfrastructure Repair and Reconstruction:</strong>Rehabilitating damaged infrastructure is a critical component of flood recovery. This involves repairing roads, bridges, utilities, and public buildings. The reconstruction process should prioritize resilient and sustainable infrastructure to mitigate future flood risks. </li>
<li><strong>Infrastructure Resilience:</strong>
Designing and maintaining resilient infrastructure is a key aspect of flood preparedness. This includes constructing flood barriers, levees, and dams, as well as ensuring the proper maintenance of drainage systems. Infrastructure resilience reduces the impact of floods on communities and helps prevent extensive damage to property and critical facilities..</li>
<li><strong>Land Use Planning:</strong>
Implementing effective land use planning is essential for minimizing flood risks. Zoning regulations, especially in flood-prone areas, can help prevent further urbanization and guide responsible development. Planning should consider the preservation of natural buffers, such as wetlands and green spaces, which can absorb excess water and reduce the severity of flooding. </li>
<li><strong>CPsychosocial Support and Mental Health Services:</strong>
Floods can have a profound impact on mental health and well-being. Providing psychosocial support and mental health services for individuals and communities affected by the flood is crucial. Counseling, support groups, and outreach programs can help people cope with the emotional aftermath of the disaster.</li>
</ul>
</div>
</section>
<div class="impact-box">
<p>
Flooding is a natural disaster that can have severe consequences on both the environment and communities. The impact of floods includes:
</p>
</div>
<video autoplay muted loop>
<source src="sunset flood.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>