Safak/DBWT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finish 10, added Authors, minor corrections

Browse Source
This commit is contained in:
S170H
2023-10-19 23:07:12 +02:00
parent 4b85661745
commit 8cb89a929c
12 changed files with 246 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
M1/Werbeseite/fh-logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

198
M1/Werbeseite/index.html Normal file
View File

@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Ihre E-Mensa</title>
<style>
* {
font-family: Arial;
}
.grid {
display: grid;
grid-template-columns: 200px auto 200px;
}
img {
width: 100%;
height: auto;
}
.speisen {
border: solid;
border-collapse: collapse;
}
.speisen td {
border: solid;
border-collapse: collapse;
}
.speisen td:not(:first-of-type) {
text-align: center;
}
p {
text-align: justify;
}
.zahlen {
list-style-type: none;
display: grid;
grid-template-columns: auto auto auto;
gap: 10px;
}
.zahlen p {
text-align: center;
font-weight: bold;
}
.formular {
display: grid;
grid-template-columns: auto auto auto;
justify-content: start;
gap: 10px;
}
.wichtig {
text-align: center;
}
.wichtigListe {
display: inline-block;
text-align: left;
}
.freude {
text-align: center;
}
footer {
border-top: 1px solid;
}
.fusszeile {
padding-top: 20px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
border: none;
}
.fusszeile td:first-child {
border-left: none;
padding-left: 20px;
padding-right: 20px;
}
.fusszeile td {
border-left: 3px solid;
padding-left: 20px;
padding-right: 20px;
}
</style>
</head>
<body>
<div class="grid">
<div>
<img src="fh-logo.jpg" alt="FH-Logo">
</div>
<div>
<a href="#ankündigung">Ankündigung</a>
<a href="#speisen">Speisen</a>
<a href="#zahlen">Zahlen</a>
<a href="#kontakt">Kontakt</a>
<a href="#wichtig">Wichtig für uns</a>
</div>
</div>
<hr>
<div class="grid">
<div></div>
<div>
<img src="mensa21.jpg" alt="Essen">
<h1 id="ankündigung">Bald gibt es auch Essen online ;)</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<h1 id="speisen">Köstlichkeiten die Sie erwarten</h1>
<table class="speisen">
<tr class="speisen">
<td></td>
<td>Preis intern</td>
<td>Preis extern</td>
</tr>
<tr class="speisen">
<td>Rindfleich mit Bambus, Kaiserschoten und roter Paprika, dazu Mie Nudeln</td>
<td>3,50</td>
<td>6,20</td>
</tr>
<tr class="speisen">
<td>Spinatrisotto mit kleinen Samosateigecken und gemischter Salat</td>
<td>2,90</td>
<td>5,30</td>
</tr>
<tr class="speisen">
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
<h1 id="zahlen">E-Mensa in Zahlen</h1>
<div class="zahlen">
<p>X Besuche</p>
<p>Y Anmeldungen zum Newsletter</p>
<p>Z Speisen</p>
</div>
<h1 id="kontakt">Interesse geweckt? Wir informieren</h1>
<div class="formular">
<div>
<label for="name">Name</label> <br>
<input type="text" name="name" id="name" placeholder="Bitte geben Sie Ihren Namen ein">
</div>
<div>
<label for="mail">E-Mail</label> <br>
<input type="text" name="name" id="mail" placeholder="Bitte geben Sie Ihren Namen ein">
</div>
<div>
<label for="sprache">Newsletter bitte in</label> <br>
<select name="sprache" id="sprache">
<option value="deutsch">Deutsch</option>
<option value="englisch">Englisch</option>
</select>
</div>
</div>
<br>
<input required type="checkbox" name="datenschutz" id="datenschutz"
placeholder="Bitte geben Sie Ihren Namen ein">
<label for="datenschutz">Den Datenschutzbestimmungen stimme ich zu</label>
<button type="submit">Zum Newsletter anmelden</button>
<h1 id="wichtig">Das ist uns wichtig</h1>
<div class="wichtig">
<ul class="wichtigListe">
<li>Beste frische saisonale Zutaten</li>
<li>Ausgewogen abwechslungsreiche Gerichte</li>
<li>Sauberkeit</li>
</ul>
</div>
<h1 class="freude">Wir freuen uns auf Ihren Besuch!</h1>
</div>
</div>
<footer>
<table class="fusszeile">
<tr>
<td>(c) E-Mensa GmbH</td>
<td>Şafak Hazinedar & Robert Joel</td>
<td><a href="">Impressum</a></td>
</tr>
</table>
</footer>
</body>
</html>

BIN
M1/Werbeseite/mensa21.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

10
M1/beispiele/css_table.html
View File

@@ -1,10 +1,16 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Übung</title>
<style>
body {
* {
font-family: Arial;
}
@@ -25,7 +31,7 @@
}
td {
border: 3px solid white;
border: 1px solid white;
}
thead tr th {

5
M1/beispiele/m1_4a_textauszeichnung.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_4b_tabelle.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_4c_bild.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_4d_links.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_4e_spandiv.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_8a_text.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/m1_8b_layout.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>

5
M1/beispiele/newsletteranmeldung.html
View File

@@ -1,3 +1,8 @@
<!--
- Praktikum DBWT. Autoren:
- Robert, Joel,
- Şafak, Hazinedar, 3108590
-->
<!DOCTYPE html>
<html lang="en">
<head>