body {
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
}
h2 {
color: #666666;
margin-bottom: 20px;
}
p {
color: #333333;
line-height: 1.5;
}
.banner {
width: 100%;
height: 500px;
background-image: url(banner.jpg);
background-size: cover;
background-position: center;
}
.feature {
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
}
.feature img {
width: 300px;
height: 300px;
object-fit: contain;
}
.feature-text {
margin-left: 20px;
}
.download-btn {
display: inline-block;
background-color: #10ade4;
color: white;
padding: 10px 40px;
text-decoration: none;
border-radius: 5px;
}
.download-btn:hover {
background-color: #0d90b3;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
@media (max-width: 600px) {
.feature {
flex-direction: column;
text-align: center;
}
.feature img {
margin: 20px 0;
}
}
网友评论