-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
291 lines (271 loc) · 16.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Situs Tani Berkah adalah proyek dari kelompok MyDev yang menyediakan informasi dan panduan terbaru tentang teknik bercocok tanam, inovasi pertanian, dan produk-produk unggulan untuk petani modern.">
<title>MyDev Tani Berkah</title>
<link rel="stylesheet" href="style.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="icon" type="image/x-icon" href="aset/img/logo.webp">
<script src="script.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg animate__animated animate__fadeInDown animate__delay-1s">
<div class="container">
<div class="logo">
<a href="index.html"><img src="aset/img/logo.webp" alt="logo"></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto w-100 justify-content-end">
<li class="nav-item active">
<a style="color: black;" class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a style="color: black;" class="nav-link" href="#unit_kerja">Team</a>
<li class="nav-item">
<a style="color: black;" class="nav-link" href="#informasi">Information</a>
<li class="nav-item">
<a style="color: black;" class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div id="home" class="container1 animate__animated animate__fadeIn animate__faster">
<video src="aset/video/bg.webm" autoplay muted loop></video>
<div class="overlay-text">
<h1 class="animate__animated animate__fadeInUp animate__faster animate__delay-1s">TANI BERKAH</h1>
<p class="animate__animated animate__fadeInUp animate__faster animate__delay-1s">Dari ladang ke Meja makan, semuanya berawal dari bumi.</p>
</div>
</div>
<div class="container2">
<div class="logo" data-aos="fade-up" data-aos-duration="1000">
<div class="logo-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="500">
<img src="aset/img/BUMN.png" alt="Logo 1">
<p>Badan Usaha Milik Negara</p>
</div>
<div class="logo-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="750">
<img src="aset/img/Pertanian.webp" alt="Logo 2">
<p>Kementerian Pertanian Republik Indonesia</p>
</div>
<div class="logo-item" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="1000">
<img src="aset/img/BPN.png" alt="Logo 3">
<p>Badan Pangan Nasional</p>
</div>
</div>
<div class="cards" >
<div class="card" data-aos="fade-right" data-aos-duration="1250" data-aos-delay="500">
<img src="aset/img/conten 1.png" alt="Card 1">
<div class="card-content">
<h3>Pertanian Memasuki Langkah Nyata Menuju Lumbung Pangan Dunia</h3>
<p>22 Desember 2023</p>
<a href="#content1"><button>Selengkapnya</button></a>
</div>
</div>
<div class="card" data-aos="fade-right" data-aos-duration="1250" data-aos-delay="750">
<img src="aset/img/conten 3.jpg" alt="Card 2">
<div class="card-content">
<h3>Upaya Hadapi Serangan Hama Wereng Dilahan Pertanian Terik</h3>
<p>12 Juni 2024</p>
<a href="#content2"><button>Selengkapnya</button></a>
</div>
</div>
<div class="card" data-aos="fade-right" data-aos-duration="1250" data-aos-delay="1000">
<img src="aset/img/conten 2.jpg" alt="Card 3">
<div class="card-content">
<h3>Anggaran Ketahanan Pangan 2025: Harus Tingkatkan Produktivitas Pertanian</h3>
<p>29 Agustus 2024</p>
<a href="#content3"><button>Selengkapnya</button></a>
</div>
</div>
</div>
</div>
<div class="container3">
<div id="content1" class="content-container">
<div class="img" data-aos="zoom-in" data-aos-duration="1500"></div>
<p>
Menteri Pertanian Andi Amran Sulaiman, pada kunjungan di Merauke, Papua Selatan, menegaskan tekad pemerintah untuk menjadikan Merauke sebagai lumbung pangan global. Dia menyatakan optimisme bahwa Merauke akan menjadi sumber utama beras nasional dalam dua tahun ke depan. Evaluasi dilakukan terhadap progres optimalisasi lahan rawa seluas 40 ribu hektar, dengan lebih dari separuh sudah selesai dibangun. Pembangunan jalan sepanjang 135,5 km juga tengah berlangsung untuk mendukung program cetak sawah 1 juta hektar. Menteri Amran memantau proyek ini secara langsung dan berkomitmen untuk terus mengawasinya. Semangat membangun Merauke sebagai lumbung pangan dunia menjadi fokus dalam upaya modernisasi pertanian di daerah tersebut.
</p>
</div>
</div>
<div class="container4">
<div id="content2" class="content-container">
<p>
Serangan hama wereng terhadap tanaman padi di Tasikmalaya telah menimbulkan kekhawatiran, terutama bagi para petani. Koordinator penyuluh pertanian BPP Kecamatan Cibeureum, Asep Ridwan, menyampaikan bahwa serangan hama wereng jenis batang coklat (WBC) kini sedang merebak dan mengejutkan petani. Hal ini diduga disebabkan oleh perubahan iklim, penggunaan benih kurang berkualitas, dan gangguan ekosistem yang mengurangi populasi predator wereng. Untuk mengatasi masalah ini, saat ini dilakukan penyemprotan insektisida baik oleh pemerintah maupun petani sendiri. Para penyuluh pertanian juga memberikan bantuan insektisida kepada petani untuk membantu mengatasi serangan hama wereng ini. Meskipun jumlah lahan yang terdampak mencapai 80 hektar, petugas terus melakukan upaya pengendalian dan memberikan penyuluhan untuk mencegah serangan hama tersebut terjadi di musim panen selanjutnya.
</p>
<div class="img" data-aos="zoom-in" data-aos-duration="1500"></div>
</div>
</div>
<div class="container3 container5">
<div id="content3" class="content-container">
<div class="img" data-aos="zoom-in" data-aos-duration="1500"></div>
<p>
Pengamat pertanian dan Kepala Dinas Pangan Sumatera Barat, Syaiful Bahri, menyoroti pentingnya memaksimalkan anggaran ketahanan pangan Rp 124,4 triliun dalam RAPBN 2025 untuk meningkatkan produktivitas pertanian. Dikatakan bahwa prioritas utama harus diberikan pada ketahanan pangan, baik melalui impor maupun produksi dalam negeri. Syaiful menekankan perlunya pemerintah fokus pada peningkatan produktivitas pertanian, terutama dalam produksi padi, untuk menghindari defisit beras. Keseriusan pemerintah dalam mencapai ketahanan pangan dinilai dari penanganan berbagai permasalahan pertanian, seperti pupuk subsidi, kualitas bibit, dan infrastruktur pertanian.
</p>
</div>
</div>
<div class="title">
<h1 data-aos="fade-right" data-aos-duration="1500" data-aos-delay="250">Apa saja masukan <span class="petani green">PETANI BERKAH?</span></h1>
</div>
<div class="horizontal-scroll">
<div class="container6">
<div class="item" data-aos="zoom-in-left" data-aos-duration="2000">
<p>Pertimbangkan untuk diversifikasi produk yang ditanam untuk membuka peluang pasar baru. Manfaatkan platform digital dan media sosial untuk mempromosikan dan menjual produk secara langsung kepada konsumen.</p>
<div class="profil">
<img src="aset/img/user2.png" alt="profil">
<span>Ahmad Kasim</span>
</div>
</div>
<div class="item green" data-aos="zoom-in-left" data-aos-duration="2000">
<p>cobalah teknik rotasi tanaman untuk menjaga kesehatan tanah dan mengurangi risiko penyakit tanaman. Gunakan kompos organik untuk meningkatkan kesuburan tanah dan struktur tanah. </p>
<div class="profil">
<img src="aset/img/user6.png" alt="profil">
<span>Hadi Hidayat</span>
</div>
</div>
<div class="item" data-aos="zoom-in-left" data-aos-duration="2000">
<p>Pertimbangkan menggunakan teknologi seperti sensor tanah atau aplikasi mobile untuk memantau kesehatan tanaman dan kondisi tanah. Pastikan semua alat dan mesin pertanian dalam kondisi baik dan rutin diperiksa serta dirawat.</p>
<div class="profil">
<img src="aset/img/user5.png" alt="profil">
<span>Setya Ida</span>
</div>
</div>
<div class="item green" data-aos="zoom-in-left" data-aos-duration="2000">
<p>Perhatikan kesehatan dan keselamatan kerja dengan menggunakan alat pelindung dan teknik kerja yang aman. Usahakan untuk menjaga keseimbangan antara pekerja dan kehidupan pribadi agar tetap sehat dan produktif.</p>
<div class="profil">
<img src="aset/img/user4.png" alt="profil">
<span>Kurnia Ningsih</span>
</div>
</div>
<div class="item" data-aos="zoom-in-left" data-aos-duration="2000">
<p>Ikuti pelatihan dan workshop tentang teknik pertanian terbaru, manajemen bisnis pertanian, dan pemasaran produk. Bergabunglah dengan kelompok petani dan asosiasi untuk berbagai pengalaman dan informasi.</p>
<div class="profil">
<img src="aset/img/user3.png" alt="profil">
<span>Budi utomo</span>
</div>
</div>
<div class="item green" data-aos="zoom-in-left" data-aos-duration="2000">
<p>Lakukan pemantauan rutin terhadap tanaman untuk mendeteksi hama dan penyakit sejak dini. Gunakan metode pengendalian hama yang ramah lingkungan, seperti predator alami dan pestisida organik.</p>
<div class="profil">
<img src="aset/img/user1.png" alt="profil">
<span>Muhammad Sumbul</span>
</div>
</div>
</div>
</div>
<div class="team-section">
<h2 id="unit_kerja">All Team</h2>
<div class="team-container">
<a href="profil-JokoPurnomo.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="">
<img src="aset/img/joko.JPG" alt="Joko Purnomo">
<div class="team-info">
<h3>Joko Purnomo</h3>
<p>jokopurnomo22012006@gmail.com</p>
</div>
</a>
<a href="profil-AnggitaSalsaSaptaA.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="250">
<img src="aset/img/anggita.jpg" alt="Anggita Salsa Sapta A.">
<div class="team-info">
<h3>Anggita Salsa Sapta A.</h3>
<p>anggitaanggita985@gmail.com</p>
</div>
</a>
<a href="profil-NafisOktaRamadhan.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500">
<img src="aset/img/nafis.jpg" alt="Nafis Okta Ramadhan">
<div class="team-info">
<h3>Nafis Okta Ramadhan</h3>
<p>octanafis22@gmail.com</p>
</div>
</a>
<a href="profil-RasyidDzikryArwamdy.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="750">
<img src="aset/img/rasyid.jpg" alt="Rasyid Dzikry Arwamdy">
<div class="team-info">
<h3>Rasyid Dzikry Arwamdy</h3>
<p>rasyid.arwandi123@gmail.com</p>
</div>
</a>
<a href="profil-ErlindaNurLatifah.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000">
<img src="aset/img/erlinda.jpg" alt="Erlinda Nur Latifah.">
<div class="team-info">
<h3>Erlinda Nur Lathifah.</h3>
<p>nurlatifaherlinda@gmail.com</p>
</div>
</a>
<a href="profil-LuckyAchmad.html" class="team-member" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1250">
<img src="aset/img/lucky.jpg" alt="Lucky Achmad">
<div class="team-info">
<h3>Lucky Achmad</h3>
<p>luckyachmad535@gmail.com</p>
</div>
</a>
</div>
</div>
<footer>
<div id="informasi" class="footer-container">
<div class="footer-item">
<h3>MyDev-Team</h3>
<p class="moto">Mari hijaukan, dan hidupkan dunia.</p>
<p class="moto">Bersama, Kita pasti bisa.</p>
<p class="moto">Tanamkan Kebaikan, Tumbuhkan Keberlanjutan.</p>
</div>
<div class="footer-item">
<h3>Tim Developer</h3>
<a style="color: black;" href="https://mydev-pertanian.vercel.app">
<img src="aset/img/logo.webp" alt="Tani Berkah Logo">
</a>
</div>
<div class="footer-item">
<h3>Sosial Media</h3>
<a class="sosmed" href="">
<div class="ig sosmed">
<img src="aset/img/ig2.png" alt="">
<img class="img_color" src="aset/img/ig.png" alt="">
<p>Instagram</p>
</div>
</a>
<a class="sosmed" href="">
<div class="fb sosmed">
<img src="aset/img/fb1.png" alt="">
<img class="img_color" src="aset/img/fb.png" alt="">
<p>Facebook</p>
</div>
</a>
<a class="sosmed" href="">
<div class="twitter sosmed">
<img src="aset/img/twitter.png" alt="">
<img class="img_color" src="aset/img/twitter2.png" alt="">
<p>Twitter</p>
</div>
</a>
<a class="sosmed" href="">
<div class="yt sosmed">
<img src="aset/img/yt1.png" alt="">
<img class="img_color" src="aset/img/yt.png" alt="">
<p>Youtube</p>
</div>
</a>
</div>
</div>
<div class="footer-bottom">
<p>© Copyright MyDev-Team | PetaniBerkah 2024</p>
</div>
</footer>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>