-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
173 lines (173 loc) · 8.49 KB
/
Copy pathindex.html
File metadata and controls
173 lines (173 loc) · 8.49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fashionable</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<div class="header">
<a href="index.html" class="name"><h1>FASHIONPHILE</h1></a>
</div>
</header>
<nav>
<ul class="nav">
<li><a href="" class="nav-detail">New Arrivals</a></li>
<li class="designer" ><a href="" class="nav-detail">Designers</a>
<!-- <ul class="dropdown">
<li class="type"><a href="">Alia</a></li>
<li class="type"><a href="">link2</a></li>
</ul> -->
</li>
<li><a href="Mother-Day-Gift.html" class="nav-detail">Bags</a></li>
<li><a href="" class="nav-detail">Accessories</a></li>
<li><a href="" class="nav-detail">Jewelry</a></li>
<li><a href="" class="nav-detail">Watches</a></li>
<li><a href="" class="nav-detail">Sale</a></li>
</ul>
<div class="login">
<a href="login.html"><svg xmlns="http://www.w3.org/2000/svg" width="35px" height="27px" fill="currentColor" style="color: black;" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
</svg></a>
</div>
</nav>
<main>
<div class="homeborder">
<div class="contanier">
<div class="text">
<h2>Treat yourself sale</h2>
<br>
<p class="text-3">Extra $200 off select items with code TY200 offer ends 4/26 at 11:59PM ET</p>
<br>
<div class="bordershopbutt">
<a href="Next-Level-Neutrals.html"><button>SHOP NOW</button></a>
</div>
</div>
</div>
<img class="homeimage"src="img/home back page.webp" alt="this is image ">
</div>
<div class="product">
<h2 class="productheding">Featured Items</h2>
<div class="listcontanier">
<div class="elem">
<a href="LOUIS VUITTON-bag1.html" target="blank"><img src="img/product1.jpg" alt="this is image"></a>
<div class="elemtext">
<a href="LOUIS VUITTON-bag1.html" target="blank" class="name"><h3>louis vuitton</h3></a>
<p class="pelemtext">Taurillon twist one handle pm greige</p>
<p class="pelemtext">Condition: Excellent</p>
<p ><b>$3,495</b></p>
</div>
</div>
<div class="elem">
<a href="CHANEL-bag2.html" target="blank"><img src="img/product2.jpg" alt="this is image"></a>
<div class="elemtext">
<a href="CHANEL-bag2.html" target="blank" class="name"><h3>chanel</h3></a>
<p class="pelemtext">Calfskin quilted small boy flap grey</p>
<p class="pelemtext">Condition: Excellent</p>
<p ><b>$4,995</b></p>
</div>
</div>
<div class="elem">
<a href="STELLA MCCARTNEY-bag3.html" target="blank"><img src="img/product3.jpg" alt="this is image"></a>
<div class="elemtext">
<a href="STELLA MCCARTNEY-bag3.html" target="blank" class="name"><h3>stella mccartney</h3></a>
<p class="pelemtext">Eco alter nappa perforated logo samll hobo mist</p>
<p class="pelemtext">Condition: Excellent</p>
<p ><b>$575</b></p>
</div>
</div>
<div class="elem">
<a href="GIVENCHY-bag4.html"target="blank"><img src="img/product4.jpg" alt="this is image"></a>
<div class="elemtext">
<a href="GIVENCHY-bag4.html"target="blank" class="name"><h3>givenchy</h3></a>
<p class="pelemtext">Box calfskin media 4g shoulder bag beige cappuccino</p>
<p class="pelemtext">Condition: Very good</p>
<p ><b>$1,095</b></p>
</div>
</div>
<div class="elem">
<a href="GIVENCHY-bag5.html" target="blank"><img src="img/product5.jpg" alt="this is image"></a>
<div class="elemtext">
<a href="GIVENCHY-bag5.html" target="blank" class="name"><h3>givenchy</h3></a>
<p class="pelemtext">Sugar goatskin small antigona pale blue</p>
<p class="pelemtext">Condition: Very good</p>
<p ><b>$1,395</b></p>
</div>
</div>
</div>
</div>
<div class="mazerproduct">
<div class="boxcontanier">
<div class="elem1">
<a href="Mother-Day-Gift.html"><img src="img/boximage1.webp" alt="this is image"></a>
<div class="elem1text">
<a href="Mother-Day-Gift.html" target="blank" class="name"><h3>Mother's Day Gifts</h3></a>
<p class="pelemtext2">Surprise your style icon with luxe picks from our curated gift collection.</p>
<a class="pelemtext2 " href="Mother-Day-Gift.html" target="blank">Shop now</a>
</div>
</div>
<div class="elem1">
<a href="Next-Level-Neutrals.html"><img src="img/boximag2.webp" alt=""></a>
<div class="elem1text">
<a href="Next-Level-Neutrals.html"target="blank" class="name"><h3>Next Level Neutrals</h3></a>
<p class="pelemtext2">These neutral palettes mix effortlessly with just about everything.</p>
<a class="pelemtext2" href="#" target="blank" class="name">Shop now</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footercontanier">
<div class="elem2">
<h3>Customer Service</h3>
<div class="customer">
<p class="customertext">Contact Us</p>
<p class="customertext">My Account</p>
<p class="customertext">Shipping</p>
<p class="customertext">Returns</p>
<p class="customertext">FAQ</p>
<p class="customertext">Give us feedback</p>
</div>
</div>
<div class="elem2">
<h3>Sell With Us</h3>
<div class="customer">
<p class="customertext">How to sell</p>
<p class="customertext">Submit an item</p>
<p class="customertext">FASHIONPHILE Refresh</p>
<p class="customertext">Designer Directory</p>
<p class="customertext">Consignment</p>
<p class="customertext">Sold items</p>
</div>
</div>
<div class="elem2">
<h3>Shop With Us</h3>
<div class="customer">
<p class="customertext">Authenticity</p>
<p class="customertext">Certified</p>
<p class="customertext">Gift Cards</p>
<p class="customertext">Personal Shopping</p>
<p class="customertext ">FASHIONPHILE Reserve</p>
</div>
</div>
<div class="elem2">
<h3><a href="About.html" class="name2">About Us</a></h3>
<div class="customer">
<p class="customertext"><a href="About.html" class="name2">About</a></p>
<p class="customertext">Locations</p>
<p class="customertext">Careers</p>
<p class="customertext">Influencer Program</p>
<p class="customertext">Partners Program</p>
<p class="customertext">Brand & retail partners</p>
<p class="customertext">Test your skils</p>
</div>
</div>
<div></div>
</div>
</footer>
</body>
</html>