-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (77 loc) · 4.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glitz Balloons & Events</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link
rel="stylesheet"
href="style.css"
/>
<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=Lora:ital,wght@1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/868021f298.js" crossorigin="anonymous"></script>
</head>
<body>
<header class = "flex justify-content z-top width-100 background animate__animated animate__fadeIn animate">
<img id = "logo" class = ""src = "assets/media/logo/glitzlogo.jpg">
<div id = "contact-block" class="font-dancing flex content-align font-normal">
<div class = "padded"><a class= "text-decor-none text-color-black" href ="tel:07450950098"><i class="fa-solid fa-phone"></i><p>tel:07450950098</p></a></div>
<div class = "padded"><a class= "text-decor-none text-color-black" href="mailto:glitzballoons@aol.com"><i class="fa-solid fa-envelope"></i><p>glitzballoons@aol.com</p></a></div>
</div>
</header>
<div class = "intro font-normal font-lighter">
<h2 class="heading text-align-center font-dancing font-size-medium animate__animated animate__fadeIn animate__delay-1s">Welcome to Glitz Balloons & Events, the ultimate destination for all your party and event supply requirements!</h2>
<p class= "animate__animated animate__fadeIn animate__delay-2s">
We offer a range of personalized balloons, hat box hampers, sequin walls, light-up numbers & letters, event decor,
the all white bouncy castles,
and soft play equipment to add some glitz and glamour to your special occasion.
Our bespoke balloons are a popular choice for birthdays, weddings, and corporate events, as they can be customized with any message or design. The sequin walls and light-up numbers & letters are perfect for creating a stunning backdrop for photo opportunities and adding some extra sparkle to your celebration.
<br></br>
At Glitz Balloons, we pride ourselves on providing high-quality products and exceptional customer service. Our team is
dedicated to making your event unforgettable and stress-free. Whether you're planning a small gathering or a large event,
we've got you covered.
<br></br>
</p>
</div>
<div id ="gallery" class = " flex center justify-content animate__animated animate__fadeIn animate__delay-3s">
<img class = "responsive" src="assets/media/images/sequin.jpg">
<img class = "responsive" src="assets/media/images/dreamy.jpg">
<img class = "responsive" src="assets/media/images/blue.jpg">
<img class = "responsive" src="assets/media/images/personalballoon.jpg">
</div>
<h3 class =" heading font-dancing font-size-medium animate__animated animate__fadeIn animate__delay-3s centered text-align-center">Browse our range of products and services today and let us help you add some glitz and glamour to your next event!</h3>
<div id ="slides container" class="flex justify-content content-align">
<img class ="slides responsive fit-cover" src="assets/media/images/IMG-20240124-WA0007.jpg">
<img class ="slides responsive fit-cover" src="assets/media/images/IMG-20240124-WA0009.jpg">
<img class ="slides responsive fit-cover" src="assets/media/images/IMG-20240124-WA0010.jpg">
<img class ="slides responsive fit-cover" src="assets/media/images/image4.jpeg">
<img class ="slides responsive fit-cover" src="assets/media/images/60.jpg">
<img class ="slides responsive fit-cover" src="assets/media/images/image3.jpeg">
<div>
<summary class ="text-align-center heading">We cater for:</summary>
<ul class = "font-normal font-lighter">
<li>Birthdays</li>
<li>weddings</li>
<li>Christenings</li>
<li>Family celebrations</li>
<li>Corporate events</li>
<li>Special promotions</li>
<li>& More!</li>
</ul>
</div>
</div>
</body>
<footer>
<div class = "content-align flex justify-content animate__fadeIn animate__delay-2s">
<h4 class="heading font-dancing">...Find us on social media!</h4><i class="fa-brands fa-facebook fa-fade fa-2xl padded"></i><i class="fa-brands fa-instagram fa-fade fa-2xl padded"></i>
</div>
</footer>
<script src= "script.js"></script>
</html>