/* RESET */ *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial; } /* BACKGROUND */ body{ background:url("masjid.jpg") no-repeat center; background-size:cover; background-attachment:fixed; } /* OVERLAY */ .overlay{ background:rgba(0,0,0,0.6); min-height:50px; } /* HEADER */ header{ display:flex; justify-content:space-between; align-items:center; padding:15px 50px; color:white; position:relative; z-index:9999; } /* LOGO */ .logo{ display:flex; align-items:center; } .logo img{ width:50px; margin-right:10px; } /* MENU */ nav ul{ list-style:none; display:flex; } nav ul li{ position:relative; margin-left:20px; } nav ul li a{ color:white; text-decoration:none; font-weight:bold; padding:10px; } nav ul li a:hover{ background:#198754; border-radius:5px; } /* NAVBAR */ header{ display:flex; justify-content:space-between; align-items:center; padding:15px 50px; background:rgba(0,0,0,0.6); backdrop-filter:blur(10px); position:relative; z-index:999; } /* MENU */ nav ul{ list-style:none; display:flex; align-items:center; } nav ul li{ position:relative; margin-left:20px; } /* LINK MENU */ nav ul li a{ color:white; text-decoration:none; padding:10px 15px; display:block; transition:0.3s; } nav ul li a:hover{ background:#198754; border-radius:5px; } /* NAVBAR */ nav ul{ list-style:none; display:flex; align-items:center; } /* MENU */ nav ul li{ position:relative; margin-left:20px; } /* LINK */ nav ul li a{ color:white; text-decoration:none; padding:12px 18px; display:block; } /* DROPDOWN */ .dropdown-menu{ display:none; position:absolute; top:100%; /* menempel tepat dibawah menu */ left:0; min-width:220px; background:rgba(0,0,0,0.8); border-radius:10px; padding:5px 0; z-index:9999; } /* ITEM DROPDOWN */ .dropdown-menu li{ margin:0; } /* LINK DROPDOWN */ .dropdown-menu li a{ padding:12px 15px; display:block; } /* MUNCUL SAAT HOVER */ .dropdown:hover .dropdown-menu{ display:block; } .dropdown{ padding-bottom:5px; } /* HERO FULL */ .hero{ height:90vh; display:flex; justify-content:center; align-items:center; flex-direction:column; color:white; text-align:center; } .hero h1{ font-size:40px; margin-bottom:10px; } .hero p{ font-size:18px; } /* BUTTON */ .btn{ margin-top:20px; padding:12px 25px; background:#198754; color:white; text-decoration:none; border-radius:25px; } .btn:hover{ background:#145c32; } /* FOOTER */ footer{ text-align:center; color:white; padding:20px; }

Selamat Datang

Website Resmi Masjid Syekh Maulana Daud

Lihat Kegiatan