5 Website Rekomendasi Untuk Tutorial Memancing Indonesia
2026-05-13 01:26:12 - Admin
```html <div> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f4f8fb; color: #1f2937; line-height: 1.6; } .page-wrapper { max-width: 1100px; margin: 0 auto; padding: 24px; } .hero { background: linear-gradient(135deg, #0ea5e9, #2563eb); color: #fff; border-radius: 18px; padding: 28px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); margin-bottom: 24px; } .hero h1 { margin: 0 0 12px; font-size: 2rem; line-height: 1.2; } .hero p { margin: 0; max-width: 900px; font-size: 1rem; opacity: 0.95; } .hero-image { margin-top: 18px; width: 100%; border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, 0.15); } .hero-image img { display: block; width: 100%; height: auto; object-fit: cover; } .section-title { margin: 30px 0 16px; font-size: 1.5rem; color: #0f172a; } .website-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; } .website-item { background: #ffffff; border-radius: 18px; padding: 18px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); border: 1px solid #e5e7eb; } .website-item h2 { margin: 0 0 10px; font-size: 1.25rem; color: #0f172a; } .website-content { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: start; } .website-image { width: 100%; border-radius: 14px; overflow: hidden; background: #e2e8f0; } .website-image img { display: block; width: 100%; height: auto; } .website-desc p { margin: 0 0 10px; } .highlight { background: #eff6ff; border-left: 4px solid #2563eb; padding: 10px 12px; border-radius: 10px; margin: 12px 0; } .website-link a { display: inline-block; margin-top: 6px; color: #2563eb; text-decoration: none; font-weight: bold; word-break: break-word; } .website-link a:hover { text-decoration: underline; } @media (max-width: 768px) { .page-wrapper { padding: 16px; } .hero { padding: 22px; } .hero h1 { font-size: 1.6rem; } .website-content { grid-template-columns: 1fr; } } </style> <div class="page-wrapper"> <div class="hero"> <h1>5 Website Rekomendasi Untuk Tutorial Memancing Indonesia</h1> <p> Halaman ini berisi rekomendasi website yang cocok untuk belajar memancing di Indonesia, mulai dari teknik dasar, pemilihan alat, hingga tips memancing yang lebih efektif. Anda juga bisa melihat gambaran singkat dari setiap website beserta kelebihannya. </p> <div class="hero-image"> <img src="https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1200&q=80" alt="Tutorial Memancing"> </div> </div> <h2 class="section-title">Daftar Website Rekomendasi</h2> <ul class="website-list"> <li class="website-item"> <h2>1. Mancing.id</h2> <div class="website-content"> <div class="website-image"> <img src="https://via.placeholder.com/400x250?text=Mancing.id" alt="Tampilan website Mancing.id"> </div> <div class="website-desc"> <p> Mancing.id adalah website lokal yang membahas berbagai tutorial memancing untuk pemula hingga tingkat lanjut, termasuk teknik dasar dan rekomendasi alat pancing. </p> <div class="highlight"> Kelebihan: Kontennya relevan untuk pemancing Indonesia dan mudah dipahami oleh pemula. </div> <div class="website-link"> URL: <a href="https://mancing.id" target="_blank">https://mancing.id</a> </div> </div> </div> </li> <li class="website-item"> <h2>2. Dunia Mancing</h2> <div class="website-content"> <div class="website-image"> <img src="https://via.placeholder.com/400x250?text=Dunia+Mancing" alt="Tampilan website Dunia Mancing"> </div> <div class="website-desc"> <p> Dunia Mancing menyediakan artikel seputar cara memancing, jenis ikan, umpan yang cocok, dan tips memilih lokasi memancing yang ideal. </p> <div class="highlight"> Kelebihan: Pembahasan cukup lengkap dan cocok dijadikan referensi belajar mandiri. </div> <div class="website-link"> URL: <a href="https://duniamancing.com" target="_blank">https://duniamancing.com</a> </div> </div> </div> </li> <li class="website-item"> <h2>3. Mancing Mania</h2> <div class="website-content"> <div class="website-image"> <img src="https://via.placeholder.com/400x250?text=Mancing+Mania" alt="Tampilan website Mancing Mania"> </div> <div class="website-desc"> <p> Mancing Mania menyajikan panduan memancing yang praktis, mulai dari teknik casting, jigging, hingga tips untuk memancing di laut maupun air tawar. </p> <div class="highlight"> Kelebihan: Menawarkan variasi tutorial yang luas dan cocok untuk berbagai jenis memancing. </div> <div class="website-link"> URL: <a href="https://mancingmania.com" target="_blank">https://mancingmania.com</a> </div> </div> </div> </li> <li class="website-item"> <h2>4. Info Mancing Indonesia</h2> <div class="website-content"> <div class="website-image"> <img src="https://via.placeholder.com/400x250?text=Info+Mancing+Indonesia" alt="Tampilan website Info Mancing Indonesia"> </div> <div class="website-desc"> <p> Info Mancing Indonesia berfokus pada informasi seputar dunia memancing di Indonesia, termasuk tutorial, review alat, dan saran untuk menentukan waktu memancing terbaik. </p> <div class="highlight"> Kelebihan: Informasi disusun dengan sederhana sehingga mudah diikuti oleh pembaca. </div> <div class="website-link"> URL: <a href="https://infomancingindonesia.com" target="_blank">https://infomancingindonesia.com</a> </div> </div> </div> </li> <li class="website-item"> <h2>5. Fishing Indonesia</h2> <div class="website-content"> <div class="website-image"> <img src="https://via.placeholder.com/400x250?text=Fishing+Indonesia" alt="Tampilan website Fishing Indonesia"> </div> <div class="website-desc"> <p> Fishing Indonesia menghadirkan artikel dan tutorial memancing dengan pendekatan yang informatif, termasuk tips peralatan, teknik umpan, dan strategi memancing yang efektif. </p> <div class="highlight"> Kelebihan: Desain informasi rapi dan cocok untuk pengguna yang ingin belajar lebih terstruktur. </div> <div class="website-link"> URL: <a href="https://fishingindonesia.com" target="_blank">https://fishingindonesia.com</a> </div> </div> </div> </li> </ul> </div> </div> ```