Home
/* General Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
color: #333;
}
/* Header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 2rem;
background: #2d5c2e;
color: #fff;
}
.logo {
font-size: 1.5rem;
font-weight: bold;
}
.nav-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.nav-menu li {
margin-left: 1rem;
}
.nav-menu a {
text-decoration: none;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 4px;
}
.nav-menu a:hover {
background: #1e411f;
}
/* Hero Section */
.hero {
background: url(‘https://via.placeholder.com/1920×500’) no-repeat center center/cover;
color: #fff;
text-align: center;
padding: 4rem 2rem;
}
.hero h1 {
font-size: 2.5rem;
}
.hero p {
margin: 1rem 0;
}
.hero .btn {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem 1rem;
color: #fff;
background: #2d5c2e;
text-decoration: none;
border-radius: 4px;
}
.hero .btn:hover {
background: #1e411f;
}
/* Features Section */
.features {
display: flex;
justify-content: space-around;
padding: 2rem;
background: #f9f9f9;
}
.feature {
text-align: center;
max-width: 300px;
}
.feature h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.feature p {
margin-bottom: 1rem;
}
.feature a {
text-decoration: none;
color: #2d5c2e;
font-weight: bold;
}
.feature a:hover {
text-decoration: underline;
}
/* Footer */
.footer {
background: #2d5c2e;
color: #fff;
text-align: center;
padding: 1rem 0;
}
.footer-links a, .social-media a {
color: #fff;
text-decoration: none;
margin: 0 0.5rem;
}
.footer-links a:hover, .social-media a:hover {
text-decoration: underline;
}
.footer p {
margin-top: 1rem;
font-size: 0.9rem;
}