-
Notifications
You must be signed in to change notification settings - Fork 0
/
edible-creations.html
65 lines (59 loc) · 3.51 KB
/
edible-creations.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
<!DOCTYPE html>
<html lang="en">
<head>
<br><br><br>
<h1>Edible Creations</h1>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edible Creations</title>
<link rel="stylesheet" href="css/style2.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Mono">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nanum+Pen+Script">
<style>
body{
font-family: 'Nanum Pen Script', serif;
/* font-family: 'PT Mono', serif; */
text-align: left;
}
</style>
</head>
<body>
<div class="full-img" id="fullImgBox">
<img src="images/img1.jpg" id="fullImg">
<span onclick="closeFullImg()">X</span>
</div>
<div class="img-gallery">
<img src="images/IMG_0813.jpg" title="Pistachio and ground cardamom brown butter chocolate chip cookies (gluten and dairy free)" onclick="openFullImg(this.src)">
<img src="images/IMG_8966.jpg" title="Birria Ramen" onclick="openFullImg(this.src)">
<img src="images/IMG_5044.jpg" title="Avocado toast with egg and hollandaise sauce" onclick="openFullImg(this.src)">
<img src="images/IMG_8753.jpg" onclick="openFullImg(this.src)">
<img src="images/IMG_0709.jpg" title="Dairy free Biscoff cheesecake" onclick="openFullImg(this.src)">
<img src="images/IMG_3570.jpg" title="Keema samosas" onclick="openFullImg(this.src)">
<img src="images/IMG_6434.jpg" onclick="openFullImg(this.src)">
<img src="images/IMG_3104.jpg" title="Taiwanese popcorn chicken" onclick="openFullImg(this.src)">
<img src="images/IMG_5422.jpg" title="Almond flour brownies (dairy free)" onclick="openFullImg(this.src)">
<img src="images/IMG_1998.jpg" title="Hand-pulled (handmade) noodles" onclick="openFullImg(this.src)">
<img src="images/IMG_7306.jpg" onclick="openFullImg(this.src)">
<img src="images/IMG_8052.jpg" title="Lentil soup" onclick="openFullImg(this.src)">
<img src="images/IMG_9137.jpg" title="Meat puff pastries" onclick="openFullImg(this.src)">
<img src="images/IMG_0910.jpg" title="Dates filled with dairy free cream cheese topped with Maldon sea salt" onclick="openFullImg(this.src)">
<img src="images/cauliflower_cookie.jpg" title="Cauliflower flour chocolate chip cookies (dairy free)" onclick="openFullImg(this.src)">
<img src="images/IMG_4295.jpg" title="Pan seared bread crumb crusted portabella mushroom burger with artichokes and dairy free parmesan" onclick="openFullImg(this.src)">
<img src="images/IMG_2644.jpg" title="Lad Na/Rad Na with hand-made rice noodles" onclick="openFullImg(this.src)">
<img src="images/IMG_7385.jpg" title="Homemade sorbet" onclick="openFullImg(this.src)">
<img src="images/IMG_4969.jpg" title="Smoothie bowl" onclick="openFullImg(this.src)">
<img src="images/IMG_4619.jpg" title="Water kefir (mixed berry flavor)" onclick="openFullImg(this.src)">
<img src="images/IMG_9278.jpg" title="Jelly-filled cauliflower flour cookie (gluten and dairy free)" onclick="openFullImg(this.src)">
</div>
<script>
var fullImgBox = document.getElementById("fullImgBox");
var fullImg = document.getElementById("fullImg");
function openFullImg(pic){
fullImgBox.style.display = "flex";
fullImg.src = pic;
}
function closeFullImg(){
fullImgBox.style.display = "none";
}
</script>
</body>
</html>