8 Website Rekomendasi Untuk Resep Masakan Indonesia
2026-05-12 23:47:36 - Admin
```html <div> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f7f7f7; color: #222; line-height: 1.6; } .container { max-width: 1100px; margin: 0 auto; padding: 20px; } .header { background: linear-gradient(135deg, #ff7a18, #ffb347); color: #fff; padding: 30px 20px; border-radius: 16px; margin-bottom: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .header h1 { margin: 0 0 10px; font-size: 2rem; line-height: 1.2; } .header p { margin: 0; font-size: 1rem; max-width: 900px; } .hero-image { width: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; margin: 18px 0 30px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } .section-title { font-size: 1.5rem; margin: 0 0 18px; color: #1f1f1f; } .website-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 20px; } .website-item { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); border: 1px solid #ececec; } .website-image { width: 100%; height: 240px; object-fit: cover; display: block; } .website-content { padding: 18px; } .website-content h2 { margin: 0 0 10px; font-size: 1.3rem; color: #d35400; } .website-content p { margin: 0 0 10px; } .label { font-weight: bold; color: #333; } .website-link { display: inline-block; margin-top: 8px; padding: 10px 16px; background: #ff7a18; color: #fff; text-decoration: none; border-radius: 10px; transition: 0.3s ease; word-break: break-word; } .website-link:hover { background: #e96a0f; } @media (min-width: 768px) { .header h1 { font-size: 2.5rem; } .website-image { height: 280px; } } </style> <div class="container"> <div class="header"> <h1>8 Website Rekomendasi Untuk Resep Masakan Indonesia</h1> <p> Halaman ini berisi rekomendasi website yang dapat membantu Anda menemukan resep masakan Indonesia, mulai dari hidangan harian, masakan tradisional, hingga inspirasi menu keluarga. Setiap website dilengkapi deskripsi singkat, kelebihan, gambar, dan tautan langsung untuk memudahkan Anda menjelajah. </p> </div> <img class="hero-image" src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1400&q=80" alt="Resep Masakan Indonesia" /> <h2 class="section-title">Daftar Website Rekomendasi</h2> <ul class="website-list"> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1200&q=80" alt="Cookpad" /> <div class="website-content"> <h2>1. Cookpad Indonesia</h2> <p> Cookpad adalah platform resep komunitas yang sangat populer di Indonesia dengan ribuan resep dari pengguna. </p> <p><span class="label">Kelebihan:</span> Banyak variasi resep rumahan, langkah mudah diikuti, dan komunitas aktif.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://cookpad.com/id" target="_blank" rel="noopener noreferrer">https://cookpad.com/id</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1498837167922-ddd27525d352?auto=format&fit=crop&w=1200&q=80" alt="Dapur Umami" /> <div class="website-content"> <h2>2. Dapur Umami</h2> <p> Dapur Umami menyajikan resep masakan Indonesia yang praktis, lezat, dan cocok untuk kebutuhan sehari-hari. </p> <p><span class="label">Kelebihan:</span> Resep teruji, tampilan rapi, serta cocok untuk pemula maupun keluarga.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.dapurumami.com/" target="_blank" rel="noopener noreferrer">https://www.dapurumami.com/</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=80" alt="Masak Apa Hari Ini" /> <div class="website-content"> <h2>3. Masak Apa Hari Ini</h2> <p> Website ini menyajikan inspirasi menu harian dengan resep masakan Indonesia yang mudah dibuat. </p> <p><span class="label">Kelebihan:</span> Ide menu harian beragam, penyajian menarik, dan cocok untuk pencarian cepat.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.masakapahariini.com/" target="_blank" rel="noopener noreferrer">https://www.masakapahariini.com/</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1200&q=80" alt="Sajian Sedap" /> <div class="website-content"> <h2>4. Sajian Sedap</h2> <p> Sajian Sedap dikenal sebagai sumber resep masakan Indonesia yang lengkap, dari menu sehari-hari hingga hidangan spesial. </p> <p><span class="label">Kelebihan:</span> Resep lengkap, banyak kategori, dan cocok untuk pencarian menu tradisional.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://sajiansedap.grid.id/" target="_blank" rel="noopener noreferrer">https://sajiansedap.grid.id/</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1482049016688-2d3e1b311543?auto=format&fit=crop&w=1200&q=80" alt="Fimela Food" /> <div class="website-content"> <h2>5. Fimela Food</h2> <p> Fimela Food menyediakan berbagai resep makanan Indonesia dengan tampilan modern dan artikel yang mudah dibaca. </p> <p><span class="label">Kelebihan:</span> Informasi jelas, banyak inspirasi menu, dan cocok untuk pencari resep praktis.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.fimela.com/food" target="_blank" rel="noopener noreferrer">https://www.fimela.com/food</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1505253716362-afaea1d3d1af?auto=format&fit=crop&w=1200&q=80" alt="Resep Koki" /> <div class="website-content"> <h2>6. Resep Koki</h2> <p> Resep Koki menyajikan beragam resep masakan Indonesia yang disusun dengan langkah-langkah sederhana dan jelas. </p> <p><span class="label">Kelebihan:</span> Mudah dipahami, banyak pilihan resep, dan cocok untuk memasak sehari-hari.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.resepkoki.id/" target="_blank" rel="noopener noreferrer">https://www.resepkoki.id/</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1200&q=80" alt="Fimela Recipe" /> <div class="website-content"> <h2>7. IDN Times Food</h2> <p> IDN Times Food menghadirkan resep dan inspirasi kuliner, termasuk banyak pilihan masakan Indonesia yang populer. </p> <p><span class="label">Kelebihan:</span> Konten ringan, visual menarik, dan cocok untuk mencari ide masak cepat.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.idntimes.com/food" target="_blank" rel="noopener noreferrer">https://www.idntimes.com/food</a></p> </div> </li> <li class="website-item"> <img class="website-image" src="https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1200&q=80" alt="Yummy App" /> <div class="website-content"> <h2>8. Yummy App</h2> <p> Yummy App menyediakan berbagai resep masakan Indonesia dengan tampilan modern, praktis, dan mudah diakses. </p> <p><span class="label">Kelebihan:</span> Resep ringkas, tampilan mobile-friendly, dan banyak inspirasi masakan rumahan.</p> <p><span class="label">URL:</span> <a class="website-link" href="https://www.yummy.co.id/" target="_blank" rel="noopener noreferrer">https://www.yummy.co.id/</a></p> </div> </li> </ul> </div> </div> ```