-
Notifications
You must be signed in to change notification settings - Fork 0
/
hack.html
155 lines (153 loc) · 8.93 KB
/
hack.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real Time Monitoring System</title>
<link rel="stylesheet" href="styles.css">
</head>
<body background="../hackathon/images/bg.jpeg">
<nav>
<ul id="navbar">
<li><a href="../hackathon/hack.html">Home</a></li>
<li><a href="https://code.earthengine.google.co.in/?accept_repo=users/vishalmaurya850/Real_Time_Monitoring_Land">Infrastructure Recommendation</a></li>
<li><a href="../hackathon/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>Real Time Infrastructure Monitoring And One Tap Emergency Service</h2>
<main>
<section class="content">
<div class="content-item">
<div class="classification">
<h3><u>Infrastructure Classification Monitoring</u></h3>
<div class="classification-content">
<div class="text">
<p><h4>Infrastructure classification involves categorizing the different components to optimize monitoring and maintenance strategies. This helps in prioritizing resources and addressing the most critical areas effectively.</h4></p>
</div>
<div class="image">
<img src="../hackathon/images/classification.webp" alt="Classification">
</div>
</div>
</div>
<div class="detection">
<u><h3>Building Detection Monitoring</h3></u>
<div class="detection-content">
<div class="image">
<img src="../hackathon/images/detection.png" alt="detection">
</div>
<div class="text">
<p><h4>Infrastructure classification involves categorizing the different components to optimize monitoring and maintenance strategies. This helps in prioritizing resources and addressing the most critical areas effectively.</h4></p>
</div>
</div>
</div>
<div class="Recommend">
<u><h3>Required Infrastructure</h3></u>
<div class="Recommend-content">
<div class="text">
<p><h4>Infrastructure classification involves categorizing the different components to optimize monitoring and maintenance strategies. This helps in prioritizing resources and addressing the most critical areas effectively.</h4></p>
</div>
<div class="image">
<img src="../hackathon/images/recommend.png" alt="Recommend">
</div>
</div>
</div>
<div class="emergency">
<u><h3>One Tap Emergency Service</h3></u>
<div class="emergency-content">
<div class="image">
<img src="../hackathon/images/emergency.png" alt="emergency">
</div>
<div class="text">
<p><h4>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.</h4></p>
</div>
</div>
</div>
</div>
</section>
<div id="button-container">
<!-- Buttons will be generated dynamically here -->
</div>
<br>
<br>
<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>Vishal Maurya</div>
</div>
<a href="https://www.linkedin.com/in/vishal-maurya-a0530618b" 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>
</main>
<script src="script.js"></script>
</body>
</html>