-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmenu.html
109 lines (90 loc) · 3.68 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Mexikanisch burrito 1</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="recipes.css">
<script>
var FoodGenres = [
{
title: 'Mexikanisch',
img: 'img/mexican.jpg',
href: 'recipesForCategory.html?category=mexican',
desc: 'Lorem ipsum blah die blah'
},
{
title: 'Italienisch',
img: 'img/italien.jpg',
href: 'recipesForCategory.html?category=italien',
desc: 'Lorem ipsum blah die blah'
},
{
title: 'Asiatisch',
img: 'img/asian.jpg',
href: 'recipesForCategory.html?category=asiatisch',
desc: 'Lorem ipsum blah die blah'
},
{
title: 'Nachtisch',
img: 'img/dessert.jpg',
href: 'recipesForCategory.html?category=my_dick_smells',
desc: 'Lorem ipsum blah die blah'
}
];
$(function () {
buildMyPage();
});
function buildMyPage() {
for (let i = 0; i < FoodGenres.length; i++) {
var newGenreToAdd = '';
newGenreToAdd = '<div class="FoodGenre" id="FoodGenreDivSize">';
newGenreToAdd += '<div class="FoodGenreTitle">' + FoodGenres[i].title + '</div>';
newGenreToAdd += '<div class="FoodGenreImg"><a href="' + FoodGenres[i].href + '"><img src="' + FoodGenres[i].img + '"/></a></div>';
newGenreToAdd += '<div class="FoodGenreShortDesc">' + FoodGenres[i].desc + '</div>';
newGenreToAdd += '</div>';
$('#FoodGenres').append(newGenreToAdd);
}
}
</script>
</head>
<body>
<header id="header">
<img class="logo" src="logo.png" alt="Logo der Website">
<span id="title">Let them cook</span>
</header>
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
<div id="content">
<div id="categoryTitle">Menu</div>
<div id="FoodGenres"></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>