Hey, I made i web site about car information and car sale
here i will post the code
Welcome to My Webpage
My name is AhMaD
here is the the other page code
Cars for Sale
2020 Toyota Camry
$18,500
Clean title, low mileage, excellent condition.
2019 Honda Civic
$16,200
Sport edition, great fuel economy, one owner.
2021 BMW 3 Series
$32,900
Luxury package, turbo engine, like new.
here is the code how i style it
body {
background: linear-gradient(to bottom right, #ffb6c1, #e60202);
font-family: "Poppins", sans-serif;
margin: 0;
padding: 40px;
text-align: center;
}
h1 {
color: #583c54;
font-size: 45px;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
p {
font-size: 25px;
color: #8b2424;
}
a {
font-size: 22px;
color: #ffffff;
text-decoration: 3px;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
img {
margin-top: 20px;
width: 300px;
border-radius: 15px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
footer {
position: fixed;
bottom: 1%;
left: 0;
height: 10%;
width: 100%;
background: #8b01747e;
color: rgb(185, 185, 185);
padding: 1%;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: #323b4e;
}
header {
background: #222;
color: white;
padding: 20px;
text-align: center;
}
.car-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px;
}
.car-card {
background: white;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.car-card img {
width: 100%;
border-radius: 10px;
}
.price {
font-size: 20px;
font-weight: bold;
color: #d32f2f;
}
button {
width: 100%;
padding: 10px;
background: #0475f7;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
margin-top: 10px;
}
button:hover {
background: #005fcc;
}
here you see the first page how its look like

here ie the other page

Thank you .