-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (122 loc) · 4.4 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Amardeep Kesharwani" />
<title>Solo Market</title>
<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/app.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<section class="sec1">
<nav>
<a href="#" >Solo Market</a>
<div class="bar" >
<span></span>
<span></span>
<span></span>
</div>
</nav>
<header>
<div>
<h3>Buy New Trending Cool Dresses </h3>
<button class="signin" >Sign In</button>
</header>
<h2 class="title" >Our Products</h2>
<div class="product-list container" >
</div>
<div class="copyright" >
<small> copyright © solo market, created by Amardeep Kesharwani </small>
</div>
</section>
<section class="sec2 hide">
<div class="flex" >
<div>
<span class="discount dis" ></span>
<img class="img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR7DmTxaw0ItozmAcoGcljX74JoVM37oSO8WA&usqp=CAU" alt="" >
<div class="container" >
<h2 class="pro-name" >Women Black Top</h2>
<h1 class="price" >Rs. 999</h1>
<p class="description" > product description black white top</p>
</div>
</div>
<div class="btn-group" >
<button class="cancel" >Cancel</button>
<button class="buy" >Buy Now</button>
</div>
</div>
</section>
<section class="sec3 hide">
<div class="container" >
<button class="close" >
×
</button>
<h2 class="title" >User Details</h2>
<form id="form">
<div class="form-group" >
<label>Full Nane</label>
<input type="text" id="name" placeholder="Full Name*" required>
</div>
<div class="form-group" >
<label>Mobile No</label>
<input type="number" id="number" placeholder="Mobile No*" required>
</div>
<div class="form-group" >
<label>Full Address</label>
<textarea id="address" placeholder="Full Address*" required></textarea>
</div>
<div class="form-group">
<button class="s-btn">Submit</button>
</div>
</form>
</div>
</section>
<section class="sec4 hide">
<div class="container" >
<h3>User Details</h3>
<div class="card" >
<p><b>Name : </b> <span class="u-name" >Amardeep kesarwani</span></p>
<p><b>Number : </b><span class="u-number" > 738383848</span></p>
<p><b>Address : </b><span class="u-address" ></span></p>
<p><b>payment method : </b> Cash on delivery</p>
<p><b>deliver : </b> 3-4 days</p>
</div>
<h3>Product Details</h3>
<div class="card flex" >
<img class="d-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR7DmTxaw0ItozmAcoGcljX74JoVM37oSO8WA&usqp=CAU" alt="" >
<div>
<p><b>Name : </b> <span class="d-name" ></span></p>
<p><b>Total Price : </b><span class="d-price" ></span></p>
<p><b>delivery charges : </b>Free</p>
</div>
</div>
<h3>process to checkout</h3>
<button class="checkout" >Checkout</button>
</div>
</section>
<section class="sec5 hide" >
<div class="flex" >
<div class="thanks" >
<h1>Thank You</h1>
<p>Your Order Successfully</p>
<p><span class="user-name" ></span> thank you for purchasing this product</p>
<button class="home" >Home</button>
</div>
</div>
</section>
<aside class="sidebar">
<span class="close-sidebar">×</span>
<h1>Products</h1>
<ul>
<li>Tops</li>
<li>Jeans</li>
<li>Shirt</li>
<li>Frock</li>
</ul>
</aside>
<script src="js/data.js"></script>
<script src="js/app.js"></script>
</body>
</html>