-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
119 lines (115 loc) · 5.45 KB
/
aboutus.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
<!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="aboutus.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="#about">About Us</a>
<a href="#current-data">Current Data</a>
<a href="#predictions">Predictions</a>
<a href="#faq">FAQ</a>
<a href="#features">Features</a>
</nav>
</header>
<div class="about-section" id="about">
<div class="abouth"><h1>About Us</h1></div>
<h4>The water scarcity project employs advanced technologies such as satellite imaging and government datasets to predict areas prone to drought.
It analyzes water distribution and usage at the city level to identify and mitigate wastage, aiming to determine the factors leading to inefficiencies.
The project incorporates AI solutions for optimized resource management.</h4>
<div class = "xyz"><h4>Key features include an interactive map, a dedicated resources page, a search function for checking water status, social media integration, and engaging graphics.
This holistic approach seeks to encourage sustainable water management and raise awareness about water scarcity. Based on Sustainable Development Goal 6 (SDG 6) i.e. ensuring clean water and sanitation for everyone by 2030. </div>
</h4>
</div>
<div class="team"><h1 style="text-align:center">Our Team</h1></div>
<div class="row">
<div class="column" >
<div class="card">
<img src="./WhatsApp Image 2024-01-21 at 05.30.44_17626ec1.jpg" alt="Sainy" height="150px">
<div class="container">
<h2><b>Sainy Mishra</b></h2>
<h4 class="title">Member</h4>
<h4>Electronics and Computer Engineering undergrad at Vellore Institute of Technology</h4>
<button class="contact-button" onclick="openContactModal()">Contact</button>
<div id="contactModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeContactModal()">×</span>
<h2>Contact Details</h2>
<p>Email: [email protected]</p>
<p>Phone: (91)-9715423698</p>
</div>
</div>
</div>
</div>
</div>
<div class="column" >
<div class="card">
<img src="./WhatsApp Image 2024-01-21 at 05.26.41_a2c763e4.jpg" alt="Teresa" height="150px">
<div class="container">
<h2><b>Teresa Sara Saji</b></h2>
<h4 class="title">Member</h4>
<h4>Electronics and Computer Engineering undergrad at Vellore Institute of Technology</h4>
<button class="contact-button" onclick="openContactModal()">Contact</button>
<div id="contactModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeContactModal()">×</span>
<h2>Contact Details</h2>
<p>Email: [email protected]</p>
<p>Phone: (91)-9612345876</p>
</div>
</div>
</div>
</div>
</div>
<div class="column" >
<div class="card">
<img src="./WhatsApp Image 2024-01-21 at 05.30.38_0afc159d.jpg" alt="Aditi" height="150px">
<div class="container">
<h2><b>Aditi Bhargav</b></h2>
<h4 class="title">Member</h4>
<h4>Electrical and Electronics Engineering undergrad at Vellore Institute of Technology</h4>
<button class="contact-button" onclick="openContactModal()">Contact</button>
<div id="contactModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeContactModal()">×</span>
<h2>Contact Details</h2>
<p>Email: [email protected]</p>
<p>Phone: (91)-8425631758</p>
</div>
</div>
</div>
</div>
</div>
<div class="column" >
<div class="card">
<img src="./WhatsApp Image 2024-01-21 at 05.26.41_e9340bf6.jpg" height="150px">
<div class="container" >
<h2><b>Mriganka Debnath</b></h2>
<h4 class="title">Member</h4>
<h4>Electronics and Computer Engineering undergrad at Vellore Institute of Technology</h4>
<button class="contact-button" onclick="openContactModal()">Contact</button>
<div id="contactModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeContactModal()">×</span>
<h2>Contact Details</h2>
<p>Email: [email protected]</p>
<p>Phone: (91)-7541682394</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="about.js"></script>
</body>
</html>