8 Website Rekomendasi Untuk Tutorial Peternakan Sapi Indonesia
2026-05-13 02:40:32 - Admin
```html <div> <style> :root { --bg: #f4f9f7; --card: #ffffff; --text: #1f2d2a; --muted: #5f6f6b; --primary: #2f7d57; --primary-dark: #245f42; --border: #d9e7e1; --shadow: 0 8px 24px rgba(0, 0, 0, 0.08); } * { box-sizing: border-box; } div { font-family: Arial, Helvetica, sans-serif; color: var(--text); } .page { max-width: 1100px; margin: 0 auto; padding: 24px; background: linear-gradient(180deg, #f7fbf9 0%, #ffffff 100%); } .hero { background: linear-gradient(135deg, #e8f5ee, #f7fbf9); border: 1px solid var(--border); border-radius: 18px; padding: 28px; box-shadow: var(--shadow); margin-bottom: 28px; } .hero h1 { margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.2; color: var(--primary-dark); } .hero p { margin: 0 0 18px; color: var(--muted); line-height: 1.7; } .hero img { width: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; border: 1px solid var(--border); display: block; margin-top: 14px; } .section-title { font-size: 1.4rem; margin: 0 0 16px; color: var(--primary-dark); } .website-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; } .website-item { background: var(--card); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); } .website-content { padding: 22px; display: grid; gap: 14px; } .website-content h2 { margin: 0; font-size: 1.2rem; color: var(--primary-dark); } .website-content p { margin: 0; line-height: 1.7; color: var(--muted); } .website-image { width: 100%; max-height: 280px; object-fit: cover; display: block; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .link-box { display: inline-block; width: fit-content; background: var(--primary); color: #fff; text-decoration: none; padding: 10px 16px; border-radius: 999px; font-weight: 700; transition: 0.2s ease; } .link-box:hover { background: var(--primary-dark); } .label { font-weight: 700; color: var(--text); } @media (max-width: 768px) { .page { padding: 16px; } .hero, .website-content { padding: 18px; } } </style> <div class="page"> <div class="hero"> <h1>8 Website Rekomendasi Untuk Tutorial Peternakan Sapi Indonesia</h1> <p> Halaman ini berisi kumpulan website yang dapat membantu Anda belajar tentang tutorial peternakan sapi di Indonesia. Di dalamnya terdapat ringkasan manfaat, gambaran singkat isi website, serta tautan menuju halaman resminya agar Anda dapat mempelajari materi lebih lanjut dengan mudah. </p> </div> <h2 class="section-title">Daftar Website Rekomendasi</h2> <ul class="website-list"> <li class="website-item"> <div class="website-content"> <h2>1. Ditjen Peternakan dan Kesehatan Hewan</h2> <p> Website resmi pemerintah yang menyediakan informasi peternakan, kesehatan hewan, kebijakan, dan berbagai publikasi yang relevan untuk peternak sapi. </p> <img class="website-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Logo_Kementerian_Pertanian_Indonesia.png/640px-Logo_Kementerian_Pertanian_Indonesia.png" alt="Website Ditjen Peternakan dan Kesehatan Hewan" /> <p><span class="label">Kelebihan:</span> Informasi terpercaya, resmi, dan cocok sebagai acuan dasar peternakan sapi di Indonesia.</p> <a class="link-box" href="https://ditjenpkh.pertanian.go.id/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>2. Kementerian Pertanian RI</h2> <p> Menyajikan berita, program, dan panduan sektor pertanian serta peternakan yang dapat menjadi referensi untuk pengembangan usaha sapi. </p> <img class="website-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Logo_Kementerian_Pertanian_Indonesia.png/640px-Logo_Kementerian_Pertanian_Indonesia.png" alt="Website Kementerian Pertanian RI" /> <p><span class="label">Kelebihan:</span> Sumber resmi yang memiliki banyak informasi program, bantuan, dan kebijakan peternakan.</p> <a class="link-box" href="https://www.pertanian.go.id/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>3. Balai Besar Pelatihan Peternakan (BBPP)</h2> <p> Cocok untuk belajar pelatihan teknis peternakan, termasuk manajemen kandang, pakan, reproduksi, dan kesehatan sapi. </p> <img class="website-image" src="https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1200&q=80" alt="Website Balai Besar Pelatihan Peternakan" /> <p><span class="label">Kelebihan:</span> Materi pelatihan lebih praktis dan sering digunakan untuk pembelajaran lapangan.</p> <a class="link-box" href="https://bbppbatu.bppsdmp.pertanian.go.id/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>4. Fakultas Peternakan UGM</h2> <p> Menyediakan artikel, kajian ilmiah, dan informasi akademik yang berguna untuk memahami dasar-dasar peternakan sapi secara lebih mendalam. </p> <img class="website-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/University_of_Gadjah_Mada_Logo.svg/640px-University_of_Gadjah_Mada_Logo.svg.png" alt="Website Fakultas Peternakan UGM" /> <p><span class="label">Kelebihan:</span> Cocok untuk referensi ilmiah, edukasi, dan penguatan teori peternakan sapi.</p> <a class="link-box" href="https://fapet.ugm.ac.id/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>5. Fakultas Peternakan IPB University</h2> <p> Menyajikan informasi pendidikan, riset, dan inovasi di bidang peternakan yang bermanfaat untuk pengembangan sapi potong maupun sapi perah. </p> <img class="website-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/IPB_University.svg/640px-IPB_University.svg.png" alt="Website Fakultas Peternakan IPB University" /> <p><span class="label">Kelebihan:</span> Kaya riset dan inovasi, sehingga bagus untuk mencari metode peternakan yang lebih modern.</p> <a class="link-box" href="https://fapet.ipb.ac.id/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>6. Peternakan Sapi Indonesia</h2> <p> Website yang membahas berbagai topik peternakan sapi, mulai dari pakan, perawatan, reproduksi, hingga peluang bisnis peternakan. </p> <img class="website-image" src="https://images.unsplash.com/photo-1563201515-adbe35c6694e?auto=format&fit=crop&w=1200&q=80" alt="Website Peternakan Sapi Indonesia" /> <p><span class="label">Kelebihan:</span> Informasi mudah dipahami dan lebih dekat dengan kebutuhan praktis peternak.</p> <a class="link-box" href="https://peternakansapi.com/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>7. Ternak Pintar</h2> <p> Menyediakan artikel edukatif seputar peternakan, termasuk panduan dasar untuk pemeliharaan sapi yang lebih efisien. </p> <img class="website-image" src="https://images.unsplash.com/photo-1510130387422-82bed34b37e9?auto=format&fit=crop&w=1200&q=80" alt="Website Ternak Pintar" /> <p><span class="label">Kelebihan:</span> Bahasa sederhana dan cocok untuk pemula yang baru belajar peternakan sapi.</p> <a class="link-box" href="https://ternakpintar.com/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> <li class="website-item"> <div class="website-content"> <h2>8. IndoLivestock</h2> <p> Portal informasi industri peternakan dan pameran ternak yang sering memuat perkembangan teknologi, alat, dan tren usaha peternakan sapi. </p> <img class="website-image" src="https://images.unsplash.com/photo-1444858345149-8ff40887589b?auto=format&fit=crop&w=1200&q=80" alt="Website IndoLivestock" /> <p><span class="label">Kelebihan:</span> Menyajikan wawasan industri dan teknologi terbaru untuk mendukung peternakan sapi yang lebih maju.</p> <a class="link-box" href="https://indolivestock.com/" target="_blank" rel="noopener noreferrer">Kunjungi Website</a> </div> </li> </ul> </div> </div> ```