شيخ الجبل

body {

margin: 0;

font-family: ‘Cairo’, sans-serif;

background: #F8F8F8;

color: #111;

}

/* Navbar */

.navbar {

display: flex;

justify-content: space-between;

align-items: center;

padding: 15px 50px;

background: white;

position: sticky;

top: 0;

}

.navbar a {

margin: 0 15px;

text-decoration: none;

color: #111;

transition: 0.3s;

}

.navbar a:hover {

color: #C8A96A;

border-bottom: 2px solid #C8A96A;

}

/* Hero */

.hero {

height: 90vh;

background: url(‘https://images.unsplash.com/photo-1509042239860-f550ce710b93’) center/cover;

display: flex;

justify-content: center;

align-items: center;

text-align: center;

color: white;

position: relative;

}

.hero::after {

content: “”;

position: absolute;

width: 100%;

height: 100%;

background: rgba(15,61,46,0.7);

}

.hero-content {

position: relative;

}

.hero h1 {

font-size: 60px;

color: #C8A96A;

}

.btn {

padding: 12px 25px;

margin: 10px;

border: none;

cursor: pointer;

font-size: 16px;

}

.btn-primary {

background: black;

color: white;

}

.btn-primary:hover {

background: #C8A96A;

}

.btn-secondary {

background: #C8A96A;

color: white;

}

/* Menu */

.section {

padding: 60px 40px;

text-align: center;

}

.cards {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

gap: 20px;

}

.card {

background: white;

border-radius: 10px;

overflow: hidden;

transition: 0.3s;

}

.card:hover {

transform: scale(1.05);

}

.card img {

width: 100%;

height: 200px;

object-fit: cover;

}

.card h3 {

margin: 10px 0;

}

.price {

color: #C8A96A;

font-weight: bold;

}

/* Why Us */

.why {

background: #0F3D2E;

color: white;

padding: 50px;

}

.why div {

margin: 15px;

}

/* Footer */

.footer {

background: #0F3D2E;

color: white;

text-align: center;

padding: 20px;

}