Skip to content

Commit af6cb4b

Browse files
OlgaPrikhodkoOlgaPrikhodko
committed
👕 ref: update formatting in html files
1 parent 2e2aeec commit af6cb4b

File tree

2 files changed

+62
-63
lines changed

2 files changed

+62
-63
lines changed

‎html/cars.html

+48-49
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,60 @@
1-
<!-- CARS PAGE -->
2-
<div class="mx-auto mt-4 max-w-7xl space-y-4 px-4 xs:px-8 sm:px-8 lg:px-16 pb-16 w-2/3">
3-
<div class="mt-32 flex">
4-
<!-- CAR SIDE BAR -->
5-
<div class="shadow border w-64 mr-10 z-30 h-[190px]">
6-
<div class="p-5 flex justify-between relative cursor-pointer border-b">
7-
<h3>Location</h3>
8-
<h3 class="text-blue-400 capitalize">Toronto</h3>
9-
<!-- <div class="absolute border shadow left-56 p-5 top-1 -m-1 bg-white">
1+
<!-- CARS PAGE -->
2+
<div
3+
class="mx-auto mt-4 max-w-7xl space-y-4 px-4 xs:px-8 sm:px-8 lg:px-16 pb-16 w-2/3"
4+
>
5+
<div class="mt-32 flex">
6+
<!-- CAR SIDE BAR -->
7+
<div class="shadow border w-64 mr-10 z-30 h-[190px]">
8+
<div class="p-5 flex justify-between relative cursor-pointer border-b">
9+
<h3>Location</h3>
10+
<h3 class="text-blue-400 capitalize">Toronto</h3>
11+
<!-- <div class="absolute border shadow left-56 p-5 top-1 -m-1 bg-white">
1012
<input type="text" class="border p-1 rounded">
1113
<button class="bg-blue-400 w-full mt-2 rounded text-white p-1">
1214
Apply
1315
</button>
1416
</div> -->
15-
</div>
16-
17-
<div class="p-5 flex justify-between relative cursor-pointer border-b">
18-
<h3>Make</h3>
19-
<h3 class="text-blue-400 capitalize">Toyota</h3>
20-
</div>
17+
</div>
2118

22-
<div class="p-5 flex justify-between relative cursor-pointer border-b">
23-
<h3>Price</h3>
24-
<h3 class="text-blue-400 capitalize"></h3>
25-
</div>
26-
</div>
27-
<!-- CAR SIDE BAR -->
19+
<div class="p-5 flex justify-between relative cursor-pointer border-b">
20+
<h3>Make</h3>
21+
<h3 class="text-blue-400 capitalize">Toyota</h3>
22+
</div>
2823

29-
<!-- CAR CARDS -->
30-
<div class="w-full">
31-
<!-- CAR CARD -->
32-
<div
33-
class="shadow border w-full overflow-hidden mb-5 cursor-pointer h-[200px]"
34-
>
35-
<div class="flex h-full">
36-
<img
37-
src="https://www.lancia.com/content/dam/lancia/cross/lancia-pu-ra-hpe/new1440x900_sfondo%20scuro.jpg"
38-
alt=""
39-
class="w-[300px] h-full"
40-
>
41-
<div class="p-4 flex flex-col">
42-
<div>
43-
<h1 class="text-2xl text-blue-700">
44-
Lancia Pu+Ra HPE
45-
</h1>
46-
<p class="text-grey-700">
47-
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
48-
</p>
49-
</div>
24+
<div class="p-5 flex justify-between relative cursor-pointer border-b">
25+
<h3>Price</h3>
26+
<h3 class="text-blue-400 capitalize"></h3>
27+
</div>
28+
</div>
29+
<!-- CAR SIDE BAR -->
5030

51-
<h1 class="mt-auto text-xl">$39,555</h1>
52-
</div>
31+
<!-- CAR CARDS -->
32+
<div class="w-full">
33+
<!-- CAR CARD -->
34+
<div
35+
class="shadow border w-full overflow-hidden mb-5 cursor-pointer h-[200px]"
36+
>
37+
<div class="flex h-full">
38+
<img
39+
src="https://www.lancia.com/content/dam/lancia/cross/lancia-pu-ra-hpe/new1440x900_sfondo%20scuro.jpg"
40+
alt=""
41+
class="w-[300px] h-full"
42+
/>
43+
<div class="p-4 flex flex-col">
44+
<div>
45+
<h1 class="text-2xl text-blue-700">Lancia Pu+Ra HPE</h1>
46+
<p class="text-grey-700">
47+
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
48+
</p>
5349
</div>
54-
</div>
55-
<!-- CAR CARD -->
5650

57-
</div>
58-
<!-- CAR CARDS -->
51+
<h1 class="mt-auto text-xl">$39,555</h1>
52+
</div>
53+
</div>
5954
</div>
55+
<!-- CAR CARD -->
6056
</div>
61-
<!-- CARS PAGE -->
57+
<!-- CAR CARDS -->
58+
</div>
59+
</div>
60+
<!-- CARS PAGE -->

‎html/homepage.html

+14-14
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
<div>
22
<!-- NAVBAR -->
3-
<header class="sticky top-0 z-50 flex justify-between items-center space-x-1 border-b bg-white p-4 shadow-md ">
4-
<a href="text-3xl font-mono">cartrader</a>
3+
<header
4+
class="sticky top-0 z-50 flex justify-between items-center space-x-1 border-b bg-white p-4 shadow-md"
5+
>
6+
<a class="text-3xl font-mono" href="">cartrader</a>
57
</header>
68
<!-- NAVBAR -->
79

810
<!-- HOME HERO -->
9-
<div
11+
<div
1012
class="relative h-screen w-100 bg-no-repeat bg-cover bg-bottom bg-[url('https://carconfigurator.ferrari.com/assets/cars/portofinom/packages/default/car-ferrari-portofino-m_splash.jpg')]"
1113
>
12-
<div
13-
class="z-10 absolute w-full h-full flex justify-center items-center"
14-
>
14+
<div class="z-10 absolute w-full h-full flex justify-center items-center">
1515
<div class="text-center w-1/2">
16-
<h1 class="text-8xl font-serif mb-10 text-white">
17-
Find your drive
18-
</h1>
16+
<h1 class="text-8xl font-serif mb-10 text-white">Find your drive</h1>
1917
<!-- HOME SEARCH BAR -->
20-
<div class="font-serif w-[1000px] text-2xl rounded-full bg-white flex justify-between overflow-hidden drop-shadow-2xl mx-auto">
21-
<input
22-
type="text"
18+
<div
19+
class="font-serif w-[1000px] text-2xl rounded-full bg-white flex justify-between overflow-hidden drop-shadow-2xl mx-auto"
20+
>
21+
<input
22+
type="text"
2323
class="py-3 px-5 w-full text-2xl rounded-full focus:outline-none"
2424
placeholder="Search by city..."
25-
>
25+
/>
2626
<button class="bg-sky-500 px-10 text-white">Search</button>
2727
</div>
2828
<!-- HOME SEARCH BAR -->
@@ -32,4 +32,4 @@ <h1 class="text-8xl font-serif mb-10 text-white">
3232
<div class="z-1 absolute w-full h-full bg-black opacity-50"></div>
3333
</div>
3434
<!-- HOME HERO -->
35-
</div>
35+
</div>

0 commit comments

Comments
 (0)