-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (61 loc) · 2.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ecommerce</title>
<link rel="stylesheet" href="./index.css">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar"></div>
<div class="hero-section">
<div class="hero">
<div class="hero-content">
<div class="c1">
<h2>Everything You Need, All in One Place.</h2>
<p>Discover a wide range of products from fashion to tech, home decor to health essentials, and much more. One stop for all you shopping needs.</p>
<a href="./pages/products/products.html">
<button class="cta">Explore Our Collections</button>
</a>
<h3 class="v1">Free Shipping on Orders Over $50.</h3>
<h3 class="v2">24/7 Customer Support.</h3>
<h3 class="v3">Easy Returns.</h3>
</div>
</div>
<div class="hero-pic">
<img src="./assets/hero-pic.png" alt="intro">
</div>
</div>
<div class="intro">
<div class="intro-pic">
<img src="./assets/pic1.jpg" alt="intro">
</div>
<div class="intro-content">
<p>
Our platform prides itself on an easy payment and checkout process designed to streamline your shopping
experience. With a user-friendly interface, customers can quicky select their preferred payment method, including
credit cards, digital wallets, and other secure options. The process is intuitive and fast, minimizing the steps
needed to complete the purchase.
</p>
</div>
</div>
<div class="end">
<div class="end-content">
<p>
Our platform features an intuitive and visually appealing user interface designed to enhance the overall user
experience. With a clean layout and easily navigable menus, users can efforlessly find what they are looking
for. The interface is responsive, ensuring optimal performance across various devices, from desktops to smartphones.
</p>
</div>
<div class="end-pic">
<img src="./assets/pic3.jpg" alt="intro">
</div>
</div>
</div>
<script src="./components/navbar.js"></script>
<script src="./authenticate.js"></script>
<script src="./index.js"></script>
</body>
</html>