-
Notifications
You must be signed in to change notification settings - Fork 0
/
features.html
53 lines (49 loc) · 2.81 KB
/
features.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="features.css">
</head>
<body>
<header>
<div class="logo-section">
<img src="https://img.freepik.com/free-vector/bird-colorful-logo-gradient-vector_343694-1365.jpg?size=338&ext=jpg&ga=GA1.1.1412446893.1705266000&semt=sph" alt="Logo of the site" height="60px" border="5px"></img>
<div class="HeaderLogo">
<h1><b>WEBSITE</b></h1>
</div>
</div>
<nav class="topnav">
<a href="aboutus.html">About Us</a>
<a href="currentdata.html">Current Data</a>
<a href="predictions.html">Predictions</a>
<a href="FAQs.html">FAQ</a>
<a href="features.html">Features</a>
</nav>
</header>
<div class="features-section" id="features">
<h2>Features</h2>
<div class="feature">
<img src="https://media.istockphoto.com/id/1029561882/photo/help-and-support-concepts.jpg?s=612x612&w=0&k=20&c=VCZpcmat3wjKGBGOOlJD1JXuxZCiJoVXXXaJT0v3q_Y=" alt="Support Image">
<h3>Support</h3>
<p>Our dedicated support team is here to assist you. Feel free to reach out for any inquiries or assistance regarding water management and drought-related information.</p>
</div>
<div class="feature">
<img src="https://cdn-icons-png.flaticon.com/512/4403/4403603.png" alt="FAQ Image">
<h3>FAQ</h3>
<p>Explore our Frequently Asked Questions section to find answers to common queries. We provide comprehensive information to enhance your understanding of drought and related topics.</p>
</div>
<div class="feature">
<img src="https://as2.ftcdn.net/v2/jpg/05/11/60/23/1000_F_511602326_BrpRRnOpOt9emaGnH0ddFbu29K5vmkiW.jpg" alt="Drought Alert Image">
<h3>Drought Alert</h3>
<p>Receive timely alerts and notifications about drought conditions in your area. Stay informed and take proactive measures to address water scarcity challenges.</p>
</div>
<div class="feature">
<img src="https://img.freepik.com/premium-photo/green-tree-amid-plastic-dry-earth-represents-climate-change_795881-11976.jpg" alt="Climate Resources Image">
<h3>Climate Resources</h3>
<p>Explore a wealth of climate resources, including articles, reports, and interactive tools. Learn more about climate change, sustainable practices, and how you can contribute to a greener future.</p>
</div>
</div>
</body>
</html>