Open mosabali2002999 opened 1 year ago
<!DOCTYPE html>
Your car is the largest shop for buying cars. Quality, speed and security while you are shopping
The car arrives within 3-4 days
We have the latest cars
Technical support around the clock to solve your problem
nav .logo { display: flex; padding: 0.5em 1em 0.5em 1em; align-items: center; } nav .logo i { color: #000000; padding-left: 0.5rem;
} nav .logo h4 { font-family: "Lalezar", cursive;
} nav .navbar { text-decoration: none; color: rgb(255, 255, 255); font-size: 1.4rem; margin-left: 1rem; } .hero { height: 70vh;
}
.hero-section { max-width: 1366px; display: flex; justify-content: space-between; align-items: center; margin: ; padding: 0 2rem; background-image: url("../project/963033-car-black-background-lines-digital-art-lights-flashlight.jpg"); }
.hero-section .content { display: flex; flex-direction: column; padding-left: 5rem; }
.hero-section .content h1 { font-size: 3rem; margin-bottom: 1rem; }
.hero-section .content p { color: rgb(248, 242, 242); font-size: 1.4rem; }
.hero-section .content p span.purple { color: #f8f7fa; }
.hero-section form { display: flex; } .btn { width: 10rem; margin-top: 3rem; border-radius: 0.5rem; outline: none; border: none; padding: 0.75rem 1.5rem; background-color: rgb(250, 250, 250);
}
.btn { background-image: url("../project/puro-1648052293.jpg"); background-size: cover;
}
.btn a { text-decoration: none; color: rgb(255, 255, 255); font-size: 1.4rem; } section.features { padding: 5rem 0; background-image: url("../project/bugatti_la_voiture_noire_2019_4k-1920x1080.jpg"); background-size: 450px; background-position: 0vi; }
section.features .features-section { max-width: 1366px; margin: 0 auto; padding: 0 5rem; }
.features-section h4 { color: rgb(255, 255, 255); font-size: 1.6rem; margin-bottom: 2rem; }
.features-section .qualities { display: flex; justify-content: space-between;
}
.features-section .qualities .quality { display: flex; flex-direction: column; align-items: center; background-image: url("../project/bugatti_la_voiture_noire_2019_4k-1920x1080.jpg"); background-size: cover; padding: 2rem; max-width: 17rem; border-radius: 1rem;
}
.qualities .quality i { font-size:xx-large; color: #6e0aef; margin-bottom: 1rem; }
.qualities .quality h3 { font-size:x-large; margin-bottom: 1rem; }
.qualities .quality p { font-size: 1.2rem; text-align: center; color: #fdfdff; } .newest-cars { padding-top: 5rem; background-color: #000000; background-image: url("../project/supercar-wallpapers-bugatti-1.jpg"); padding-left: 2.5rem; background-size:cover; }
.newest-carss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/1920x1080-ferrari-irhkr13ywtaobgtc.jpg"); background-size: cover;
} .newest-carss a{ font-size: xx-large;
color: green; } .newest-carssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/962597-McLaren-car-vehicle-digital-art-McLaren-720S-dark.jpg"); background-size:contain;
} .newest-carssss a{ font-size: xx-large;
color: green; } .newest-carsss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/38586b96e64c184e1ddd5fb997789e18.jpg"); background-size: cover; } .newest-carsss a{ font-size: xx-large;
color: green; } .newest-carsssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/e899ddf89eb9e69b2ed3f0f5c4d85998.jpg"); background-size:cover;
} .newest-carsssss a{ font-size: xx-large;
color: green; } .newest-carssssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/preview.jpg"); background-size:cover;
} .newest-carssssss a{ font-size: xx-large;
color: green; } .newest-carsssssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/bugatti_la_voiture_noire_2019_4k-1920x1080.jpg");
background-size: cover;
} .newest-carsssssss a{ font-size: xx-large;
color: green; } .newest-carssssssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/725184.jpg");
background-size:contain
} .newest-carssssssss a{ font-size: xx-large;
color: green; } .newest-carsssssssss { padding-top: 5rem; background-color: #000000; padding-left: 2.5rem; background-image: url("../project/ws_Black_Vintage_Chevrolet_Camaro_Convertible_1920x1080.jpg");
background-size:cover
} .newest-carsssssssss a{ font-size: xx-large;
color: green; } .newest-cars .cars-section { max-width: 1366px; margin: 0 auto; padding: 0 5rem; display: flex; flex-direction: column; padding-left: 2.5rem; }
.cars-section h4 { color: rgb(253, 252, 252); font-size: 2rem; margin-bottom: 2rem; }
.cars-section .cars { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: flex-start; }
.car { margin: 2rem 0; max-width: 400px; display: flex; flex-direction: column; align-items:center; } .car img { margin-bottom: 2rem; margin-left: 6rem; } .car img { scale: 1.1; margin-left: 0.1rem; } .car h3 { font-size: 1.6rem; margin-left: 0.1rem; text-align: center; } .cars-section button { width: 15rem; margin-bottom: 1rem; align-self: center; } .footer-section { display: flex; align-items: center; max-width: 13668989px; margin: 0 auto; padding: 0 5rem; color: #f8f7fc; background-color: #000000; padding-left: 27rem; }
.footer-section p { font-size: 1.2rem; flex: 1; } .ko{ background-color: #9c0800; background-size: contain; background-attachment: local; background-repeat:repeat-x;
} .red{ color: rgb(255, 249, 254); font-family: Verdana, Geneva, Tahoma, sans-serif; } h4{ color: #ffffff; font-size: xx-large; font-family:Verdana, Geneva, Tahoma, sans-serif; background-color: #000000; font-weight:bolder; } h1{ color: #f81105;
} .gg{ font-size:xx-large; } .SS{ margin: 23px; color: #ffffff; } body{ /background-image: url("../project/pngtree-black-minimalist-atmospheric-wooden-background-picture-image_965794.jpg"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover;/ background-color: #151515; } h3{ color: #ffffff; font-size: 300; } p{ color: #f8f7fa; font-size: x-large; } h2{ font-size:xx-large; color: aliceblue; } a{ color: #f8f7fa; }
<!DOCTYPE html>
body{ background-image: url("../project/Mercedes-GenH2-1-1-1.jpg"); background-size:cover; } h1{ font-display:var(#ffffff); color: #ffffff; position: initial; text-align:center; font-size: xx-large; font-family:Georgia, 'Times New Roman', Times, serif; background-color: #000000; margin: 15rem; padding: 3rem; }
file:///D:/%D9%85%D8%B5%D8%B9%D8%A8/project/projectk.html