Landing page Safar Ilmi
/landing-umroh │── index.html │── style.css
Umroh Sesuai Sunnah, Aman & Terbimbing
Perjalanan ibadah yang tenang bersama Safar Ilmi Berkah — Travel Umroh Resmi & Amanah
Konsultasi via WhatsAppKenapa Banyak Jamaah Ragu Umroh?
- Takut salah pilih travel
- Bingung proses pendaftaran
- Khawatir ibadah tidak sesuai tuntunan
- Takut fasilitas tidak sesuai janji
Safar Ilmi Berkah Solusinya
Kami hadir untuk jamaah yang ingin umroh dengan ilmu, dibimbing dengan sabar, dan dilayani secara amanah.
Keunggulan Safar Ilmi Berkah
Paket Umroh Tersedia
Apa Kata Jamaah?
“Bimbingannya jelas, ibadah jadi tenang dan paham.”
“Pelayanan amanah dan sangat membantu.”
body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: #333; } .container { width: 90%; max-width: 1100px; margin: auto; } .hero { background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('https://images.unsplash.com/photo-1548013146-72479768bada') center/cover; color: #fff; padding: 100px 0; text-align: center; } .hero h1 { font-size: 40px; } .btn { display: inline-block; margin-top: 20px; background: #1e7f5c; color: #fff; padding: 14px 25px; text-decoration: none; border-radius: 6px; font-weight: bold; } .trust { background: #f8f8f8; padding: 20px 0; } .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; text-align: center; } .section { padding: 60px 0; } .bg-light { background: #f4f4f4; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 15px; } .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap: 20px; } .card { background: #fff; padding: 20px; border-radius: 8px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.1); } .btn-small { display: inline-block; margin-top: 10px; background: #1e7f5c; color: #fff; padding: 10px 18px; text-decoration: none; border-radius: 5px; } blockquote { background: #f9f9f9; padding: 15px; border-left: 5px solid #1e7f5c; margin: 20px 0; } .cta { background: #1e7f5c; color: #fff; text-align: center; padding: 60px 0; } footer { background: #111; color: #fff; text-align: center; padding: 15px 0; }
https://www.youtube.com/watch?v=XHOmBV4js_E&t=11s
