-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
250 lines (205 loc) · 14.4 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html>
<head>
<title>krishi seva</title>
<link rel="stylesheet" href="/_next/static/css/main.css" data-n-g="" />
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="/_next/static/css/circular-data.css" data-n-p="" /><noscript data-n-css=""></noscript>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<div class="main_body">
<div id="__next">
<div id="skiplink-container"><a href="#content" class="block bg-darkGrape text-center text-white w-full sr-only focus:not-sr-only focus:relative"><span class="flex items-center justify-center py-5">Skip to main content</span></a></div>
<header class="bg-white header ">
<div class="container-header py-4 xl:py-6">
<div class="py-2 xl:py-3 md:px-4 border-t border-b relative">
<nav class="flex items-center flex-wrap justify-between lg:grid lg:grid-flow-col">
<div class="flex shrink-0 items-center lg:block"><a class="md:mr-12" href="/"><img width="192px"
height="108px" src="newlogo.svg" alt="Environ logo" class="block logo cursor-pointer"
loading="lazy" /></a></div>
<div class="flex items-center flex-wrap justify-end xl:grid xl:grid-flow-col">
<div class="hidden xl:block pr-7 is-collapsed">
<ul class="font-franzSansBold flex flex-col gap-2 w-full xl:gap-8 xl:flex-row xl:items-center xl:justify-between"
id="primary-navigation">
<li class="relative"><a href="/methodology.html" target="_blank"
class="block py-2 text-gray-700 w-full transition duration-200 ease-linear hover:text-primary uppercase">PROFIT INDEX</a>
</li>
<li class="relative"><a href="http://127.0.0.1:5000/" target="_blank"
class="block py-2 text-gray-700 w-full transition duration-200 ease-linear hover:text-primary uppercase">Feature.AI
</a></li>
<li class="relative"><a href="/conversation_forum.html" target="_blank" rel="noreferrer"
class="block py-2 px-5 bg-brightRed rounded-md text-white w-full transition duration-200 ease-linear uppercase">CONVERSTIONAL FORUM
</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<div style="display: flex; justify-content: center; padding-block: 10px;">
<embed src="\fieldmaps.in\testmaps\choropleth-india-districts\newindex.html" style="justify-content: center; width:1300px; height: 500px; padding-left: 50px; padding-right: 80px;">
</div>
<main id="content">
<div class="bg-brandGray mb-16">
<div class="container">
<div class="flex flex-col lg:flex-row covering-flex relative">
<div class="flex flex-col lg:w-1/2 xl:w-3/5 py-16">
<h2 class="text-center font-franzSansExtraBold tracking-wider text-darkGrape text-3xl mb-2 uppercase">How do we calculate </h2>
<div class="divider-colour-border new-index-border-width flex mx-auto mb-12"></div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-y-6 mb-12">
<div class="justify-self-center"><br>
<h2 class="font-franzSansMedium text-center text-sand mb-4 tracking-wide text-xl">Transport</h2>
<div class="px-8 circle-dimensions"><svg class="CircularProgressbar " viewBox="0 0 100 100" data-test-id="CircularProgressbar"><circle class="CircularProgressbar-background" style="fill:transparent" cx="50" cy="50" r="50"></circle><path class="CircularProgressbar-trail" style="stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:0px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><path class="CircularProgressbar-path" style="stroke-linecap:butt;stroke:#A5865C;stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:187.6px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><text class="CircularProgressbar-text" style="fill:#A5865C" x="50" y="50">33%</text></svg></div>
</div>
<div class="justify-self-center">
<h2 class="font-franzSansMedium text-center text-gdpGreen mb-4 mt-4 md:mt-0 tracking-wide text-xl">Coverage</h2>
<div class="px-8 circle-dimensions"><svg class="CircularProgressbar " viewBox="0 0 100 100" data-test-id="CircularProgressbar"><circle class="CircularProgressbar-background" style="fill:transparent" cx="50" cy="50" r="50"></circle><path class="CircularProgressbar-trail" style="stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:0px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><path class="CircularProgressbar-path" style="stroke-linecap:butt;stroke:#73A649;stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:187.6px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><text class="CircularProgressbar-text" style="fill:#73A649" x="50" y="50">33%</text></svg></div>
</div>
<div class="justify-self-center">
<h2 class="font-franzSansMedium text-center text-oceanBlue mb-4 mt-4 md:mt-0 tracking-wide text-xl">commodity</h2>
<div class="px-8 circle-dimensions"><svg class="CircularProgressbar " viewBox="0 0 100 100" data-test-id="CircularProgressbar"><circle class="CircularProgressbar-background" style="fill:transparent" cx="50" cy="50" r="50"></circle><path class="CircularProgressbar-trail" style="stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:0px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><path class="CircularProgressbar-path" style="stroke-linecap:butt;stroke:#3B7CC3;stroke-dasharray:282.7433388230814px 282.7433388230814px;stroke-dashoffset:187.6px" d="
M 50,50
m 0,-45
a 45,45 0 1 1 0,90
a 45,45 0 1 1 0,-90
" stroke-width="10" fill-opacity="0"></path><text class="CircularProgressbar-text" style="fill:#3B7CC3" x="50" y="50">33%</text></svg></div>
</div>
</div>
<p class="text-center text-gray-600 text-sm font-franzSansLight">We incorporated different factors based on 3 dimensions and sub parameters to find the most profitable APMC .</p>
</div>
<div class="infographic-vertical-divider lg:w-1/2 xl:w-2/5 bg-brandGray py-16 pt-0 lg:pt-16 lg:px-16 relative">
<br>
<br>
<br>
<h2 class=" text-center font-franzSansExtraBold tracking-wider text-darkGrape text-3xl mb-2 uppercase">DATA SET</h2>
<div class="divider-colour-border index-border-width flex mx-auto mb-12"></div>
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-2 lg:gap-x-6 gap-y-12 mb-12">
<div class="flex flex-col">
<h2 class="font-franzSansMedium text-xl mb-3 text-center tracking-wider">APMC</h2>
<h1 class="text-center text-red font-franzSansBold text-brightRed text-5xl tracking-wider">1032+</h1>
</div>
<div class="flex flex-col">
<h2 class="font-franzSansMedium text-xl mb-3 text-center tracking-wider">Regions</h2>
<h1 class="text-center text-red font-franzSansBold text-brightRed text-5xl tracking-wider">116</h1>
</div>
<div class="flex flex-col">
<h2 class="font-franzSansMedium text-xl mb-3 text-center tracking-wider">Cities</h2>
<h1 class="text-center text-red font-franzSansBold text-brightRed text-5xl tracking-wider">241</h1>
</div>
<div class="flex flex-col">
<h2 class="font-franzSansMedium text-xl mb-3 text-center tracking-wider">Commodities</h2>
<h1 class="text-center text-red font-franzSansBold text-brightRed text-5xl tracking-wider">209</h1>
</div>
</div>
<p class="text-center text-gray-600 text-sm font-franzSansLight">source: Ministry of Agriculture & Farmers' Welfare</p>
</div>
</div>
</div>
</div>
</main>
</div>
<div class="container" style="display: flex;">
<div style="display: flex; ">
<embed src="/map.html" style=" justify-content: left; width:500px; height: 500px; ">
</div>
<div style="padding-left: 50px;">
<form class="row g-3">
<div class="col-md-6">
<label for="inputEmail4" class="form-label">Commodity</label>
<input type="email" class="form-control" id="inputEmail4">
</div>
<div class="col-md-6">
<label for="inputPassword4" class="form-label">Quantity</label>
<input type="password" class="form-control" id="inputPassword4">
</div>
<div class="col-12">
<label for="inputAddress" class="form-label">Address</label>
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
</div>
<div class="col-12">
<label for="inputAddress2" class="form-label">Address 2</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
</div>
<div class="col-md-6">
<label for="inputCity" class="form-label">City</label>
<input type="text" class="form-control" id="inputCity">
</div>
<div class="col-md-4">
<label for="inputState" class="form-label">State</label>
<select id="inputState" class="form-select">
<option selected>Choose...</option>
<option>...</option>
</select>
</div>
<div class="col-md-2">
<label for="inputZip" class="form-label">Zip</label>
<input type="text" class="form-control" id="inputZip">
</div>
<div class="col-12">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck">
</div>
</div>
<div class="col-12">
<!-- <button type="submit" class="btn btn-primary">Calculate</button> -->
<a href="/methodology.html" class="button-link">
submit
</a>
</div>
</form>
</div>
</div>
</div>
<footer class="footer">
<div class="container py-2">
<div class="flex flex-col md:flex-row justify-between first border-b-2 border-white py-8">
<div class="flex flex-col"><a class="text-white font-franzSansSemiLight mb-4" href="/methodology.html" target="_blank">PROFIT INDEX</a><a class="text-white font-franzSansSemiLight mb-4" href="/about.html" target="_blank">About Us</a></div>
<div
class="newlogo"><a class="md:mr-12" href="/"><img width="398" height="89" src="newlogo.png" alt="Logo"/></a>
<div class="mt-4 md:mt-0 mb-4 flex flex-col items-center"><br>
<p class="text-white font-franzSansSemiLight mb-2 text-sm">Connect With Us</p>
<div class="w-full flex justify-between"><a href="#" target="_blank" rel="noopener noreferrer"><img width="37" height="37" src="/twitter.svg" alt="Twitter logo"/></a><a href="#" target="_blank"
rel="noopener noreferrer"><img width="37" height="37" src="/linkedin.svg" alt="LinkenIn logo"/></a></div>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row second">
<div class="flex flex-col md:flex-row justify-between md:items-center py-8 w-full">
<div>
<p class="text-white font-franzSansSemiLight text-sm ">Copyright ©
<!-- -->Pending
<!-- -->. Private property of 'LMAAO'. Please do not yoink</a>.</p>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>