-
Notifications
You must be signed in to change notification settings - Fork 1
/
Admin.html
138 lines (136 loc) · 4.62 KB
/
Admin.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
128
129
130
131
132
133
134
135
136
137
138
<!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>Admin Page</title>
<script
src="https://kit.fontawesome.com/683b4b40e3.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="Admin.css" />
</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>Cart</p>
</div>
<div id="searchFlex">
<div id="topLogo">
<a href="index.html"> <p class="logo">AMERICAN EAGLE</p></a>
<a href="#"><p class="link">Men</p></a>
<a href="#"> <p class="link">Women</p></a>
<a href="#"><p class="link">Jeans</p></a>
<a href="#"><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="#"> <button id="signinButton">SIGN IN</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="thickBorder">
<p>
Buy 2 and Get 40% off on the linked products.Use AEB2G40 |
<a href="">Shop Now</a>
</p>
</div>
</div>
<div class="backgroundImage">
<div class="container">
<form id="form">
<p>Name of the Product</p>
<input id="name" type="text" />
<p>Price</p>
<input id="price" type="number" />
<p>Image-Url</p>
<input id="image" type="text" />
<p>Gender</p>
<select name="" id="gender">
<option value="">select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
<p>Category</p>
<select name="" id="category">
<option value="">select</option>
<option value="Shoes">Shoes</option>
<option value="Shirts">Shirts</option>
<option value="Jeans">Jeans</option>
<option value="T-Shirts">T-Shirts</option>
<option value="Top">Top</option>
</select>
<div id="btns">
<input type="submit" value="Add" />
</div>
</form>
<button id="prod">Go to Product Page</button>
</div>
</div>
<hr>
<div class="footer">
<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="Admin.js"></script>