-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (129 loc) · 5.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Ice-Cream, Sundae and Dessert Shop">
<meta name="keywords"
content="chill, chilling, beenchilling, been chilling, ice-cream, sundae, dessert">
<meta name="author"
content="Ho Kang Kai, Wai Chee Han, Lee Yong Kang">
<title>BeenChilling</title>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://kit.fontawesome.com/d743fd0ad4.js" crossorigin="anonymous"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KEHC5JXDCZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-KEHC5JXDCZ');
</script>
<!-- End of Google tag (gtag.js) -->
</head>
<body>
<!-- Header -->
<header>
<a href="index.html" class="logo">
<img class="logo" src="images/logo.png" alt="logo">
</a>
</header>
<!-- End of Header -->
<audio id="home" loop><source src="home.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><br>
<main>
<h2 class="topics" id="slogan"><em>Have you BeenChilling?</em></h2>
<button id="pause" onclick="playPause()"></button>
<!-- Navigation Bar -->
<nav>
<ul>
<li><a class="active_link" href="index.html">Home</a></li>
<li>
<div id="dropdown">
<a href="product.html">Product and Service</a>
<div id="dropdown_content">
<div id="dropdown_wrapper">
<a href="product.html#Sundaes">Sundae</a>
<a href="product.html#Dessert">Dessert</a>
<a href="product.html#Ice-Cream">Ice-Cream</a>
</div>
</div>
</div>
</li>
<li><a href="topics.html">Topics</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="aboutus.html">About Us</a></li>
</ul>
</nav>
<!-- End of Navigation Bar -->
<h2 class="topics">Get a BeenChilling like John Cena.</h2>
<h1 class="horizontal bestSeller">
<span>B</span>
<span>e</span>
<span>s</span>
<span>t</span>
<span>s</span>
<span>e</span>
<span>l</span>
<span>l</span>
<span>e</span>
<span>r</span>
</h1>
<!-- Best Seller -->
<div class="bestSeller">
<div class="menu">
<img class="menu" src="IcePNG/MixedSundae.png" alt="Mixed Sundae">
<h1>Mixed Sundae RM 8.00</h1>
<span>Ingredients</span>
<ul>
<li>Classic Vanilla</li>
<li>Belgium Chocalate</li>
<li>Fresh Strawberries</li>
</ul>
<button class="cta">Buy Now</button>
</div>
<div class="menu">
<img class="menu bananaSplit" src="IcePNG/BananaSplit.png" alt="Banana Split">
<h1>Banana Split RM 19.50</h1>
<span>Ingredients</span>
<ul>
<li>Fresh Banana</li>
<li>Belgium Chocalate</li>
<li>French Vanilla</li>
</ul>
<button class="cta">Buy Now</button>
</div>
</div><br>
<!-- End of Best Seller -->
<iframe id="video" title="vimeo-player" src="https://player.vimeo.com/video/890988764?h=05bb284c71" allowfullscreen></iframe>
<!-- Working Hours -->
<div class="working">
<iframe class="map" src="https://shorturl.at/iDFRX" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<h1>Working Hours</h1>
<p>From 12:30 P.M. until 10:00 P.M. <br> From Thursday to Tuesday <br> (Close for Wednesday) </p>
</div>
<!-- End of Working Hours -->
<!-- Top button -->
<button id="top" class="fas fa-arrow-up" onclick="topFunction()"></button>
<br><br>
</main>
<!-- Footer -->
<footer>
<div class="share">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.beenchilling.com.my" class="fa fa-facebook-square" target="_blank"></a>
<a href="https://twitter.com/intent/tweet?url=https://www.beenchilling.com.my&text=I%20have%20BeenChilling!" class="fa fa-twitter" target="_blank"></a><br>
<em>Copyright © 2023 <a href="mailto:admin@beenchilling.com.my">BeenChilling</a> - All Rights Reserved</em>
</div>
</footer>
<!-- End of Footer -->
<script src="script.js"></script>
<script>
//idk how to jumpstart the functions lmao so i did it here
dropDownHover()
webPageMusicLoad()
</script>
</body>
</html>