-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdessert.html
145 lines (128 loc) · 6.3 KB
/
dessert.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dessert Viola</title>
<link href="menuStyle.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<style type="text/css">
header {
width: 100%;
height: 80vh;
background: url(images/strawberry_panna_cotta_menu&recipe.jpeg) no-repeat 50% 50%;
background-size: cover;
}
</style>
</head>
<body>
<div class="wrapper">
<header>
<nav>
<div class="menu-icon">
<i class="fa fa-bars fa-2x"></i>
</div>
<div class="logo">
Dessert Viola
</div>
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="dessert.html">Dessert</a></li>
<li><a href="drink.html">Drink</a></li>
<li><a href="about_me.html">About Me</a></li>
</ul>
</div>
</nav>
</header>
<div class="content">
<!--------------------------------Dessert---Dessert---Dessert---Dessert---Dessert-------------------------------->
<h1>Dessert</h1>
<!-- Gallery Row 1 Start -->
<section class="one-third">
<a href="snown_skin_moon_cake.html"><img src="images/snown_skin_moon_cake_menu.jpg" alt="Snown Skin Moon Cake" title="Snown Skin Moon Cake"></a>
<a href="snown_skin_moon_cake.html"><div class="caption">Snown Skin Moon Cake</div></a>
</section>
<section class="one-third">
<a href="mango_strawberry_crepe_cake.html"><img src="images/mango_strawberry_crepe_cake_menu.jpeg" alt="Mango/Strawberry Crepe Cake" title="Mango/Strawberry Crepe Cake"></a>
<a href="mango_strawberry_crepe_cake.html"><div class="caption">Mango/Strawberry Crepe Cake</div></a>
</section>
<section class="one-third">
<a href="matcha_custard_crepe_cake.html"><img src="images/matcha_custard_crepe_cake_menu.jpeg" alt="Matcha Custard Crepe Cake" title="Matcha Custard Crepe Cake"></a>
<a href="matcha_custard_crepe_cake.html"><div class="caption">Matcha Custard Crepe Cake</div></a>
</section>
<!-- Gallery Row 1 End -->
<!-- Gallery Row 2 Start -->
<section class="one-third">
<a href="walnut_roll.html"><img src="images/walnut_roll_menu.jpg" alt="Walnut Roll" title="Walnut Roll"></a>
<a href="walnut_roll.html"><div class="caption">Walnut Roll</div></a>
</section>
<section class="one-third">
<a href="sea_salt_black_tea_roll.html"><img src="images/sea_salt_black_tea_roll_menu&recipe.jpg" alt="Sea Salt Black Tea Roll" title="Sea Salt Black Tea Roll"></a>
<a href="sea_salt_black_tea_roll.html"><div class="caption">Sea Salt Black Tea Roll</div></a>
</section>
<section class="one-third">
<a href="matcha_panna_cotta_roll.html"><img src="images/matcha_roll_menu.jpeg" alt="Matcha Panna Cotta Roll" title="Matcha Panna Cotta Roll"></a>
<a href="matcha_panna_cotta_roll.html"><div class="caption">Matcha Panna Cotta Roll</div></a>
</section>
<!-- Gallery Row 2 End -->
<!-- Gallery Row 3 Start -->
<section class="one-third">
<a href="no_bake_matcha_cheesecake.html"><img src="images/no_bake_matcha_cheesecake_menu&recipe.jpeg" alt="No Bake Matcha Cheesecake" title="No Bake Matcha Cheesecake"></a>
<a href="no_bake_matcha_cheesecake.html"><div class="caption">No Bake Matcha Cheesecake</div></a>
</section>
<section class="one-third">
<a href="no_bake_mango_pudding_cheesecake_cup.html"><img src="images/no_bake_mango_pudding_cheesecake_cup_menu&recipe.jpeg" alt="No Bake Mango Pudding Cheesecake Cup" title="No Bake Mango Pudding Cheesecake Cup"></a>
<a href="no_bake_mango_pudding_cheesecake_cup.html"><div class="caption">No Bake Mango Pudding Cheesecake Cup</div></a>
</section>
<section class="one-third">
<a href="no_bake_matcha_chestnut_cheesecake.html"><img src="images/no_bake_matcha_chestnut_cheesecake_menu.jpg" alt="No Bake Matcha Chestnut Cheesecake" title="No Bake Matcha Chestnut Cheesecake"></a>
<a href="no_bake_matcha_chestnut_cheesecake.html"><div class="caption">No Bake Matcha Chestnut Cheesecake</div></a>
</section>
<!-- Gallery Row 3 End -->
<!-- Gallery Row 4 Start -->
<section class="one-third">
<a href="matcha_durian_cheesecake.html"><img src="images/matcha_durian_cheesecake_menu&recipe.jpeg" alt="Matcha Durian Cheesecake" title="Matcha Durian Cheesecake"></a>
<a href="matcha_durian_cheesecake.html"><div class="caption">Matcha Durian Cheesecake</div></a>
</section>
<section class="one-third">
<a href="chestnut_mont_blanc.html"><img src="images/chestnut_mont_blanc_menu&recipe.jpeg" alt="Chestnut Mont Blanc" title="Chestnut Mont Blanc"></a>
<a href="chestnut_mont_blanc.html"><div class="caption">Chestnut Mont Blanc</div></a>
</section>
<section class="one-third">
<a href="strawberry_panna_cotta.html"><img src="images/strawberry_panna_cotta_menu&recipe.jpeg" alt="Strawberry Panna Cotta" title="Strawberry Panna Cotta"></a>
<a href="strawberry_panna_cotta.html"><div class="caption">Strawberry Panna Cotta</div></a>
</section>
<!-- Gallery Row 4 End -->
<!-- Gallery Row 5 Start -->
<section class="one-third">
<a href="christmas_wreath_green_tea_cookie.html"><img src="images/christmas_wreath_green_tea_cookie_menu.jpeg" alt="Christmas Wreath Green Tea Cookie" title="Christmas Wreath Green Tea Cookie"></a>
<a href="christmas_wreath_green_tea_cookie.html"><div class="caption">Christmas Wreath Green Tea Cookie</div></a>
</section>
<!-- Gallery Row 5 End -->
<!----------------------Dessert End---Dessert End---Dessert End---Dessert End---Dessert End---------------------->
</div>
</div>
<script type="text/javascript">
// Menu-toggle button
$(document).ready(function() {
$(".menu-icon").on("click", function() {
$("nav ul").toggleClass("showing");
});
});
// Scrolling Effect
$(window).on("scroll", function() {
if($(window).scrollTop()) {
$('nav').addClass('black');
}
else {
$('nav').removeClass('black');
}
})
</script>
</body>
</html>