mosabali2002999 / myproject20

My project library
0 stars 0 forks source link

html+css project #2

Open mosabali2002999 opened 1 year ago

mosabali2002999 commented 1 year ago
mosabali2002999 commented 1 year ago

Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image Image

Image Image

Image

Image

Image

Image

lab1 java.pptx

Image Image Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image Image Image Image Image

Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image

mosabali2002999 commented 1 year ago

<!DOCTYPE html>

CARS

Choose your car and leave the rest to us

Discover the latest, finest and best types of cars in the world at the best prices to save yourself and gain peace of mind


Your car is the largest shop for buying cars. Quality, speed and security while you are shopping

WHY WE ARE THE BEST CHOICE ?

هاتف ذكي

Delivery Speed

The car arrives within 3-4 days

Wide Selection

We have the latest cars

Technical Support

Technical support around the clock to solve your problem

OUR CAR COMPANIES


FERRARI

JAGUAR

MCLAREN

CHEVROLET

AUDI

PORCH

FORD

BUGGATI

BMW

Ferrari Cars



ROMA 2022
250,000$

sell

STRADLY SF90
300,000$

sell

F8 TREBOTO
350,000$

sell

812 SUPER FAST
400,000$

sell

LA FERRARI APIRTA 2017
450,000$

sell

GTB 216 488
500,000$

sell

Jaguar Cars



XK 1996
150,000$

sell

F-TYPE
200,000$

sell

XJ-S
350,000$

sell

XJR-15
400,000$

sell

XJ220
450,000$

sell

C-X75
100,000,000$

sell

Mclaren Cars



MSO SERIES LT
500,000$

sell

B1
400,000$

sell

SINA
450,000$

sell

720S
600,000$

sell

570S
500,000$

sell

F1-0
100,000,000$

sell

Audi Cars



A1
500,000$

sell

A3
400,000$

sell

A4
450,000$

sell

A5
600,000$

sell

A6
500,000$

sell

A8
100,000,000$

sell

Porsch Cars



Tikan
500,000$

sell

Kayeen 2023
400,000$

sell

Banamira
450,000$

sell

718 Kaiman
600,000$

sell

911 Karira T
500,000$

sell

Kayeen Turbo
100,000,000$

sell

Buggati Cars



Super Sport 2023
500,000$

sell

Mistirial 2024
2,000,000$

sell

Tchiron 2017
450,000$

sell

Veron Super sport 2011
600,000$

sell

Veron grand sport 2009
500,000$

sell

veron 2009
100,000,000$

sell

Ford Cars



Teritory 2023
100,000$

sell

Explore 2023
100,000$

sell

Mostange mac 1 2023
450,000$

sell

Skip 2023
60,000$

sell

Edge 2022
500,000$

sell

Tors 2023
100,000,000$

sell

BMW Cars



M2
100,000$

sell

M3
100,000$

sell

M4
450,000$

sell

M5
60,000$

sell

M8
500,000$

sell

X4M
100,000,000$

sell
mosabali2002999 commented 1 year ago

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; }

mosabali2002999 commented 1 year ago

<!DOCTYPE html>

THE PURCHASE WAS SUCCESSFUL , THE CAR WILL ARRIVE WITHIN THREE DAYS

mosabali2002999 commented 1 year ago

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; }

mosabali2002999 commented 1 year ago

file:///D:/%D9%85%D8%B5%D8%B9%D8%A8/project/projectk.html