-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
152 lines (145 loc) · 5.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="./cover.png" type="image/x-icon">
<title>IoT-based Automated Irrigation System</title>
<!-- Link to Daisy UI CSS -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css"
rel="stylesheet"
/>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Header Section -->
<header class="bg-blue-500 py-7">
<h1 class="text-3xl text-white font-bold text-center">
IoT-based Automated Irrigation System
</h1>
<p class="text-center">Enhancing Agriculture Through Technology</p>
</header>
<!-- Banner Section -->
<section>
<img src="./cover.png" alt="Irrigation System" />
</section>
<section class="py-24">
<div class="container mx-auto">
<h2 class="text-2xl font-semibold mb-4">About the Project</h2>
<p class="mb-4">
Our project, "IoT-based Automated Irrigation System & Mobile App for Tea Garden" is a
groundbreaking solution designed to revolutionize agriculture by
integrating IoT technology into irrigation processes.
</p>
<p class="mb-4">
By automating irrigation based on real-time data analysis, we aim to:
</p>
<ul class="list-disc pl-6">
<li>Optimize water usage</li>
<li>Enhance crop yield</li>
<li>Reduce the workload for farmers</li>
<li>Promote sustainable farming practices</li>
</ul>
</div>
</section>
<!-- Features Section -->
<section class="bg-gray-200 py-10">
<div class="container mx-auto py-10">
<h2 class="text-2xl font-semibold mb-4">Key Features</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div
class="bg-white rounded-lg p-4 shadow-xl hover:shadow-none duration-300 cursor-pointer"
>
<h3 class="text-xl font-semibold mb-2">Water Efficiency</h3>
<p>
Our system ensures precise water distribution, reducing waste and
conserving this precious resource.
</p>
</div>
<div
class="bg-white rounded-lg p-4 shadow-xl hover:shadow-none duration-300 cursor-pointer"
>
<h3 class="text-xl font-semibold mb-2">Remote Monitoring</h3>
<p>
Monitor your tea garden in real-time through our user-friendly
mobile app, keeping you in control, no matter where you are.
</p>
</div>
<div
class="bg-white rounded-lg p-4 shadow-xl hover:shadow-none duration-300 cursor-pointer"
>
<h3 class="text-xl font-semibold mb-2">Sustainability</h3>
<p>
We are committed to sustainable agriculture, contributing to both
the environment and your long-term profitability.
</p>
</div>
</div>
</div>
</section>
<!-- Diagram Section -->
<section class="py-10">
<div class="container mx-auto">
<h2 class="text-2xl font-semibold mb-4">Data Flow Diagram</h2>
<img class="w-2/3 mx-auto" src="./Final Defence/Assets/Data Flow diagram.png" alt="">
</div>
</section>
<section class="py-10 bg-gray-200">
<div class="container mx-auto">
<h2 class="text-2xl font-semibold mb-4">Motivation</h2>
<img class="w-2/3 mx-auto" src="./Final Defence/Assets/Motivation.png" alt="">
</div>
</section>
<section class="py-10 my-10">
<div class="container mx-auto">
<h2 class="text-2xl font-semibold mb-4">Downloads</h2>
<ul class="list-disc pl-6">
<li>
<a
href="./Final Defence/Project Arduino Code/Code_of_Project.ino/Code_of_Project.ino.ino"
>Download Arduino Code</a
>
</li>
<li>
<a
href="./Final Defence/Report Submission/18701012 Final Report Seminer Copy.pdf"
>Download Report PDF</a
>
</li>
</ul>
</div>
</section>
<!-- Contact Section -->
<section class="py-10 bg-gray-200">
<div class="container mx-auto">
<h2 class="text-2xl font-semibold mb-4">Contact Us</h2>
<p>
If you have any questions or would like to learn more about our
project, feel free to reach out:
</p>
<p class="mt-2">
<strong>Email:</strong>
<a href="mailto:[email protected]"
>
</p>
<p>
<strong>Phone:</strong>
<a href="tel:+8801866088233">+8801866088233</a>
</p>
</div>
</section>
<!-- Footer Section -->
<footer class="bg-blue-500 py-6 text-white text-center">
© 2023 ||
<a href="https://github.com/Shariar-Hasan">Shariar Hasan</a>
</footer>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.js"></script>
</body>
</html>