-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (124 loc) · 6.35 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Chill Out & Cone-quer</title>
<meta name="description" content="An icecream shop that is fun, not boring.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./styles/main.css">
<link rel="icon" type="image/png" href="./assets/favicon.png">
</head>
<body>
<nav>
<div class="logo">
<img src="./assets/cone-logo.jpg" alt="Chill Out & Cone-quer logo" />
<h1>🍦Chill Out & </b> Cone-quer! 🍦</h1>
</div>
<div class="hamburger-menu" onclick="toggleMenu()">
<div></div>
<div></div>
<div></div>
</div>
<div id="mobile-menu" class="mobile-menu">
<a href="#home">Home</a>
<a href="./menu.html">Menu</a>
<button onclick="toggleMenu()">close menu</button>
</div>
<div class="nav-links">
<a href="#home">Home</a>
<a href="./menu.html">Menu</a>
</div>
</nav>
<div class="icecream-details">
<section class="flex-container">
<div class="text-container">
<h2 id="home">About</h2>
<p>
Where the frozen treats are as cool as the polar bears and sweeter than your childhood dreams!
Prepare to embark on an icy escapade through a world of whimsical flavors that will make your taste
buds do
the happy dance. Nestled in the heart of Frostyville, our little ice cream haven is here to
transform your
ordinary dessert experience into an extraordinary adventure!
Step inside our frost-kissed wonderland and let your senses be dazzled by a kaleidoscope of colors
and
tantalizing aromas. Picture a magical realm where unicorns gallop on clouds of cotton candy,
penguins slurp
up milkshakes in tuxedos, and every scoop holds the power to transport you to a state of pure frozen
bliss.
</p>
</div>
<figure>
<img src="./assets/ice-cream/ube-icecream.jpg" alt="Lovely purple ube ice cream" />
</figure>
</section>
<section class="flex-container reverse">
<div class="text-container">
<h2>Om to the noms dot com</h2>
<p>
First up, we have the enchanting "Ube Extravaganza," a mesmerizing ice cream flavor derived from the
vibrant purple yam. Its rich and creamy texture combined with the subtle sweetness of Ube creates a
delightful indulgence you won't be able to resist.
For those who crave the classic taste of strawberries, we present the luscious "Strawberry
Sensation." Each spoonful is a burst of juicy, sun-ripened strawberries, blended into a smooth and
velvety ice cream base. It's a timeless favorite that never fails to satisfy.
</p>
<p>
And let's not forget the invigorating "Matcha Marvel." This green tea-infused ice cream is a
celebration of the traditional Japanese flavor, known for its earthy and slightly bitter notes.
We've mastered the art of balancing the vibrant matcha taste with the creamy decadence of our ice
cream, resulting in a harmonious and refreshing experience.
We take ice cream seriously, but not ourselves! Our crew of ice creamologists (yes, that's a real
job title here) are a bunch of mad scientists with a sweet tooth, concocting innovative flavors that
push the boundaries of what you thought was possible. From classics with a twist to mind-bending
creations that defy all expectations, we've got a scoop for every adventure seeker and flavor
enthusiast out there. So come on down and join us on this flavor-filled escapade!
</p>
</div>
<figure>
<img src="./assets/ice-cream/strawberry-icecream.jpg" alt="Delicious strawberry ice cream" />
<img src="./assets/ice-cream/matcha-icecream-cone.jpg" alt="Delicious matchja ice cream" />
</figure>
</section>
<section class="flex-container centered">
<p>
So, whether you're a thrill-seeking daredevil or a nostalgic dreamer, join us at "Chill Out & Cone-quer"
for
a
taste sensation like no other. Grab your spoon, summon your sense of wonder, and prepare to indulge in a
frozen
journey that will leave you begging for more.
Remember, life is too short for boring ice cream. It's time to break free from the ordinary and dive
into a
swirling vortex of frozen joy. Because at "Chill Out & Cone-quer," the only rule is to let your taste
buds
run
wild and your imagination soar!
Are you ready to make memories that will melt your heart? Step right in, my friend. The ice cream
adventure
of a
lifetime awaits! 🌈✨
</p>
</section>
<section class="carousel-container">
<div id="carousel-format-container">
<img id="carousel-img" src="" alt="Carousel Image" />
<p id="carousel-text" class="carousel-text">Default Text</p>
</div>
<div class="controllers">
<button class='btn' id="prev-btn" class="carousel-btn">
Prev
</button>
<button class='btn' id="next-btn" class="carousel-btn">
Next
</button>
</div>
</section>
</div>
</body>
<footer>
<h6>Chill Out & Cone-quer Copyright © 2023</h6>
<script src="./scripts/main.js" async defer></script>
</footer>
</html>