-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
317 lines (295 loc) · 10.1 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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/arrow.css">
<link rel="stylesheet" href="css/styleContent.css">
<link rel="icon" href="images/LOGO.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>
<body>
<div id="body">
<nav id="myNav">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">
<a href="index.html">
<img src="images/LOGO.png" alt="">
</a>
</label>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="berita.html">Berita</a></li>
<li><a href="tutorial.html">Tutorial</a></li>
<li><a href="ruangDiskusi.html">Ruang Diskusi</a></li>
<li class="buton"><a href="login.html">Log In</a></li>
<li class="button"><a href="register.html">Sign Up</a></li>
</ul>
</nav>
<a onclick="thisClicked(0)" id="feedback"><i class="far fa-envelope"></i></a>
<div class="jumbotron slider">
<div class="content" id="content">
<h1>Punya Lahan <span class="highlight"> Kosong ?</span> <br> Tapi <span class="highlight"> Bingung </span> Mau
Ditanami Apa? <br> Disinilah
Solusinya</h1>
<div class="luar-indikator">
<div class="indicator">
<span></span>
<span></span>
<span></span>
</div>
</div>
<span class="button"><a href="register.html">Daftar Sekarang</a></span>
</div>
</div>
<div class="containerr">
<div class="">
<div class="fitur-judul flex">
<h2>Fitur yang anda dapatkan</h2>
<p>Di bawah ini adalah fitur-fitur yang ada ada pada aplikasi ini. Semua fitur dapat anda daptakan apabila
anda
register akun lalu konfirmasi ke email anda.</p>
</div>
<hr>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/call center.png" alt="" />
</div>
<div class="contentBx">
<h2>Call center</h2>
<p>
Anda dapat menelfon orang yang ingin anda mintai penjelasan terkait apa yang anda inginkan
</p>
</div>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/diskusi.png" alt="" />
</div>
<div class="contentBx">
<h2>Room diskusi</h2>
<p>
Terdapat room diskusi yang berguna bagi para pemula atau yang masih merintis usaha untuk bertanya dan
dapat
dijawab oleh siapapun
</p>
</div>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/user frienly.png" alt="" />
</div>
<div class="contentBx">
<h2>User friendly</h2>
<p>
Aplikasi ini mudah untuk dipahamai fitur-fiturnya dengan memberi icon yang dapat diidentifikasi dengan
mudah</p>
</div>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/group.png" alt="" />
</div>
<div class="contentBx">
<h2>Grup</h2>
<p>
Hampir sekitar lima ratusan petani sukses yang telah join disini untuk membantu anda dalam menyelesaikan
permasalahan anda
</p>
</div>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/berita.png" alt="" />
</div>
<div class="contentBx">
<h2>Berita</h2>
<p>Kami jufga menyampiakan berita terkini terkait pertainian. Mulai dari harga panen, petani yang sukses,
dll
</p>
</div>
</div>
<div class="card">
<div class="imgBx">
<img src="images/home/tutoraial.png" alt="" />
</div>
<div class="contentBx">
<h2>Tutorial</h2>
<p>
Ada banyak tutorial yang dapat membantu anda dalam menyelsaikan masalah anda. Dari tutorail yang sangat
mendasar sampai tips dalam menghadapi dunia pasar internasional
</p>
</div>
</div>
</div>
<div class="jumbotron2 flex">
<div class="content">
<h1>Dapatkan Informasi Terbaru Disini ...!</h1>
<p>Banyak sekali informasi yang sangat informaif dan bermanfaat untuk anda. Informasi sangat banyak sekali dan
</p>
<br>
<span class="button"><a href="berita.html">Cari Berita</a></span>
</div>
</div>
<div class="berita">
<div class="container">
<div class="judul-berita flex">
<h2>Berita pertanian</h2>
<p>Puluhan informasi tentang pertanian yang terkini dapat anda dapatkan dengan mudah hanya dengan register
lalu
login dengan menggunakan akun yang telah anda daftarkan. Puluhan informasi tentang pertanian yang terkini
dapat anda dapatkan dengan mudah hanya dengan register lalu
login dengan menggunakan akun yang telah anda daftarkan.</p>
</div>
<div class="card-berita">
<div class="card">
<div class="thumbil">
<img src="./images/berita/sayur1.jpg" alt="">
</div>
<a href="">
<span>
<h5><i class="far fa-eye"></i> 10</h5>
</span>
</a>
<div class="text">
<h1>Petani Muda Sukses di Era Milenial Saat Ini</h1>
<small>Kamis, 15 Okteber 2020</small>
<hr>
<p>Cara kerja pestisida nabati sangat spesifik, yaitu: (1) merusak perkembangan telur, larva dan pupa. (2)
menghambat . . .</p>
</div>
<div class="read-more flex">
<a href="#">
<h2>Read more ...</h2>
</a>
<a href="#">
<i class="far fa-arrow-alt-circle-right"></i>
</a>
</div>
</div>
<div class="card">
<div class="thumbil">
<img src="./images/berita/sayur2.jpg" alt="">
</div>
<a href="">
<span>
<h5><i class="far fa-eye"></i> 23</h5>
</span>
</a>
<div class="text">
<h1>Petani Milenial Asal Malang Sebulan Raup Puluhan Juta</h1>
<small>Rabu, 14 Okteber 2020</small>
<hr>
<p>Tanah dan lahan pertanian adalah hal paling vital dalam sektor pertanian. Tanaman pun tidak bisa hidup
tanpa adanya . . .</p>
</div>
<div class="read-more flex">
<a href="#">
<h2>Read more ...</h2>
</a>
<a href="#">
<i class="far fa-arrow-alt-circle-right"></i>
</a>
</div>
</div>
<div class="card">
<div class="thumbil">
<img src="./images/berita/sayur3.jpg" alt="">
</div>
<a href="">
<span>
<h5><i class="far fa-eye"></i> 32</h5>
</span>
</a>
<div class="text">
<h1>Diragunakn Ortu, Kini Jadi Penyuplai Sayur Ke Surabaya</h1>
<small>Selasa, 13 Okteber 2020</small>
<hr>
<p>Cara bercocok tanam hidroponik adalah metode penanaman tanaman tanpa menggunakan media tumbuh dari
tanah.
. . .</p>
</div>
<div class="read-more flex">
<a href="#">
<h2>Read more ...</h2>
</a>
<a href="#">
<i class="far fa-arrow-alt-circle-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer1 flex">
<div class="content">
<img src="images/LOGO.png" alt="">
<div class="tulisan">
<i>Jalan. Kalimantan No. 37, Kampus Tegalboto, Jember, Jawa Timur, 68121, Indonesia</i>
</div>
</div>
<div class="contennnn flex">
<div class="content ">
<h2>Hubungi kami</h2>
<ul>
<li>tanijaya@gmail.com</li>
<li>08212345xxx</li>
<li>08212345xxx</li>
</ul>
</div>
<div class="content">
<h2>Tautan</h2>
<ul>
<li><a href="#">Panduan registrasi</a></li>
<li><a href="#">Syarat dan ketentuan</a></li>
<li><a href="#">Kebijakan kami</a></li>
</ul>
</div>
</div>
</div>
<div class="footer2 flex">
<small>Copyright © 2020 Tani Jaya corporation. All rights reserved.</small>
</div>
</div>
<!-- modalbox -->
<div id="popUp1" class="popUp">
<div class="wrap-contact100">
<form class="contact100-form validate-form">
<span class="contact100-form-title">
Send Us A Message
</span>
<div class="flex" style="margin-bottom: 1rem;">
<div class="send">
<i class="pesawat fa fa-paper-plane"></i>
</div>
</div>
<div class="wrap-input100 validate-input">
<input class="input100" type="text" name="email" placeholder="E-mail">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input">
<textarea class="input100" name="message" placeholder="Your Message"></textarea>
<span class="focus-input100"></span>
</div>
<div class="container-contact100-form-btn">
<button class="contact100-form-btn">
<span>
<!-- <i class="fa fa-paper-plane"></i> -->
Send
</span>
</button>
</div>
</form>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/global.js"></script>
</body>
</html>