-
Notifications
You must be signed in to change notification settings - Fork 0
/
purchase.html
277 lines (243 loc) · 13.9 KB
/
purchase.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
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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Profile</title>
<!--Link Icon Title-->
<link href="./dist/images/logo.jpg" rel="icon">
<!-- font awesome -->
<link rel="stylesheet" type="text/css" href="dist/css/font-awesome.min.css">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
<!--font google-->
<link href=" https://fonts.googleapis.com/css?family=Cairo:400,700" rel="stylesheet">
<!--google font-->
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@600&display=swap" rel="stylesheet">
<!-- vendor min css -->
<link rel="stylesheet" type="text/css" href="dist/css/vendor.min.css">
<!-- min styles -->
<link rel="stylesheet" type="text/css" href="dist/css/min.min.css">
<!-- font arbic -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body>
<section id="banner">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark p-0 fixed-top">
<div class="container">
<a class="navbar-brand p-0 hvr-grow wow pulse" data-wow-duration="4s" data-wow-offset="0" href="./index.html">
<img src="./dist/images/logo.png" alt="" width="200px">
<span class="text-danger fs-300 font-weight-bold" href=""></span>
</a>
<div class="dropdown mr-5 mr-md-0 ml-0 ml-md-5">
<span class="fa-stack fa-2x has-badge" data-count="2" style="font-size: 22px;">
<i class="fa fa-circle fa-stack-2x d-flex justify-content-center"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse d-flex justify-content-center"></i>
</span>
<div class="dropdown-content mr-sm-2">
<div class="">
<div class="item-cart row">
<img src="./dist/images/demo/004.jpg" class="px-3 border-image" alt="" width="100">
<small class="text-flix">Producte ditalse ditalse ditalse ditalse ditalse ditalse
<br>20$
</small>
</div>
<div class="item-cart row mt-3">
<img src="./dist/images/demo/006.jpg" class="px-3 border-image" alt="" width="100">
<small class="text-flix">Producte ditalse
<br>10$
</small>
</div>
</div>
<div class="btn btn-dark d-block my-2 border-10">
<small>Totle Price 30$</small>
</div>
<a href="./cart.html" class="btn btn-danger btn-sm borderi mt-3 px-2 py-1 mr-3">go to card</a>
<a href="./cart.html" class="btn btn-outline-light btn-sm borderi mt-3 px-2 py-1">go to card</a>
</div>
</div>
<!-- <span class="fa-stack fa-2x has-badge mx-md-5" data-count="5" style="font-size: 22px;">
<i class="fa fa-circle fa-stack-2x d-flex justify-content-center"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse d-flex justify-content-center"></i>
</span> -->
<div id="searching" class="search-container bg-transparent ml-3">
<input type="text" name="search" placeholder="Search..." class="search-input text-light">
<a href="#" class="search-btn btn btn btn-danger">
<i class="fa fa-search"></i>
</a>
</div>
<!-- <a href="./search.html" class="btn btn-danger mr-2 ml-sm-0 ml-md-3" style="border-radius: 50%"><i class="fa fa-search"></i></a> -->
<!-- <a href="./cart.html" class="btn btn-danger mr-0" style="border-radius: 50%"><i class="fa fa-cart-plus"></i></a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse col-md-8" id="navbarSupportedContent">
<ul class="navbar-nav m-auto wow flipInX" data-wow-duration="4s" data-wow-offset="0">
<li class="nav-item">
<a class="nav-link active" href="./index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./AllCategory.html">Shop</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#service">Our Services</a>
</li> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Category
</a>
<div class="dropdown-menu border-none" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Category 1</a>
<a class="dropdown-item" href="#">Category 2</a>
<a class="dropdown-item" href="#">Category 3</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Language
</a>
<div class="dropdown-menu border-none" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">English</a>
<a class="dropdown-item" href="#">Arabic</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">contact Us</a>
</li>
</ul>
<ul class="navbar-nav mr-auto">
<a href="./login.html" class="btn btn-danger m-1 hvr-pop"><i class="fa fa-user"></i> Login</a>
<a href="./Register.html" class="btn btn-outline-danger m-1 hvr-pop"><i class="fa fa-user-plus"></i> Register</a>
</ul>
</div>
</div>
</nav>
<!--end of nav-->
</section>
<!--end of banner section-->
<div style="padding: 100px 100px">
<h1 class="text-center text-white">
<a href="index.html" class="text-danger"><i class="fa fa-home"></i></a> / My <span class="text-danger">Purchase</span>
</h1>
</div>
<section id="profile" class="text-white pb-5">
<h1 class="text-center py-5">My Purchase</h1>
<div class="container mb-5">
<div class="mb-4 py-2 px-0 p-md-2 col-12 bg-danger border-10 d-flex justify-content-around">
<div class="btn btn-light d-flix align-items-center align-self-center"><small>Totle-Price : 400$</small></div>
<div class="btn btn-light d-flix align-items-center align-self-center">Totle : 400$</div>
<div class="btn btn-light d-flix align-items-center align-self-center">Decound : 400$</div>
</div>
<table class="table table-hover border-tabil">
<thead>
<tr class="bg-danger text-light">
<th>#</th>
<th>Name</th>
<th>Image</th>
<th>discrption</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 </td>
<td>Proudct Name</td>
<td><img src="./dist/images/demo/006.jpg " alt=" " width="100 "></td>
<td>discrption discrption discrption</td>
<td>20$</td>
</tr>
<tr>
<td>2 </td>
<td>Proudct Name</td>
<td><img src="./dist/images/demo/002.jpg " alt=" " width="100 "></td>
<td>discrption discrption discrption</td>
<td>10$</td>
</tr>
<tr>
<td>3</td>
<td>Proudct Name</td>
<td><img src="./dist/images/demo/001.jpg " alt=" " width="100 "></td>
<td>discrption discrption discrption</td>
<td>30$</td>
</tr>
</tbody>
</table>
</div>
</section>
<section id="footer" class="text-white">
<h2 class="text-center wow flash" data-wow-duration="4s" data-wow-offset="0">Contct <span class="text-danger">Us</span></h2>
<div class="container">
<div class="row pt-5 mt-md-0">
<div class="col-md-4 wow bounceInLeft" data-wow-duration="2s" data-wow-offset="0">
<div class="log-soci">
<div class="logo-ft col-0">
<img src="./dist/images/logo.png" alt="" width="240px">
<p>
Add the specified package to the local cache. This command is primarily intended to be used internally by npm, but it can provide a way to add data to the local installation cache explicitly.
</p>
</div>
</div>
</div>
<div class="social-flix col-md-4 px-0 ml-3 ml-md-0 mx-md-auto wow bounceInUp" data-wow-duration="2s" data-wow-offset="0">
<ul class="list-contact mt-5 pb-5 px-3 mr-sm-5" style="list-style: none">
<li>
<p class="row">
<i class="fa fa-phone fa-1x text-danger d-flex align-items-center justify-content-center mr-2" style="border-radius: 100px; width: 30px; height: 30px; background-color: #fff;">
</i> - (+800) 123 456 7890
</p>
</li>
<li>
<p class="row">
<i class="fa fa-envelope text-danger fa-1x d-flex align-items-center justify-content-center mr-2" style="border-radius: 100px; width: 30px; height: 30px; background-color: #fff;">
</i>- ReaLine@gmail.com
</p>
</li>
<li>
<p class="row">
<i class="fa fa-whatsapp text-danger fa-1x d-flex align-items-center justify-content-center mr-2" style="border-radius: 50px; width: 30px; height: 30px; background-color: #fff;">
</i> - (+800) 123 456 7890
</p>
</li>
</ul>
</div>
<div class="col-md-4 wow bounceInRight" data-wow-duration="2s" data-wow-offset="0">
<div class="payment">
<p>Payment Methods</p>
<ul style="list-style: none" class="pl-0 pt-4">
<li class="img mr-5 Pop"><img src="./dist/images/pay/11.png" width="70" height="70" class="Pop"></li>
<li class="img mr-5"><img src="./dist/images/pay/12.jpg" width="70" height="70"></li>
<li class="img mr-5"><img src="./dist/images/pay/13.png" width="70" height="70"></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer id="social">
<div class="container d-flex justify-content-around col-7 col-md-2 wow bounceInUp" data-wow-duration="3s" data-wow-offset="0">
<a class="p-2 bordering d-flex align-items-center justify-content-center wow hvr-push" href="#">
<i class="fa fa-facebook fa-1x d-flex align-items-center justify-content-center"></i>
</a>
<a class="p-2 text-danger bordering d-flex align-items-center justify-content-center hvr-push" href="#">
<i class="fa fa-google fa-1x d-flex align-items-center justify-content-center"></i>
</a>
<a class="p-2 bordering d-flex align-items-center justify-content-center hvr-push" href="#">
<i class="fa fa-twitter fa-1x"></i>
</a>
<a class="p-2 text-danger bordering d-flex align-items-center justify-content-center hvr-push" href="#">
<i class="fa fa-instagram fa-1x"></i>
</a>
</div>
</footer>
<script src="dist/js/jquery-3.3.1.min.js "></script>
<!-- bootstrap -->
<script src="dist/js/bootstrap.min.js "></script>
<!-- vendor js -->
<script src="dist/js/vendor.min.js "></script>
<!-- min scripts -->
<script src="dist/js/main.min.js "></script>
</body>
</body>
</body>
</body>