-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (184 loc) · 11.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infrastructure Monitoring and Recommendation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="https://code.earthengine.google.com/c50d6e6eb6927b50cb46019a56bc4dec">LC Classification Monitoring</a></li>
<li><a href="https://code.earthengine.google.com/98331fa9ee0f30a64ae31aa953deb400">Detection Monitoring</a></li>
<li><a href="HospitalneedRecommend.html">Infrastructure Recommendation</a></li>
<li><a href="hospital.html">One Tap Emergency Service</a></li>
<li><a href="../hackathon/contact.html">Contact Us</a></li>
</ul>
</nav>
<!--<h1>Galgotia International Hackathon</h1>-->
<br>
<h2>Team-CODE BREAKERS <br><br>
Realtime Infrastructure Monitoring, Recommendation, and One Tap Emergency Service</h2>
<main>
<section class="content">
<div class="content-item">
<h3>Monitoring</h3>
<p></p>
<img src="monitoring.jpg" alt="Monitoring">
<div class="classification">
<h3>Infrastructure Classification Monitoring</h3>
<div class="classification-content">
<div class="text">
<p>In today's rapidly changing world, accurate and timely information about land cover is essential for various applications, from environmental monitoring to urban planning. Leveraging the power of Google Earth Engine, we have developed a cutting-edge solution for real-time land cover mapping. This innovative approach allows us to classify land cover types such as water bodies, barren lands, crop lands, and forests with unprecedented accuracy and efficiency.</p>
</div>
<div>
<img src="classification.webp" alt="Classification">
</div>
</div>
</div>
<div class="detection">
<h3>Building Detection Monitoring</h3>
<div class="detection-content">
<div class="image">
<img src="detection.png" alt="detection">
</div>
<div class="text">
<p>Google Earth Engine uses satellite imagery to detect buildings with confidence levels from 0 to 1. The confidence levels are color-coded for easy interpretation:</p>
<p><b>High Confidence (Green):</b> near 1, indicating a high probability of a building.</p>
<p><b>Low Confidence (Red):</b> Values near 0, indicating uncertain building presence.</p>
<p><b>Intermediate Confidence (Yellow):</b> Values between 0 and 1, indicating moderate probability.</p>
<p>This method effectively visualizes building detection, aiding in urban planning and disaster response.</p>
</div>
</div>
</div>
<div class="Recommend">
<h3>Required Infrastructure</h3>
<div class="Recommend-content">
<div class="text">
<b>For Hospital</b>
<p>We envision leveraging hospital infrastructure for developmental purposes, with the potential to enhance functionality further. Post-assessment, our system identifies regions lacking hospital infrastructure within a 10-kilometer radius in urban areas. We propose these locations to governmental authorities for consideration in developmental initiatives.</p>
</div>
<div class="image">
<img src="recommend.png" alt="Recommend">
</div>
</div>
</div>
<div class="emergency">
<h3>One Tap Emergency Service</h3>
<div class="emergency-content">
<div class="image">
<img src="emergency.png" alt="emergency">
</div>
<div class="text">
<p>In the event of a sudden health crisis like a heart attack or a roadside accident, individuals may find themselves unable to call for emergency assistance. Our solution offers seamless access to vital services such as hospitals with just a single click. By factoring in real-time traffic conditions and distances, our system swiftly identifies the optimal location for emergency service infrastructure. With a simple click, it automatically relays the user's precise location to the nearest service headquarters. This ensures that prompt and efficient aid reaches the individual in need, minimizing response times and maximizing the chances of a positive outcome.</p>
</div>
</div>
</div>
</div>
</section>
<div class="button-container">
<button class="btn" onclick="handleButtonClick('Classification Monitor')">Classification Monitor</button>
<button class="btn" onclick="handleButtonClick('Building Detection Monitor')">Building Detection Monitor</button>
<button class="btn" onclick="handleButtonClick('Recommend')">Recommend</button>
<button class="btn" onclick="handleButtonClick('Emergency')">Emergency</button>
</div>
</main>
<div class="feedback">
<h3>Feedback Form</h3>
<form id="feedbackForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
<footer >
<div class="new_footer_top" >
<table><tr><td>
<div class="col1">
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Get in Touch</h3>
<form action="#" class="f_subscribe_two mailchimp" method="post" novalidate="true" _lpchecked="1">
<input type="text" name="EMAIL" class="form-control memail" placeholder="Email">
<button class="btn btn_get btn_get_two" type="submit">Subscribe</button>
<p class="mchimp-errmessage" style="display: none;"></p>
<p class="mchimp-sucmessage" style="display: none;"></p>
</form>
</div>
</div></td><td>
<div class="col2">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Download</h3>
<ul class="list-unstyled f_list">
<li><a href="#">Company</a></li>
<li><a href="#">Android App</a></li>
<li><a href="#">ios App</a></li>
<li><a href="#">Desktop</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">My tasks</a></li>
</ul>
</div>
</div></td><td>
<div class="col3">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Help</h3>
<ul class="list-unstyled f_list">
<li><a href="#">FAQ</a></li>
<li><a href="#">Term & conditions</a></li>
<li><a href="#">Reporting</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Support Policy</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
</div> </td><td>
<div class="f_widget social-widget pl_70 wow fadeInLeft" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18">Team CodeBreakers</h3>
<div class="footer-content">
<div>
<div>Priya Gupta</div>
</div>
<a href="https://www.linkedin.com/in/priya-gupta-068b4624b" class="linkedin-link" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</div>
<div class="footer-content">
<div >
<div>Vishal Maurya</div>
</div>
<a href="https://www.linkedin.com/in/priya-gupta-068b4624b" class="linkedin-link" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</div>
<div class="f_social_icon">
<a href="#" class="fab fa-facebook"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-linkedin"></a>
<a href="#" class="fab fa-pinterest"></a>
</div>
</div>
</div></td></tr>
</table>
<div class="footer_bg">
<div class="footer_bg_one"></div>
<div class="footer_bg_two"></div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-sm-7">
<p class="mb-0 f_400">© codebreakers Inc.. 2024 All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>