-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (142 loc) · 6.11 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VogueValley</title>
<!-- Google Fonts Link For Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Ensure AI Chatbot loads first -->
<script src="js/aichat.js" defer></script>
<!-- Lottie Animation -->
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Style sheets -->
<link rel="stylesheet" href="css/navigation.css"/>
<link rel="stylesheet" href="css/aichat.css"/>
<link rel="stylesheet" href="css/home.css" />
<link rel="stylesheet" href="css/footer.css" />
</head>
<body>
<!-- Background Image -->
<div class="background-image"></div>
<!-- Popular Products -->
<div class="products-section">
<h2>Popular Products</h2>
<div class="products-box">
<div class="products">
<img
src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/468597/item/sggoods_31_468597.jpg?width=750"
alt="Product 1"
/>
<div class="product-description">
<p class="Name">Sleeveless Jacket (Co-ord)</p>
<p>Supple fabric for a sophisticated style. Sleek V-neck design.</p>
</div>
</div>
<div class="products">
<img
src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/459621/item/sggoods_57_459621.jpg?width=750"
alt="Product 2"
/>
<div class="product-description">
<p class="Name">Ultra Light Down Parka (3D Cut)</p>
<p>Warm premium down. Incredibly lightweight.</p>
</div>
</div>
<div class="products">
<img
src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/463973/item/sggoods_68_463973.jpg?width=750"
alt="Product 3"
/>
<div class="product-description">
<p class="Name">EZY Ultra Stretch Jeans (Longer Length: 84cm)</p>
<p>
A classic jeans look with the comfort of sweatpants.
</p>
</div>
</div>
<div class="products">
<img
src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/466337/item/sggoods_52_466337.jpg?width=750"
alt="Product 4"
/>
<div class="product-description">
<p class="Name">Satin Long Sleeve Blouse</p>
<p>
Glossy satin fabric with an elegant drape. Updated with DRY
technology.
</p>
</div>
</div>
</div>
</div>
<!-- On Sale Products -->
<div class="products-section">
<br>
<br>
<h2>On Sale Products</h2>
<div class="products-box">
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/460925/item/sggoods_69_460925.jpg?width=750" alt="On Sale Product 1">
<div class="product-description">
<p class="Name">Stylish Denim Jacket</p>
<p>Classic denim jacket with a modern twist. Perfect for casual and trendy looks.</p>
</div>
</div>
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/462690/item/sggoods_65_462690.jpg?width=750" alt="On Sale Product 2">
<div class="product-description">
<p class="Name">Casual Striped Shirt</p>
<p>A comfortable and stylish striped shirt for a laid-back yet polished look.</p>
</div>
</div>
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/457517/item/sggoods_53_457517.jpg?width=750" alt="On Sale Product 3">
<div class="product-description">
<p class="Name">Essential Slim Fit Jeans</p>
<p>Classic slim fit jeans for a versatile and timeless wardrobe staple.</p>
</div>
</div>
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/461815/item/sggoods_11_461815.jpg?width=750" alt="On Sale Product 4">
<div class="product-description">
<p class="Name">Cozy Knit Sweater</p>
<p>Stay warm and stylish with this cozy knit sweater, perfect for chilly days.</p>
</div>
</div>
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/466864/item/sggoods_17_466864.jpg?width=750" alt="On Sale Product 5">
<div class="product-description">
<p class="Name">Printed Graphic T-Shirt</p>
<p>Add a pop of style with this printed graphic t-shirt. Comfortable and trendy.</p>
</div>
</div>
<div class="products">
<img src="https://image.uniqlo.com/UQ/ST3/sg/imagesgoods/456401/item/sggoods_07_456401.jpg?width=750" alt="On Sale Product 6">
<div class="product-description">
<p class="Name">Slim Fit Chino Pants</p>
<p>Elevate your casual look with these slim fit chino pants. Versatile and comfortable.</p>
</div>
</div>
</div>
<br>
<br>
</div>
<!-- Add images and details of on-sale products here -->
</div>
<!-- DotLottie Player -->
<div id="lottie-overlay">
<div id="lottie-container">
<dotlottie-player src="https://lottie.host/880c2dab-8556-4015-9f6e-4d57c7c55eb8/pfpBT8ShzX.json" background="transparent" speed="1.5" autoPlay={false}></dotlottie-player>
</div>
</div>
<script src="js/points.js"></script>
<script src="js/navigation.js"></script>
<script src="js/footer.js"></script>
<script src="js/home.js"></script>
</body>
</html>