<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<!-- für später: CSS include -->
<!-- <link rel="stylesheet" href="XXX.css"/> -->
<!-- für später: JavaScript include -->
<!-- <script src="XXX.js"></script> -->
<title>Pizzaservice</title>
</head>
<body>
<section id="bestellungSection">
<h1 id="bestellungTitle">Bestellung</h1>
<hr>
<section id="speisekarteSection">
<h2>Speisekarte</h2>
<label>
<img alt="Image of Pizza Margherita" src="./img/Veganer_Scheisse.png">
<br>
Margherita<br>
4,00€
</label>
<br>
<label>
<img alt="Image of Pizza Salami" src="./img/Hackbällchen_Magherite.png">
<br>
Salami<br>
4,50
</label>
<br>
<label>
<img alt="Image of Pizza Afterburner" src="./img/Afterburner.png">
<br>
Afterburner<br>
5,50€
</label>
<br>
</section>
<hr>
<section id="warenkorbSection">
<h2>Warenkorb</h2>
<form accept-charset="UTF-8" action="https://echo.fbi.h-da.de/" method="get">
<label for="warenkorb"></label>
<select id="warenkorb" multiple name="Pizza[]" size="3">
<option value="Margherita">Margherita</option>
<option value="Salami">Salami</option>
<option value="Afterburner">Afterburner</option>
</select>
<p>14,50</p>
<label for="address"></label><input id="address" name="Adresse" placeholder="Ihre Adresse" type="text"><br>
<input type="reset" value="Alles Löschen">
<input type="reset" value="Auswahl Löschen">
<input type="submit" value="Bestellen">
</form>
</section>
</section>
</body>
</html>