-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (116 loc) · 5.86 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
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>Superstore Landing Page</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/landing-page.css">
</head>
<body>
<div class="banner">
<div class="navbar">
<img src="img/favicon.ico" alt="Superstore Logo" class="logo">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Team</a></li>
</ul>
</div>
<div class="content">
<h1>WELCOME TO
SUPERSTORE DASHBOARD</h1>
<p>Explore the dashboard to optimize marketing, supply chain, and customer engagement</p>
<div>
<button class="signup-btn" id="openDashboardBtn" type="button"><span class="cover"></span>Open The Dashboard</button>
</div>
</div>
</div>
<section id="about">
<div class="container position-relative" data-aos="fade-up">
<h2>About Superstore</h2>
<p>Welcome to Superstore, your go-to destination for all your shopping needs and community engagement. With an extensive selection ranging from groceries to electronics and beyond, our shelves are stocked with top quality products to meet every aspect of your lifestyle. But Superstore isn't just about shopping it's a vibrant hub where connections are forged and relationships flourish. Our friendly staff are always on hand to assist you, ensuring that your shopping experience is nothing short of exceptional. Beyond our aisles, Superstore serves as a focal point for community engagement, hosting a variety of events and activities that bring people together. From cooking classes to charity fundraisers, from book signings to local artist showcases, there's always something exciting happening at Superstore. Join us in celebrating the joy of shopping and the power of community at Superstore, where every visit promises new discoveries and lasting connections..</p>
</div>
</div>
</div>
</section>
<section class="product">
<div class="section-header">
<h2>Product</h2>
<p>Take a look at our inventory of the latest products.</p>
</div>
<div class="product-container">
<div class="product-card">
<div class="product-image">
<span class="discount-tag">50% off</span>
<img src="img/card1.jpg" class="product-thumb" alt="Technology">
<button class="card-btn">add to wishlist</button>
</div>
<div class="product-info">
<h2 class="product-brand">Technology</h2>
<p class="product-short-description">Phone,Machine,Accessories,Copiers.</p>
<span class="price">$2500</span><span class="actual-price">$5000</span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<span class="discount-tag">50% off</span>
<img src="img/card2.jpg" class="product-thumb" alt="Furniture">
<button class="card-btn">add to wishlist</button>
</div>
<div class="product-info">
<h2 class="product-brand">Furniture</h2>
<p class="product-short-description">Chair,Tables,Bookcases,Furnishings.</p>
<span class="price">$250</span><span class="actual-price">$500</span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<span class="discount-tag">50% off</span>
<img src="img/card3.jpg" class="product-thumb" alt="Office Supplies">
<button class="card-btn">add to wishlist</button>
</div>
<div class="product-info">
<h2 class="product-brand">Office Supplies</h2>
<p class="product-short-description">Storage,Binders,Appliances,Paper.</p>
<span class="price">$100</span><span class="actual-price">$200</span>
</div>
</div>
</div>
</section>
<section id="supporters" class="section-with-bg">
<div class="container" data-aos="fade-up">
<div class="section-header text-center">
<h2>Sponsors</h2>
</div>
<div class="supporters-wrap" data-aos="zoom-in" data-aos-delay="100">
<div class="supporter-logo">
<img src="img/kampus_merdeka.png" class="img-fluid" alt="kampus merdeka logo">
</div>
<div class="supporter-logo">
<img src="img/revou-1.png" class="img-fluid" alt="RevoU logo">
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright 2024 <strong>Superstore Dashboard</strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="https://github.com/Kampus-Merdeka-Software-Engineering/km-feb24-balikpapan-13">Team-13 Balikpapan</a>
</div>
</div>
</footer>
<script>
var openDashboardBtn = document.getElementById("openDashboardBtn");
openDashboardBtn.addEventListener("click", function() {
window.location.href = "login.html";
});
</script>
</script>
</body>
</html>