5 Website Rekomendasi Untuk Tutorial Berkuda Indonesia
2026-05-13 01:32:26 - Admin
```html <div> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f6f9fc; color: #1f2937; line-height: 1.6; } .page { max-width: 1100px; margin: 0 auto; padding: 24px; } .header { background: linear-gradient(135deg, #0f766e, #14b8a6); color: #fff; padding: 28px; border-radius: 18px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); margin-bottom: 24px; } .header h1 { margin: 0 0 12px; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.2; } .header p { margin: 0; max-width: 900px; font-size: 1rem; opacity: 0.95; } .hero-image { margin-top: 18px; border-radius: 16px; overflow: hidden; background: #e5e7eb; } .hero-image img { width: 100%; height: auto; display: block; max-height: 420px; object-fit: cover; } .section-title { margin: 28px 0 16px; font-size: 1.5rem; color: #0f172a; } .website-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; } .website-item { background: #fff; border-radius: 18px; padding: 18px; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07); border: 1px solid #e5e7eb; } .website-item h3 { margin: 0 0 10px; color: #0f766e; font-size: 1.2rem; } .website-image { margin: 14px 0; border-radius: 14px; overflow: hidden; background: #f3f4f6; } .website-image img { width: 100%; height: auto; display: block; max-height: 280px; object-fit: cover; } .label { font-weight: bold; color: #111827; } .website-link a { color: #0f766e; word-break: break-word; text-decoration: none; } .website-link a:hover { text-decoration: underline; } @media (max-width: 640px) { .page { padding: 14px; } .header, .website-item { padding: 16px; border-radius: 14px; } } </style> <div class="page"> <div class="header"> <h1>5 Website Rekomendasi Untuk Tutorial Berkuda Indonesia</h1> <p> Halaman ini berisi rekomendasi lima website yang dapat membantu Anda mempelajari tutorial berkuda, mulai dari dasar-dasar menunggang kuda, perawatan kuda, hingga tips keselamatan. Informasi disusun secara ringkas agar mudah dibaca dan cocok diakses melalui perangkat desktop maupun mobile. </p> <div class="hero-image"> <img src="https://images.unsplash.com/photo-1500932334442-8761a0b3a3b8?auto=format&fit=crop&w=1200&q=80" alt="Tutorial berkuda dengan kuda dan penunggang di arena" /> </div> </div> <h2 class="section-title">Daftar Website Rekomendasi</h2> <ul class="website-list"> <li class="website-item"> <h3>1. Equine Guelph</h3> <p> Website edukasi tentang kuda yang menyediakan materi lengkap seputar perawatan, kesehatan, dan dasar berkuda untuk pemula. </p> <div class="website-image"> <img src="https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=1200&q=80" alt="Ilustrasi berkuda di alam terbuka" /> </div> <p> <span class="label">Kelebihan:</span> Materi terstruktur, informatif, dan sangat cocok untuk belajar dasar-dasar berkuda secara bertahap. </p> <p class="website-link"> <span class="label">URL:</span> <a href="https://www.equineguelph.ca/" target="_blank" rel="noopener noreferrer"> https://www.equineguelph.ca/ </a> </p> </li> <li class="website-item"> <h3>2. Horse & Hound</h3> <p> Situs populer yang membahas dunia berkuda, termasuk panduan, berita, dan tips untuk rider pemula hingga tingkat lanjut. </p> <div class="website-image"> <img src="https://images.unsplash.com/photo-1464207687429-7505649dae38?auto=format&fit=crop&w=1200&q=80" alt="Kuda sedang berlari dengan latar alam" /> </div> <p> <span class="label">Kelebihan:</span> Kontennya luas dan selalu diperbarui sehingga cocok untuk menambah wawasan tentang berkuda modern. </p> <p class="website-link"> <span class="label">URL:</span> <a href="https://www.horseandhound.co.uk/" target="_blank" rel="noopener noreferrer"> https://www.horseandhound.co.uk/ </a> </p> </li> <li class="website-item"> <h3>3. The Horse</h3> <p> Website yang menyediakan artikel mendalam mengenai kesehatan kuda, teknik berkuda, dan panduan perawatan yang bermanfaat bagi pemilik maupun penunggang. </p> <div class="website-image"> <img src="https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=1200&q=80" alt="Penunggang kuda sedang berlatih" /> </div> <p> <span class="label">Kelebihan:</span> Penjelasan detail dan mudah dipahami, sangat membantu untuk belajar teori sebelum praktik berkuda. </p> <p class="website-link"> <span class="label">URL:</span> <a href="https://thehorse.com/" target="_blank" rel="noopener noreferrer"> https://thehorse.com/ </a> </p> </li> <li class="website-item"> <h3>4. Equestrian Life</h3> <p> Situs yang membahas gaya hidup equestrian, panduan latihan, kompetisi, serta tips untuk meningkatkan kemampuan berkuda. </p> <div class="website-image"> <img src="https://images.unsplash.com/photo-1500932334442-8761a0b3a3b8?auto=format&fit=crop&w=1200&q=80" alt="Pelatihan berkuda di arena" /> </div> <p> <span class="label">Kelebihan:</span> Menyajikan informasi yang inspiratif dengan tampilan yang rapi dan nyaman dibaca. </p> <p class="website-link"> <span class="label">URL:</span> <a href="https://equestrianlife.com.au/" target="_blank" rel="noopener noreferrer"> https://equestrianlife.com.au/ </a> </p> </li> <li class="website-item"> <h3>5. FEI - International Federation for Equestrian Sports</h3> <p> Website resmi federasi olahraga berkuda internasional yang menyediakan informasi aturan, teknik, kompetisi, dan edukasi berkuda. </p> <div class="website-image"> <img src="https://images.unsplash.com/photo-1464863979621-258859e62245?auto=format&fit=crop&w=1200&q=80" alt="Kuda dan penunggang dalam kompetisi berkuda" /> </div> <p> <span class="label">Kelebihan:</span> Sumber terpercaya dengan referensi resmi untuk memahami dunia berkuda secara profesional. </p> <p class="website-link"> <span class="label">URL:</span> <a href="https://www.fei.org/" target="_blank" rel="noopener noreferrer"> https://www.fei.org/ </a> </p> </li> </ul> </div> </div> ```