-
Notifications
You must be signed in to change notification settings - Fork 1
/
product.html
127 lines (122 loc) · 4.2 KB
/
product.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Products</title>
<link rel="stylesheet" href="product.css" />
<script
src="https://kit.fontawesome.com/683b4b40e3.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="fixed-header">
<div id="topRightheader">
<p class="hoverEffect">E-Gift Card</p>
<p class="hoverEffect">Store Locator</p>
<p class="hoverEffect">Track Order</p>
<p class="hoverEffect">My AEO</p>
<p class="hoverEffect"><i class="fas fa-heart"> </i> Favorites</p>
<p id="hover"><i class="fas fa-shopping-bag"></i></p>
<p id="quantity"></p>
<p id="itemsCartPage">Items</p>
</div>
<div id="searchFlex">
<div id="topLogo">
<a href="index.html"> <p class="logo">AMERICAN EAGLE</p></a>
<a href="product.html"><p class="link">Men</p></a>
<a href="product.html"> <p class="link">Women</p></a>
<a href="product.html"><p class="link">Jeans</p></a>
<a href="product.html"><p class="link">Clearance</p></a>
</div>
<div id="logoandSearch">
<input type="text" id="search" placeholder="Search" />
<i class="fas fa-search"></i>
<div id="signIn">
<a href="checkout.html">
<button id="signinButton">Check-Out</button></a
>
</div>
</div>
</div>
<div class="thickBorder">
<p>
Buy 2 and Get 40% off on the linked products.Use AEB2G40 |
<a id="shopNow" href="">Shop Now</a>
</p>
</div>
</div>
<div class="maincontainer">
<div id="homeTagDiv">
<p><a href="" id="hometext">Home</a> / collections</p>
</div>
<div id="filtersdiv">
<h3>COLLECTIONS</h3>
<div class="filters">
<select name="" id="Gender" onchange="genderFilter()">
<option value="gender">Gender</option>
<option value="Male">MALE</option>
<option value="Female">FEMALE</option>
</select>
<select name="" id="category" onchange="categoryFilter()">
<option value="">Category</option>
<option value="Shirts">Shirt</option>
<option value="Shoes">Shoes</option>
<option value="Jeans">Jeans</option>
<option value="T-Shirts">T-shirt</option>
</select>
</div>
</div>
<div id="pro_div"></div>
</div>
<div class="footer">
<hr />
<div class="referAndcard">
<p>
Want 25% off your purchase? 
<a href="" class="underLine"> Refer A friend!</a>
</p>
<p>
A gift that always fits. 
<a href="" class="underLine"> Shop E-Gift Card</a>
</p>
</div>
</div>
<div id="trackDetails">
<div id="box1">
<p><i class="fas fa-credit-card"></i>   PAYMENT OPTIONS</p>
<p class="options">Credit,Debit,Paytm Wallet & more.</p>
<p><i class="fas fa-map-marker-alt"></i>    STORE LOCATOR</p>
<p><i class="fas fa-envelope"></i>    EMAIL SIGN UP</p>
</div>
<div id="box2">
<p><i class="fas fa-truck-moving"></i>   TRACK ORDER</p>
<p class="subp">ABOUT AEO</p>
<p class="subp">FREQUENTLY ASKED QUESTIONS</p>
<p class="subp">RETURNS POLICY</p>
<p class="subp">CANCELLATION POLICY</p>
<p class="subp">SHIPPING POLICY</p>
<p class="subp">TERMS AND CONDITIONS OF USE</p>
<p class="subp">OFFER TERMS AND CONDITIONS</p>
<p class="subp">PRIVACY POLICY</p>
<p class="subp">SITE MAP</p>
</div>
<div id="box3">
<p><i class="fas fa-question-circle"></i>  HAVE A QUESTION ?</p>
<p class="hoverEffect">    CUSTOMER SUPPORT</p>
<br />
<br />
<p>
FOLLOW US <br />
<br />
<i id="hover" class="fab fa-facebook-f"></i>  
<i id="hover" class="fab fa-instagram"></i>
</p>
</div>
</div>
<hr />
<div class="copyRights">
<p>© 2021 AEO Management Co. All Rights Reserved.</p>
</div>
</body>
</html>
<script src="product.js"></script>