/* Basic reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body styling */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
color: #333;
}
/* Header styling */
header {
background: #333;
color: #fff;
padding: 10px 0;
}
header .container {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
header h1 {
font-size: 2rem;
}
header nav ul {
list-style: none;
display: flex;
}
header nav ul li {
margin-left: 20px;
}
header nav ul li a {
color: #fff;
text-decoration: none;
font-size: 1.1rem;
}
/* Hero section */
.hero {
background: #009688;
color: #fff;
padding: 80px 0;
text-align: center;
}
.hero h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 20px;
}
.cta-btn {
background: #ff9800;
padding: 10px 20px;
color: white;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}
/* Services Section */
.services {
background: #fff;
padding: 60px 0;
}
.services h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 40px;
}
.service-item {
text-align: center;
margin-bottom: 30px;
}
.service-item h3 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.service-item p {
font-size: 1.1rem;
color: #555;
}
/* About Us Section */
.about-us {
background: #e0f2f1;
padding: 60px 0;
}
.about-us p {
text-align: center;
font-size: 1.2rem;
color: #555;
}
/* Contact Section */
.contact {
background: #fff;
padding: 60px 0;
}
.contact h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 40px;
}
.contact form {
width: 50%;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.contact form label {
margin-bottom: 10px;
font-size: 1.1rem;
}
.contact form input, .contact form textarea {
padding: 10px;
margin-bottom: 20px;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact form button {
padding: 10px 20px;
background: #009688;
color: white;
border: none;
border-radius: 5px;
font-weight: bold;
}
/* Footer styling */
footer {
background: #333;
color: #fff;
padding: 20px 0;
text-align: center;
}
footer ul {
list-style: none;
display: flex;
justify-content: center;
margin-top: 10px;
}
footer ul li {
margin-left: 20px;
}
footer ul li a {
color: #fff;
text-decoration: none;
}