-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
203 lines (193 loc) · 8.56 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
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>AgroTip</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Combine 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" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<div class="main-top py-1">
<!-- header -->
<header>
<div class="container px-lg-4">
<nav class="py-4">
<div class="logo" id="logo">
<a href="index.html">AgroTip</a>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu mt-md-3">
<li class="mr-lg-2 active"><a href="index.html">Home</a></li>
<li class="mr-lg-2"><a href="#about" class="scroll">About</a></li>
<li class="mr-lg-2"><a href="#services" class="scroll">Services</a></li>
<li class="mr-lg-2"><a href="#features" class="scroll">Features</a></li>
<li class="mr-lg-2"><a href="#news" class="scroll">News</a></li>
<li><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- //header -->
<!-- //header -->
<!-- banner -->
<div class="main-w3pvt">
<div class="container-fluid">
<div class="row">
<div class="style-banner">
<h1 class="text-white">Welcome to AgroTip</h1>
<p class="mt-5 text-white"> We are on a journey to revolutionalize farming in our country </p>
<a href="#about" class="btn button-style mt-sm-5 mt-4 scroll">Learn More</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!-- what we do -->
<section class="wedo py-5" id="about">
<div class="container py-lg-5">
<div class="text-center">
<h2 class="w3_head">Weather translation for famers </h2>
<p class="main_p mt-4 mb-4 pt-2 text-center mx-auto">We have identified and brought to light the problem of adverse effects of weather on agriculture. So we’ve come up with a weather chatbot which uses a weather api to provide live information on the weather and help farmers to make decisions wisely. </p>
</div>
</div>
</section>
<!-- //what we do -->
<section class="what_you py-5" id="services">
<div class="container py-lg-5">
<div class="row about-info-grids text-center">
<div class="col-md-4 about-info about-info1">
<span class="fa fa-leaf"></span>
<h4>Agriculture methods</h4>
<div class="h4-underline"></div>
<p>Get information about various farming techniques and modern agriculture practices</p>
</div>
<div class="col-md-4 about-info about-info2">
<span class="fa fa-cog"></span>
<h4>Technology</h4>
<div class="h4-underline"></div>
<p>Imagine agriculture combined with the power of technology. Our chatbot comes to action here.</p>
</div>
<div class="col-md-4 about-info about-info3">
<span class="fa fa-cloud"></span>
<h4>Get support</h4>
<div class="h4-underline"></div>
<p>Get access to local helplines for more help regarding any farming queries.</p>
</div>
<div class="whsat_bt text-center mx-auto">
<a href="#features" class="btn button-style mt-sm-5 mt-4 scroll">Learn More</a>
</div>
</div>
</div>
</section>
<!-- what we do -->
<section class="wedo py-5">
<div class="container py-lg-5">
<div class="text-center">
<h3 class="w3_head">How are we doing this? </h3>
<p class="main_p mt-4 mb-4 pt-2 text-center mx-auto">Our chatbot uses a weather api to fetch the 7-day forecast and will translate the information to the farmers. The farmer will be able to communicate with the chatbot with whatever language he is comfortable with since we will have language translation. Our chatbot will even include information on how to yield better output, modern farming methods and helpline for various emergencies. </p>
</div>
</div>
</section>
<!-- //what we do -->
<section class="augue py-5" id="features">
<div class="container py-lg-5">
<div class="row about-info-augue">
<div class="col-md-5 about-aug about-aug1">
<h4>Why agriculture? </h4>
<p>Apart from being just an industry, agriculture is the main source of income for about 70 crore farmers in India. A total of 3,32,603 farmers (2,84,008 males and 48,595 females) committed suicide between 1995 and 2018. </p>
<p class="mt-4">What are the reasons behind these suicides? According to the ADSI-2015 report, around 19 per cent of farmers committed suicide due to crop failure due to natural calamities. So are we helpless? Can’t we offer any help to these farmers? An article from a US based website states that A seven-day forecast can accurately predict the weather about 80 percent of the time and a five-day forecast can accurately predict the weather approximately 90 percent of the time. </p>
<a href="#news" class="btn button-style mt-sm-5 mt-4 scroll">Learn More</a>
</div>
<div class="col-md-7 about-aug about-aug2">
<div class="augue_im1">
<img src="images/collage.png" alt="news image" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<!-- what we do -->
<section class="wedo py-5">
<div class="container py-lg-5">
<div class="text-center">
<h3 class="w3_head">Is there a way out? </h3>
<p class="main_p mt-4 mb-4 pt-2 text-center mx-auto">If a farmer is alerted before 7 days of a severe storm, he’ll stay prepared by taking the necessary measures. This would save a lot of resources and a valuable crop which a farmer can not afford to go vain. This is where our chatbot comes to action. </p>
</div>
</div>
</section>
<!-- //what we do -->
<section class="diam py-5" id="news">
<div class="container py-lg-5 pastureImg">
<div class="container-fluid">
<div class="row">
<div class="style-banner">
<h1 class="text-white">Welcome to AgroTip</h1>
<p class="mt-5 text-white"> We are on a journey to revolutionalize farming in our country </p>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<div class="cpy-right text-center py-5" id="contact">
<ul class="social_section_1info pt-lg-4 mb-lg-4">
<li><a href="https://www.instagram.com/sai_kamal7/"><span class="fa fa-instagram"></span></a></li>
<li><a href="https://github.com/Dantusaikamal/Weather-translation"><span class="fa fa-github"></span></a></li>
<li><a href="https://www.linkedin.com/in/sai-kamal-a4846a114/"><span class="fa fa-linkedin"></span></a></li>
</ul>
<p>© 2020 AgroTip. All rights reserved | Design by
<a href="https://www.youtube.com/channel/UCQV5B4b-PIXkzQq7XUSR_2A"> Team introspectors.</a>
</p>
</div>
<!-- //footer -->
<!-- Embed chatbot -->
<script>
window.watsonAssistantChatOptions = {
integrationID: "1ad01bfc-9905-4f24-857a-cc42ae99204e", // The ID of this integration.
region: "eu-gb", // The region your integration is hosted in.
serviceInstanceID: "c87e1b39-ebb0-44d5-9f72-83111ca2e4cf", // The ID of your service instance.
//Carbon theme:
carbonTheme: 'g90',
onLoad: function(instance) {
// Instance method to adjust specific CSS variables
instance.updateCSSVariables({
'BASE-font-family': '"Times New Roman", Times, serif',
'$active-primary': '#009900',
'$focus': '#008000',
'$hover-primary': '#00ff00',
'$interactive-01': '#008000'
});
instance.render();
}
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
document.head.appendChild(t);
});
</script>
</body>
</html>