generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
103 lines (100 loc) · 4.21 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
<!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">
<meta name="description" content="balloon and decor shop for special occasions in Novi Pazar">
<meta name="keywords" content="balloons, decoration, balloonshop, decoration for occasions, Serbia, Novi Pazar">
<link href="assets/css/style.css" rel="stylesheet">
<title>Magic balon decor</title>
</head>
<body>
<header>
<!-- logo and name and navbar-->
<nav>
<div id="wrap">
<img src="assets/images/mbd-logo.webp" alt="logo of the company" id="logo">
<ul class="navbar">
<li><a href="index.html" class="active">Home</a></li>
<li>
<a href="#">Decoration</a>
<ul>
<li><a href="birthday.html">Birthday</a></li>
<li><a href="engagment.html">Engagment</a></li>
<li><a href="gender-reveal.html">Gender reveal</a></li>
<li><a href="grand-opening.html">Grand opening</a></li>
<li><a href="wedding.html">Wedding</a></li>
</ul>
</li>
<li><a href="webshop.html">Webshop</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section id="hero-outer">
<!-- main image -->
<div id="hero-image">
<div id="cover-text">
<h3>Welcome To</h3>
<h1>Magic Balon Decor</h1>
</div>
</div>
</section>
<section id="about-us">
<div id="about-image">
<div id="about-text">
<h1>About Us:</h1>
<br>
<p>Magic Balon Decor is a company founded in 2019. It deal with the sale of all kinds of balloons and decoration of spaces for all kinds of events.
We are made up of a small team of creative people who have combined their vast experience, talent, creativity and positive energy to make every
important moment in your life fun and unforgettable. Why Magic Balon Decor? Because our company will help you organize the special occasion of your dreams.
Our mission is to make each of your events magical. In addition to the glamorous decoration full of zircons, crystals and various details, we also offer phase format
printing, welcome cards, thank you cards, invitations, banners and large format printings.
</p>
</div>
</div>
</section>
<section id="visit-shop">
<h1>Visit Our Shop</h1>
<div class="left-about">
<!-- open times -->
<h3 class="text-center">Open times</h3>
<table class="text-center" id="open-times">
<tr>
<td>Mon - Fri</td>
<td>09:00</td>
<td>18:00</td>
</tr>
<tr>
<td>Weekend</td>
<td>10:00</td>
<td>21:00</td>
</tr>
</table>
<br>
<div id="address" class="text-center">
<!-- address -->
<h3>Address</h3>
<p>Omladinska 78 <br> Novi Pazar</p>
</div>
</div>
<!-- Google maps -->
<div class="right-about">
<iframe id="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2911.041706974687!2d20.520703415348994!3d43.145653479141934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4756286ddb675a5b%3A0xa1162f7d4af22a1e!2sOmladinska%2078%2C%20Novi%20Pazar%2C%20Servi%C3%AB!5e0!3m2!1snl!2snl!4v1669213193795!5m2!1snl!2snl"
loading="lazy"></iframe>
</div>
</section>
</main>
<footer>
<ul>
<li id="float-left">Contact Us:<i class="fa-solid fa-phone"></i> <a href="tel:1234567890">1234567890</a></li>
<li id="float-right"><a href="https://www.instagram.com/magicbalondecor/" target="_blank" rel="noopener"
aria-label="Find us on Instagram (link opens in a new tab)"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</footer>
<!-- font awesome script-->
<script src="https://kit.fontawesome.com/45c35d510d.js" crossorigin="anonymous"></script>
</body>
</html>