-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
176 lines (172 loc) · 7.76 KB
/
index.html
File metadata and controls
176 lines (172 loc) · 7.76 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
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Document</title>
</head>
<body>
<header>
<span><img src="./Assets/amazon logo.png" alt="" id="logo"></span>
<span class="location"><i class="fa-solid fa-location-dot"></i> Deliever to Pakistan
</span>
<div class="mid">
<select name="All" id="choice">
<option value="">All</option>
<option>Arts and Crafts</option>
<option>Automative</option>
<option>Baby's</option>
<option>Computers</option>
<option>Books</option>
</select>
<input type="search" placeholder="Search Amazon">
<button class="search"><i class="fa-solid fa-magnifying-glass"></i></button>
<img src="./Assets/flags.png" alt="" class="flag">
<select name="" id="language">
<option value="">EN</option>
<option value="">Urdu</option>
<option value="">Pashto</option>
</select>
<span class="login">Hello sign in <br> Accounts and Lists
<select name="hh" id="acc">
<opton>new acc</opton>
<opton>already</opton>
<opton>login</opton>
</select>
</span>
<span style="color: white; margin-left: 20px;" ;">
Returns <br> & Orders
</span>
<span style="color: white; margin-left: 20px;">
<i class="fa-solid fa-cart-shopping"></i>Carts
</span>
</div>
</header>
<nav>
<ul>
<li><a class="nava" href=""><i class="fa-solid fa-bars"></i> All</a></li>
<li><a class="nava" href="">Today's Deal</a></li>
<li><a class="nava" href="">Customer Service</a></li>
<li><a class="nava" href="">Registry</a></li>
<li><a class="nava" href="">Gift Cards</a></li>
<li><a class="nava" href="">Sell</a></li>
</ul>
</nav>
<main>
<div>
<img src="./Assets/img 1.jpg" alt="" class="mainimg">
</div>
</main>
<div class="stuff">
<div class="item one">
<h3>
Gaming Acessories
</h3>
<a href=""><img src="./Assets/gamig.jpg" alt="" class="gam"></a>
<a href=""><img src="./Assets/gamig2.jpg" alt="" class="gam"></a>
<a href=""><img src="./Assets/gaming3.jpg" alt="" class="gam"></a>
<a href=""><img src="./Assets/gaming44.jpg" alt="" class="gam"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item two">
<h3>
New year, New Supplies
</h3>
<a href=""><img src="./Assets/new year.jpg" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item three">
<h3>
Deals in PCs
</h3>
<a href=""><img src="./Assets/PC.jpg" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item four">
<h3>
Refresh Your Space
</h3>
<a href=""><img src="./Assets/22.png" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item five">
<h3>
Toys under $25
</h3>
<a href=""><img src="./Assets/TOYS.jpg" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item six">
<h3>Shops deals in Fashion</h3>
<a href=""><img src="./Assets/00.png" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item seeven">
<h3>Lunar new Year</h3>
<a href=""><img src="./Assets/LUNAR.jpg" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
<div class="item eight">
<h3>Fashion Treands you Like</h3>
<a href=""><img src="./Assets/99.png" alt="" class="image"></a>
<a href="" class="seemore">See more</a>
</div>
</div>
<div class="scroll">
<div class="products"><img src="./Assets/a.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/b.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/c.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/c.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/d.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/e.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/f.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/0.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/2.jpg" alt="" class="pic"></div>
<div class="products"><img src="./Assets/4.jpg" alt="" class="pic"></div>
</div><br><br>
<hr>
<div class="signin">
<p> See personalized Reccomendations</p>
<button class="sign"><a href=""></a>Signin</button>
<p>New Customer? <a href="">Starts here</a></p>
</div><br>
<hr>
<br>
<div class="top">
<a href=""><button class="tops" style="color: wheat; background-color: black; border: none;">Back to
top</button></a>
</div>
<div class="prefoot">
<div class="box1">
<h4 class="links">Get to know us</h4>
<a href="" class="links"> Career</a><a href="" class="links">Blog</a><a href="" class="links">About
Amazon</a><a href="" class="links">Investor relations</a><a href="" class="links">Amazon Devices</a><a
href="" class="links">Amazon Sciences</a>
</div>
<div class="box2">
<h4 class="links">Make Money with Us</h4>
<a href="" class="links">Sell products on Amazon</a><a href="" class="links">Blog</a><a href=""
class="links">Sell on Amazon Business</a><a href="" class="links">Sell apps on Amazon</a><a href=""
class="links">Become an Affiliate</a><a href="" class="links">Advertise Your Products</a><a href=""
class="links">Self-Publish with Us</a><a href="" class="links">Host an Amazon Hub</a>><a href=""
class="links">See More Make Money with Us</a>
</div>
<div class="box3">
<h4 class="links">Amazon Payment Products</h4>
<a href="" class="links"> Amazon Business Card</a><a href="" class="links">Shop with Points</a><a href=""
class="links">Reload Your Balance</a><a href="" class="links">Amazon Currency Converter</a>
</div>
<div class="box4">
<h4 class="links">Let Us Help You</h4>
<a href="" class="links">Amazon and COVID-19</a><a href="" class="links">Your Account</a><a href=""
class="links">Your Orders</a><a href="" class="links">Shipping Rates & Policies</a><a href=""
class="links">Returns & Replacements</a><a href="" class="links">Manage Your Content and Devices</a>><a
href="" class="links">Amazon Assistant</a><a href="" class="links">Help</a>
</div>
</div>
</body>
</html>