-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcart.html
149 lines (141 loc) · 5.85 KB
/
cart.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UNISHOP ecommerce website</title>
<!--Scroll Reveal Js-->
<script src="https://unpkg.com/scrollreveal"></script>
<!--FontAwsome cdn-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--Linking css file-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-------Top Nav-------->
<div class="top_nav">
<div class="container top_nav_container">
<div class="top_nav_wrap">
<p class="top_nav_p">
Winter Sale is Live Now with 50% OFF and Free Delivery.
</p>
<a href="#" class="top_nav_link">SHOP NOW</a>
</div>
</div>
</div>
<!-------Main Nav-------->
<nav class="nav">
<div class="container nav_container">
<a href="#" class="nav_logo">UNISHOP</a>
<ul class="nav_list">
<li class="nav_item"><a href="/" class="nav_link">Home</a></li>
<li class="nav_item"><a href="#" class="nav_link">About Us</a></li>
<li class="nav_item"><a href="#" class="nav_link">Contact</a></li>
<li class="nav_item"><a href="signup.html" class="nav_link">Sign Up</a></li>
</ul>
<div class="social">
<form action="#" class="nav_form">
<input type="text" class="nav_input" placeholder="What are you looking for?"/>
<i class="fa-solid fa-magnifying-glass" class="search"></i>
</form>
<i class="fa-regular fa-heart" class="heart"></i>
<a href="cart.html">
<i class="fa-solid fa-cart-shopping" class="cart"></i>
</a>
</div>
<span class="hamburger">
<i class="fa-solid fa-bars"></i>
</span>
</div>
</nav>
<!-------Mobile Nav-------->
<nav class="mob_nav mob_hidden">
<ul class="mob_list">
<li class="mob_item">
<a href="/" class="mob_link">Home</a>
</li>
<li class="mob_item">
<a href="#" class="mob_link">About Us</a>
</li>
<li class="mob_item">
<a href="#" class="mob_link">Contact</a>
</li>
<li class="mob_item">
<a href="signup.html" class="mob_link">Sign Up</a>
</li>
<li class="mob_item">
<a href="cart.html" class="mob_link">Cart</a>
</li>
</ul>
</nav>
<!-- --- Cart--- -->
<section class="section">
<div class="container">
<div class="cart">
<div class="heading">
<p class="heading_id">Product ID</p>
<p class="heading_title">Product Title</p>
<p class="heading_image">Product Image</p>
<p class="heading_price">Price</p>
<p class="heading_delete">Delete</p>
</div>
<div class="cart-items"></div>
<div class="total_cost">
<p class="total_cost_p">Total: ₹900</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container footer_container">
<div class="footer_items">
<h3 class="footer_title">Know Us</h3>
<ul class="footer_list">
<li class="li footer_itm">Careers</li>
<li class="li footer_itm">Blog</li>
<li class="li footer_itm">Relations</li>
<li class="li footer_itm">Devices</li>
</ul>
</div>
<div class="footer_items">
<h3 class="footer_title">Support</h3>
<ul class="footer_list">
<li class="li footer_itm">S-22 Rajiv Nagar, India</li>
<li class="li footer_itm">unishop@gmail.com</li>
<li class="li footer_itm">+91 6535784514</li>
<li class="li footer_itm">+91 3669578123</li>
</ul>
</div>
<div class="footer_items">
<h3 class="footer_title">Earn with Us</h3>
<ul class="footer_list">
<li class="li footer_itm">Become an Affiliate</li>
<li class="li footer_itm">Become a Seller</li>
<li class="li footer_itm">Run ads on Product</li>
<li class="li footer_itm">See More Make Money with Us</li>
</ul>
</div>
<div class="footer_items">
<h3 class="footer_title">Help Desk</h3>
<ul class="footer_list">
<li class="li footer_itm">Your Account</li>
<li class="li footer_itm">Your Orders</li>
<li class="li footer_itm">Returns & Replacements</li>
<li class="li footer_itm">Shipping Rates & Policies</li>
</ul>
</div>
</div>
<div class="bottom">
<div class="container bottom_container">
<p class="copyright">
© Copyright Unishop 2024. All rights reserved
</p>
</div>
</div>
</footer>
<!--Linking JS file-->
<script src="./main.js"></script>
<script src="./cart.js"></script>
</body>
</html>