-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu.html
160 lines (144 loc) · 6.91 KB
/
menu.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Xinyi Chen">
<meta name="keywords" content="Happy Day Dessert Factory">
<meta name="description" content="Happy Day Dessert Factory's website">
<link rel="stylesheet" media="all" type="text/css" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta content="width=device-width, initial-scale=1" name="viewport">
<script src="js/jquery-3.6.4.min.js"> </script>
<script src="js/scripts.js"> </script>
<title>Menu page of Happy Day Dessert Factory</title>
</head>
<body>
<header>
<img class="logo" src="images/logo.png" alt="Photo of Happy Day Dessert Factory's logo">
<a href="#" class="logo">Happy Day Dessert Factory</a>
<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="selected" href="menu.html">Menu</a></li>
<li><a href="promotions.html">Promotions</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="story.html"> Our story</a></li>
<li><a href="location.html">Location and hours</a></li>
<li><a href="contact_us.html"> Contact Us</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div class="container">
<div class="menu">
<h2 class="menu-group-heading">
Ice cream flavors
</h2>
<div class="menu-group">
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Chocolate.png" alt="Triple Chocolate Mousse">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Triple Chocolate Mousse</span>
<span class="menu-item-price">$3.60</span>
</h3>
<br>
<p class="menu-item-description">
Dark Chocolate, Milk Chocolate and Semi-Sweet chocolate all mixed into a chocolate mousse base to brighten your day!
</p>
</div>
</div>
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Cherry.png" alt="Cherry Vanilla">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Cherry Vanilla</span>
<span class="menu-item-price">$3.60</span>
</h3>
<br>
<p class="menu-item-description">
A piece of cherry in every bite without ever having to worry about the seeds!
</p>
</div>
</div>
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Apple.png" alt="Apple Pie">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Apple Pie</span>
<span class="menu-item-price">$3.60</span>
</h3>
<br>
<p class="menu-item-description">
Apples and Cinnamon captured perfectly on a cone!
</p>
</div>
</div>
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Mocha.png" alt="Mocha Fudge Pie">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Mocha Fudge Pie</span>
<span class="menu-item-price">$3.60</span>
</h3>
<br>
<p class="menu-item-description">
Coffee, Chocolate Chip Cookies, Fudge ripple. Enough said!
</p>
</div>
</div>
</div>
</div>
<br><br><br>
<div class="menu">
<h2 class="menu-group-heading">
Frozen Cakes
</h2>
<div class="menu-group">
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Birthday.png" alt="Birthday Bash">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Birthday Bash</span>
<span class="menu-item-price">$36.0</span>
</h3>
<br>
<p class="menu-item-description">
Yellow Cake, Birthday Cake Premium Hard Ice Cream, Vanilla Frozen Custard Icing and decorated with Rainbow Sprinkles.
</p>
</div>
</div>
<div class="menu-item">
<img class="menu-item-img" src="./images/menu-items/Toffee.png" alt="Toffee Coffee">
<div class="menu-item-text">
<h3 class="menu-item-heading">
<span class="menu-item-name">Toffee Coffee</span>
<span class="menu-item-price">$36.0</span>
</h3>
<br>
<p class="menu-item-description">
Chocolate Cake, Heath Premium Hard Ice Cream, Chocolate Frozen Custard Icing decorated with Heath Bar Crumbs.
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-content">
<h3>Find Us on Social Media!</h3>
<p>Curabitur viverra porttitor ante eleifend malesuada. Nulla ultricies dolor id urna aliquet porta. Ut vel feugiat ipsum! </p>
<ul class="socials">
<li><a href="https://www.facebook.com/happydaydessertfactory/"><img src="images/facebook.png" alt="facebook Icon"></a></li>
<li><a href="https://www.instagram.com/happydaydessertfactory/?hl=en"><img src="images/instagram.png" alt="instagram Icon"></a></li>
<li><a href="mailto:[email protected]"><img src="images/email.png" alt="mail Icon"></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>copyright ©2023. designed by <span>Xinyi</span></p>
</div>
</footer>
</body>
</html>