2210892
/
WEB-Team-A4
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bestellformular hinzu

pull/1/head
Robin Schumann 2023-04-24 18:06:45 +02:00
parent 85d8cfbcc9
commit 170087e7ad
1 changed files with 111 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
bestellformular.html 100644
View File

@ -0,0 +1,111 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Second Harvest</title>
<link rel="stylesheet" href="css/desktop.css">
</head>
<body>
<header>
<div class="header_logo">
<a href="index.html">
<img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
</div>
<h1>Second Harvest</h1>
<p>Gib Lebensmitteln eine zweite Chance</p>
<nav class="navbar" style="--items: 4;">
<a href="ueber_uns.html">Über uns</a>
<a href="produkte.html">Produkte</a>
<a href="warenkorb.html">Warenkorb</a>
<a href="kontakt.html">Kontakt</a>
</nav>
</header>
<h1 id="begrueßung">Bestellung abschließen</h1>
<form name="Bestellformular" action="" method="">
<table class="bestellung_tabelle">
<tr>
<th class="feld_vorn"> <label for="anrede">&nbsp;Anrede</label></th>
<th class="stern">*</th>
<td> <input type="text" id="anrede" maxlength="30">
</td>
</tr>
<tr>
<th class="feld_vorn"><label for="titel">&nbsp;Titel</label></th>
<th class="stern"></th>
<td><input type="text" id="titel" maxlength="30"></td>
</tr>
<tr>
<th class="feld_vorn"><label for="vorname">&nbsp;Vorname</label></th>
<th class="stern">*</th>
<td><input type="text" id="vorname"></td>
</tr>
<tr>
<th class="feld_vorn"><label for="name">&nbsp;Name</label></th>
<th class="stern">*</th>
<td><input type="text" id="name"></td>
</tr>
<tr>
<th class="feld_vorn"> <label for="straße">&nbsp;Straße</label></th>
<th class="stern">*</th>
<td><input type="text" id="straße"></td>
</tr>
<tr>
<th class="feld_vorn"><label for="hausnummer">&nbsp;Hausnummer</label></th>
<th class="stern">*</th>
<td><input type="text" id="hausnummer"></td>
</tr>
<tr>
<th class="feld_vorn"><label for="plz">&nbsp;PLZ</label></th>
<th class="stern">*</th>
<td><input type="number" inputmode="numeric" id="plz" pattern="[0-9]*"></td>
</tr>
<tr>
<th class="feld_vorn"> <label for="wohnort">&nbsp;Wohnort</label></th>
<th class="stern">*</th>
<td><input type="text" id="wohnort"></td>
</tr>
<th class="feld_vorn"><label for="email">&nbsp;EMail</label></th>
<th class="stern">*</th>
<td><input type="email" id="email"></td>
</table>
</form>
<p id="tabellenbeschreibung">Die Felder mit einem * (Sternchen) sind Pflichtfelder.</p>
<p id="gesamtkosten"><strong>Die Gesamtkosten (inkl. MwSt.)</br>belaufen sich auf: 5,30€</strong>
<p>
<input type="checkbox" class="checkbox_ausrichtung">
<label for="checkbox_barzahlung" class="checkboxen">Ich akzeptiere die Barzahlung und habe
den</br>Rechnungsbetrag bei
Lieferung verfügbar.</label>
</p>
<p>
<input type="checkbox" class="checkbox_ausrichtung">
<label for="checkbox_datenschutzerklärung" class="checkboxen">Ich akzeptiere die Bestimmungen der</label>
<a href="datenschutz.html" class="checkboxen">Datenschutzerklärung.</a>
</p>
<div class="button_abschließen_position">
<p><a class="button_abschließen" href="produkte.html">Kostenpflichtig bestellen</a></p>
</div>
<footer>
<nav class="navbar" style="--items: 2;">
<a href="impressum.html">Impressum</a>
<a href="datenschutz.html">Datenschutz</a>
</nav>
<div id="balken"></div>
</footer>
</body>
</html>