-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrecipePage.html
105 lines (90 loc) · 3.65 KB
/
recipePage.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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Let them cook</title>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="recipes.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="recipes.css">
<script>
$(function () {
var recipeId = getQueryParam('recipeId');
buildPage(recipeId);
});
</script>
</head>
<body>
<header id="header">
<img class="logo" src="logo.png" alt="Logo der Website">
<span id="title">Let them cook</span>
</header>
<div id="content">
<br/>
<div id="titel" class="center"></div>
<br/>
<div id="recipeImg"></div>
<span id="cookTimeText" class="InfosForRecipe">
<img src="img/clock.jpg" alt="image clock;" class="InfoRecipeImg">
</span>
<span id="difficulty" class="InfosForRecipe">
<img src="img/difficulty scale.png" alt="difficulty scale image;" class="InfoRecipeImg">
</span>
<span id="dateAdded" class="InfosForRecipe">
<img src="img/calendar.jpg" alt="release date image;" class="InfoRecipeImg">
</span>
<br/><br/>
<div class="titel-2" class="center">Zutaten:</div>
<div classs="recipe"></div>
<div id="ingredients">
<table class="center" id="ingredientTable"></table>
</div>
<br/>
<div class="titel-2" class="center">Nährwerte pro Portion:</div>
<div id="Nährwerte">
<table class="center" id="NutritionalValuesTable"></table>
</div>
<br/>
<div class="titel-2">Zubereitung:</div>
<span class="InfosForRecipe" id="worktime">
<img src="img/clock.jpg" alt="image clock;" class="InfoRecipeImg">
Arbeitszeit:
</span>
<span class="InfosForRecipe" id="oventime">
<img src="img/clock.jpg" alt="image clock;" class="InfoRecipeImg">
Back-Zeit:
</span>
<span class="InfosForRecipe" id="cookingTime">
<img src="img/clock.jpg" alt="image clock;" class="InfoRecipeImg">
Insgesamte Zeit:
</span>
<br/><br/>
<div id="method">
<table class="center" id="methodTable"></table>
</div>
</div>
<div class="Footer" class="center">
<h1 class="center">Über uns</h1>
<div id="aboutustext" class="center">
Wir sind ein junges und engagiertes Team von Köchen,<br>
die alles daran setzen, euch dabei zu helfen,
ein schönes Gericht auf den Teller zu zaubern.<br>
Die Community ist uns sehr wichtig, und aus diesem Grund sind alle Gerichte,<br>
die sie hier finden von Nutzern angemerkt und von uns perfektioniert.<br>
Wir wünschen ihnen viel Spaß am Kochen und hoffen,<br> auch ihre Gerichte bald einmal
in unserem Posteingang zu empfangen.
</div>
<h1 class="center">Location</h1>
<div style="text-align: center;" class="center">
<img src="Standort.PNG" style="width:750px; height: 500px; border: 2px solid black;">
</div>
<p style="font-size: 14pt;" class="center"> Glinka Straße 69</p>
<p style="font-size: 14pt;" class="center">14199, Berlin</p>
<h1 class="center">Kontakt</h1>
<p style="text-decoration: underline;" class="center">Email:</p>
<p class="center">[email protected]</p>
<p style="text-decoration: underline;" class="center"> Telefon:</p>
<p class="center">+030 4765889 </p>
<br>
</div>
</body>
</html>