-
Notifications
You must be signed in to change notification settings - Fork 18
/
soh.html
190 lines (161 loc) · 8.57 KB
/
soh.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
<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Smart Odisha Hackathon Theme</title>
<link rel="shortcut icon" type="image/x-icon" href="img/head1.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Cruise Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<!-- fonts -->
<link href="//fonts.googleapis.com/css?family=Cinzel:400,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css1/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/gallery.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/aos.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
<!-- ================================================== -->
<!-- Fontawesome Icon font -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Grid Component css -->
<link rel="stylesheet" href="css/component.css">
<!-- Slit Slider css -->
<link rel="stylesheet" href="css/slit-slider.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/main.css">
<!-- Media Queries -->
<link rel="stylesheet" href="css/media-queries.css">
<link href="css/flipping_gallery.css" rel="stylesheet" type="text/css">
<!--
Google Font
=========================== -->
<!-- Oswald / Title Font -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<!-- Ubuntu / Body Font -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300' rel='stylesheet' type='text/css'>
<link href="https://icons8.com">
<!-- Modernizer Script for old Browsers -->
<script src="js/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.flipping_gallery.js"></script>
<script type="text/javascript" src="js/jquery.flipping_gallery.min.js"></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-54152927-1', 'auto');
ga('send', 'pageview');
</script>
<!-- js -->
<script src="js1/modernizr.min.js"></script>
<!-- /js -->
</head>
<body>
<!-- topbar -->
<div class="topbar-w3ls">
<div class="container">
<div style="text-align: right"><img src="images/robotics2.png" alt="Vssut Robotics" width="200" /></div>
<div class="clearfix"></div>
</div>
</div>
<section class="banner-w3ls">
<div id="block" data-vide-bg="video/112" data-vide-options="position: 0% 50%">
</div>
</section>
<!-- /banner -->
<!-- about --> <!--section1:devils vally-->
<section id="theme" class="bg-one" style="background-color: transparent;">
<div class="container">
<!-- section title -->
<div class="title text-center wow fadeInUp">
<h2><span class="color">Ped Bachao Ped ka Khayal Rakho</span></h2>
<p>
<br></br>
An IOT based project pertaining to smart irrigation system.
The project deals in tracking the location of trees/plantation, locating them on Goggle ,
creating a database with their geospatial reference and proving their present condition like soil water level, air humidity and temperature in their surrounding which will save plants from getting undernourished and eventual death. A web based application was developed in which the user can sign up by means of his/her mobile number and get an OTP verification code after which he will get his location pointed out in Goggle map. He has to click on that location and the co-ordinates of his location will automatically get recorded in the database. A setup consisting of soil moisture sensor, DHT sensor (Digital Temperature and Humidity) was set up near the plant/plantation area. The soil moisture sensor continuously monitors the soil moisture content of the soil. The DHT sensor measures the air humidity and temperature. The most important component of this setup is Node mcu based on ESP8266 Wifi module. It is a low cost chip which provides internet gateway for IOT . The sensor data get updated in the database automatically in every hour. An automatic sprinkler system is installed near the plant/plantation area. It fetches the soil-moisture value from the database in every 24 hour and if the moisture level is below a certain threshold it gets on. Every plantation area is marked by a marker on Goggle map. The user can click any of these markers and get the present conditions of the area thus aiding in plantation monitoring from anywhere any time. </p>
<br>
<a href="Agriculture.pptm" download><button type="submit" class="btn-outline2"> Download PPT</button></a>
<div class="border"></div>
</div>
</div>
</section>
<!-- /section title -->
<!-- new Section added: LINED IT -->
<section class="footer-w3-agileits">
<div class="container">
<div class="col-lg-12 col-md-4 text-center">
<ul class="social-icons2">
<li><a href="https://www.facebook.com/vssutrobotics/"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/societyrobotics"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCfrM26pYkyk8JtW-G0mcDNQ"><i class="fa fa-youtube"></i></a></li>
<li><a href="https://www.linkedin.com/in/vssut-robotics-129434149/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="clearfix"></div>
<br>
<div style="text-align: center"><img src="img/robotics2.png" alt="Vssut Robotics" width="200" /></div>
<p class="text-center">© 2018 All Rights Reserved | Design by <a href="http://vssutrobotics.in"> Vssut Robotics. </a></p>
</div>
</section>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<!-- js files -->
<script src="js1/jquery.min.js"></script>
<script src="js1/bootstrap.min.js"></script>
<script src="js1/smoothscroll.js"></script>
<script src="js1/jquery.easing.min.js"></script>
<script src="js1/grayscale.js"></script>
<script src='js1/aos.js'></script>
<script src="js1/index.js"></script>
<!-- js for back to top -->
<script src="js1/top.js"></script>
<!-- /js for back to top -->
<!-- js for about lightbox -->
<script src="js1/jQuery.lightninBox.js"></script>
<script type="text/javascript">
$(".lightninBox").lightninBox();
</script>
<!-- /js for about lightbox -->
<!-- js for gallery -->
<script src="js1/jquery.picEyes.js"></script>
<script>
$(function(){
//picturesEyes($('li'));
$('ul.demo li').picEyes();
});
</script>
<!-- /js for gallery -->
<!-- js for banner -->
<script src="js1/jquery.vide.js"></script>
<!-- /js for banner -->
<!-- /js files -->
</body>
</html>