-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
81 lines (74 loc) · 2.41 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="Shopwise ecommerce store"
content="Our online store has many different types of great products for sale, and we make it simple to buy them with an easy and simple purchasing process."
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="./assests/icon.png" type="image/png" />
<link rel="stylesheet" href="./style.css" />
<title>Shopwise</title>
</head>
<body>
<!-- Start Header -->
<header id="main-header">
<!-- Navbar -->
<nav id="navbar">
<div class="container">
<h1 class="navbar-brand"><a href="./main.html">Shopwise</a></h1>
<div class="navbar-cart">
<img src="./assests/images/cart.png" alt="shopping cart icon" />
<div id="cart-counter">0</div>
<div>cart</div>
</div>
</div>
</nav>
</header>
<!-- End Header -->
<!-- Start Showcase -->
<section id="showcase">
<div class="overlay">
<p>SHOP ANYTIME & ANYWHERE</p>
<p>WITH OUR ONLINE STORE</p>
</div>
</section>
<!-- End Showcase -->
<!-- Start Products -->
<seciton id="products">
<div class="container">
<h2 class="products-title">Shop Our Latest Products</h2>
<p class="products-description">
Discover your new favorite products and elevate your shopping
experience with our carefully curated selection.
</p>
<div class="line"></div>
<div class="products-section"></div>
</div>
</seciton>
<!-- End Products -->
<!-- Overlay -->
<div class="page-overlay"></div>
<!-- Cart Dropdown -->
<div class="cart-dropdown">
<div class="cart-title">
<h3>My Cart</h3>
<button class="clear-cart">Clear Cart</button>
<button class="close-btn">
<img src="./assests/images/xmark.png" alt="xmark - close button" />
</button>
</div>
<div class="line"></div>
<div class="cart-products"></div>
</div>
<!-- Quick view model -->
<div class="quick-view"></div>
<!-- Product Error message -->
<div class="product-msg"></div>
<!-- Footer -->
<footer id="footer"></footer>
<script src="./app.js"></script>
</body>
</html>