-
Notifications
You must be signed in to change notification settings - Fork 0
/
allergies.html
167 lines (160 loc) · 7.34 KB
/
allergies.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
161
162
163
164
165
166
167
<html>
<head>
<title>CrossFood Bliss- Allergen Free</title>
<link rel="stylesheet" type="text/css" href="w4.css">
</head>
<body>
<table id="heading">
<tr id="heading">
<td id="h"><h1><div id="cross"><u>Allergen Free</u></div></h1>
<br>
<div id="option"><marquee behavior="alternate" loop="infinite" bgcolor="navy"><b><u>Please select an allergen free option given below:</u></b></marquee></div>
</td>
</tr>
</table>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Milk')"><b>Milk and other dairy products</b></button>
<button class="tablinks" onclick="openCity(event, 'Wheat')"><b>Wheat</b></button>
<button class="tablinks" onclick="openCity(event, 'Egg')"><b>Eggs</b></button>
<button class="tablinks" onclick="goBack()" style="float: right;">Go To Home Page</button>
</div>
<div id="Milk" class="tabcontent">
<h3><u>Milk and other dairy</u></h3>
<h4 >You can try these recipes at home that provide the same nutritional benefits as can be found in any other milk based recipe</h4>
<table align="center">
<tr align="center">
<td id="cell1">
<img src="milk1.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Chicken with Cauliflower and Olives<br>
<a href="https://elanaspantry.com/chicken-with-cauliflower-and-olives/">Recipe</a></p>
</td>
<td id="cell3">
<img src="milk2.png" width="267px" height="400px" align="center"><br>
<p align="center">Vegetarian Brown Rice Bowl<br>
<a href="https://fitfoodiefinds.com/vegetarian-brown-rice-bowl/">Recipe</a></p>
</td>
<td id ="cell1">
<img src="milk3.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Pineapple Fried Rice<br>
<a href="https://www.superhealthykids.com/recipes/pineapple-fried-rice/">Recipe</a></p>
</td>
</tr>
<tr>
<td id="cell1">
<img src="milk4.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Vegan Pizza<br>
<a href="https://www.acouplecooks.com/very-veggie-vegan-pizza/">Recipe</a></p>
</td>
<td id="cell3">
<img src="milk5.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Shrimp and Avocado Taco Salad<br>
<a href="https://iowagirleats.com/2015/04/22/shrimp-and-avocado-taco-salad/">Recipe</a></p>
</td>
<td id ="cell1">
<img src="milk6.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Vegan Garlic Pasta with roasted Tomatoes<br>
<a href="https://minimalistbaker.com/creamy-vegan-garlic-pasta-with-roasted-tomatoes/">Recipe</a></p>
</td>
</tr>
</table>
</div>
<div id="Wheat" class="tabcontent">
<h3><u>Wheat</u></h3>
<h4>Try these recipes at home if you are allergic to wheat or just gluten free</h4>
<table align="center">
<tr align="center">
<td id="cell1">
<img src="wheat1.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Cranberry Oatcakes<br>
<a href="https://www.bbcgoodfood.com/recipes/4944/cranberry-oatcakes">Recipe</a></p>
</td>
<td id="cell3">
<img src="wheat2.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Chicken and Leek Pie<br>
<a href="https://www.bbcgoodfood.com/recipes/1453/chicken-and-leek-pie">Recipe</a></p>
</td>
<td id ="cell1">
<img src="wheat3.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Pasta with Walnuts and Lemon Pesto<br>
<a href="https://www.bbcgoodfood.com/recipes/1455/pasta-and-mixed-peppers-with-walnut-and-lemon-pest">Recipe</a></p>
</td>
</tr>
<tr>
<td id="cell1">
<img src="wheat4.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Griddled polenta with corn & green salsa<br>
<a href="https://www.bbcgoodfood.com/recipes/11006/griddled-polenta-with-corn-and-green-salsa">Recipe</a></p>
</td>
<td id="cell3">
<img src="wheat5.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Lemon & orange cake<br>
<a href="https://www.bbcgoodfood.com/recipes/1162651/lemon-and-orange-cake">Recipe</a></p>
</td>
<td id ="cell1">
<img src="wheat6.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Choc-cherry fudge torte with cherry sorbet<br>
<a href="https://www.bbcgoodfood.com/recipes/2767670/choccherry-fudge-torte-with-cherry-sorbet">Recipe</a></p>
</td>
</tr>
</table>
</div>
<div id="Egg" class="tabcontent">
<h3><u>Eggs</u></h3>
<h4>You can bake your favourite desserts using egg substitutes</h4>
<table align="center">
<tr align="center">
<td id="cell1">
<img src="egg1.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Chocolate-Chip Cookies<br>
<a href="https://www.biggerbolderbaking.com/vegan-chocolate-chip-cookies-recipe/">Recipe</a></p>
</td>
<td id="cell3">
<img src="egg2.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Chocolate Avocado Cake<br>
<a href="https://www.bbcgoodfood.com/recipes/chocolate-avocado-cake">Recipe</a></p>
</td>
<td id ="cell1">
<img src="egg3.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Cupcakes<br>
<a href="https://www.bbcgoodfood.com/recipes/vegan-cupcakes">Recipe</a></p>
</td>
</tr>
<tr>
<td id="cell1">
<img src="egg4.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Vegan sponge cake<br>
<a href="https://www.bbcgoodfood.com/recipes/vegan-sponge">Recipe</a></p>
</td>
<td id="cell3">
<img src="egg5.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Lemon Cake<br>
<a href="https://www.bbcgoodfood.com/user/4614791/recipe/vegan-lemon-cake">Recipe</a></p>
</td>
<td id ="cell1">
<img src="egg6.jpg" width="267px" height="400px" align="center"><br>
<p align="center">Pancakes<br>
<a href="https://www.bbcgoodfood.com/recipes/2920662/egg-dairy-and-glutenfree-pancakes">Recipe</a></p>
</td>
</tr>
</table>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
function goBack() {
history.back();
}
</script>
</body>
</html>