body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #000;
color: #fff;
padding: 20px;
text-align: center;
}
.banner {
background-image: url("banner.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 500px;
position: relative;
}
.banner h1 {
font-size: 60px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #fff;
font-weight: bold;
text-shadow: 2px 2px #000;
}
.features {
padding: 50px;
background-color: #eaeaea;
color: #000;
}
.feature {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.feature img {
width: 100px;
margin-right: 20px;
}
.feature h2 {
font-size: 36px;
}
.cta {
text-align: center;
padding: 50px;
}
.cta button {
background-color: #ff5757;
color: #fff;
font-size: 24px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
网友评论