-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (136 loc) · 7.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spa Ceylon</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/3ff46335c1.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playwrite+CU:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
<!-- Top section with logo and navigation links -->
<div class="top">
<div class="navbar">
<nav>
<img src="Images/logo.png" alt="Logo">
</nav>
</div>
<ul>
<a href="https://lk.spaceylon.com/"><li class="navbar-links">Home</li></a>
<a href="https://lk.spaceylon.com/pages/promotions"><li class="navbar-links">Promotions</li></a>
<a href="https://lk.spaceylon.com/collections/all"><li class="navbar-links">Shop All</li></a>
<a href="https://lk.spaceylon.com/collections/baby-care"><li class="navbar-links">Baby Care</li></a>
<a href="https://lk.spaceylon.com/collections/skin-wellness"><li class="navbar-links">Skin Wellness</li></a>
<a href="index.html"><li class="navbar-links">Fragrances</li></a>
<a href="index.html"><li class="navbar-links">Gifting</li></a>
<a href="index.html"><li class="navbar-links">Hair Wellness</li></a>
</ul>
<!-- Main section with background video -->
<div class="main">
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<video src="Images/Background video.mp4" height="400px" width="800px" autoplay muted loop></video>
</a>
</div>
<h1>Be Different! Be Unique!!</h1>
<h2>"Welcome to a world of sophisticated fragrances and unparalleled elegance. At Spa - Ceylon, we invite you to explore our exquisite collection of perfumes, meticulously crafted to embody both timeless allure and modern sophistication. With 102 branches around the globe, we are dedicated to delivering exceptional service and personalized experiences, ensuring that every scent reflects the essence of luxury and refinement. Immerse yourself in our world of fragrance and discover the perfect expression of your unique style and personality."</h2>
<!-- Collections section -->
<div class="sec-phara">
<div class="collection">
<div class="collection-1">
<img src="Images/menn.jfif" alt="Men's Collection">
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<button class="btn">Explore more</button>
</a>
<h2>Men's Collection</h2>
<p>Command attention with a bold, irresistible fragrance that leaves a lasting impression. More than a scent—it's magic in a bottle!</p>
</div>
<div class="collection-2">
<img src="Images/femals.jfif" alt="Women's Collection">
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<button class="btn">Find Yours</button>
</a>
<h2>Women's Collection</h2>
<p>Unveil your allure with a fragrance that enchants and lingers. More than a scent—it's elegance, power, and magic in every drop.</p>
</div>
<div class="collection-3">
<img src="Images/set.jfif" alt="Sets">
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<button class="btn">Find Yours</button>
</a>
<h2>Sets</h2>
<p>An elegant duo: bold sophistication for him, timeless grace for her. A harmonious blend of luxury and allure.</p>
</div>
</div>
</div>
<h1>Spa Ceylon, The Embassy of Rare Perfumes</h1>
<h3>More than 102 brands and 2200 different perfumes.</h3>
<!-- Call to Action Buttons -->
<div class="CTA-buttons">
<div class="Explore">
<img src="Images/1st picture.jfif" alt="Explore">
<div class="text">Awaken the Senses, Define Your Aura.</div>
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<button>Find Yours</button>
</a>
</div>
<div class="Shop-now">
<img src="Images/2nd.jfif" alt="Shop Now">
<div class="text">Awaken the Senses, Define Your Aura.</div>
<a href="https://lk.spaceylon.com/collections/fragrances" target="_blank">
<button>Find Yours</button>
</a>
</div>
</div>
<!-- Products Slider -->
<div class="text">
<h4>Our Global Best Sellers!</h4>
</div>
<div class="products">
<div class="slider">
<div class="slides">
<div class="slide"><img src="Images/spray1.webp" alt="Image 1"></div>
<div class="slide"><img src="Images/spray2.webp" alt="Image 2"></div>
<div class="slide"><img src="Images/spay3.webp" alt="Image 3"></div>
<div class="slide"><img src="Images/spray4.webp" alt="Image 4"></div>
<div class="slide"><img src="Images/spray5.webp" alt="Image 5"></div>
<div class="slide"><img src="Images/spray6.webp" alt="Image 6"></div>
</div>
</div>
</div>
<!-- Branch Information -->
<div class="Branch">
<div class="branch-video">
<video src="Images/videoplayback.mp4" autoplay loop muted></video>
</div>
<div class="branch-text"></div>
<p>"Discover excellence at any of our 102 branches worldwide. Each location embodies our commitment to exceptional service and professional expertise. Visit us to experience how our global network delivers personalized solutions and unmatched support, wherever you are."</p>
</div>
<!-- Email Subscription Box -->
<div class="email-box">
<form action="submit_form.php" method="post">
<label for="email">Subscribe to our newsletter:</label>
<div class="input-container">
<input type="email" id="email" name="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</div>
</form>
</div>
<!-- Footer -->
<div class="footer">
<p class="footer-phara">Copyright 2014 CompanyName. All rights reserved</p>
<a href="">Terms Of Services |</a>
<a href="">Privacy</a>
<div class="icons">
<a href="https://web.facebook.com/?_rdc=1&_rdr" target="_blank"><i class="fa-brands fa-facebook fa-2x"></i></a>
<a href="https://www.instagram.com/accounts/login/" target="_blank"><i class="fa-brands fa-instagram fa-2x"></i></a>
<a href="https://www.tiktok.com/en/" target="_blank"><i class="fa-brands fa-tiktok fa-2x"></i></a>
<a href="https://github.com/" target="_blank"><i class="fa-brands fa-github fa-2x"></i></a>
</div>
</div>
</div>
</body>
</html>