Merge branch 'main' of https://git.bib.de/PBA3H22AJO/ProbelaufZoo
This commit is contained in:
commit
d19fd1e1c6
103
index.html
103
index.html
@ -87,56 +87,63 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Patenshop Section -->
|
<!-- Patenshop Section -->
|
||||||
<section id="patenshop">
|
<!-- Patenshop Section -->
|
||||||
<div class="container">
|
<section id="patenshop" class="container">
|
||||||
<h2>Spendenformular</h2>
|
<div class="row justify-content-center">
|
||||||
<form id="donationForm">
|
<div class="col-md-8">
|
||||||
<div class="mb-3">
|
<form class="row g-3">
|
||||||
<label for="firstName" class="form-label">Name</label>
|
<div class="col-md-6">
|
||||||
<input type="text" class="form-control" id="firstName" required>
|
<label for="inputFirstName" class="form-label">Name</label>
|
||||||
</div>
|
<input type="text" class="form-control" id="inputFirstName">
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<label for="lastName" class="form-label">Nachname</label>
|
<div class="col-md-6">
|
||||||
<input type="text" class="form-control" id="lastName" required>
|
<label for="inputLastName" class="form-label">Nachname</label>
|
||||||
</div>
|
<input type="text" class="form-control" id="inputLastName">
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<label for="email" class="form-label">Email</label>
|
<div class="col-md-12">
|
||||||
<input type="email" class="form-control" id="email" required>
|
<label for="inputEmail4" class="form-label">Email</label>
|
||||||
</div>
|
<input type="email" class="form-control" id="inputEmail4">
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<label for="bankDetails" class="form-label">Bankverbindung</label>
|
<div class="col-md-12">
|
||||||
<input type="text" class="form-control" id="bankDetails" required>
|
<label for="IBAN" class="form-label">IBAN</label>
|
||||||
</div>
|
<input type="text" class="form-control" id="inputText">
|
||||||
<div class="mb-3">
|
</div>
|
||||||
<label for="comment" class="form-label">Kommentarfeld</label>
|
<div class="col-md-3">
|
||||||
<textarea class="form-control" id="comment" rows="3"></textarea>
|
<label for="Fresserchen" class="form-label">Fresserchen</label>
|
||||||
</div>
|
<select id="Fresserchen" class="form-select">
|
||||||
<div class="mb-3">
|
<option selected>Steak</option>
|
||||||
<label for="itemSelect" class="form-label">Verpflegungsartikel</label>
|
<option>Fisch</option>
|
||||||
<select class="form-select" id="itemSelect" required>
|
<option>Beeren</option>
|
||||||
<option value="">Bitte wählen</option>
|
<option>Nüsse</option>
|
||||||
<option value="Heu">Heu</option>
|
<option>Gras</option>
|
||||||
<option value="Körner">Körner</option>
|
</select>
|
||||||
<option value="Nüsse">Nüsse</option>
|
</div>
|
||||||
<option value="Obst">Obst</option>
|
<div class="col-md-3">
|
||||||
<option value="Gemüse">Gemüse</option>
|
<label for="Menge" class="form-label">Menge</label>
|
||||||
</select>
|
<select id="Menge" class="form-select">
|
||||||
</div>
|
<option selected>1</option>
|
||||||
<div class="mb-3">
|
<option>2</option>
|
||||||
<label for="quantitySelect" class="form-label">Mengeneinheit</label>
|
<option>3</option>
|
||||||
<select class="form-select" id="quantitySelect" required>
|
<option>4</option>
|
||||||
<option value="">Bitte wählen</option>
|
<option>5</option>
|
||||||
<option value="1">1</option>
|
</select>
|
||||||
<option value="2">2</option>
|
</div>
|
||||||
<option value="3">3</option>
|
<div class="col-12">
|
||||||
<option value="4">4</option>
|
<div class="form-check">
|
||||||
<option value="5">5</option>
|
<input class="form-check-input" type="checkbox" id="gridCheck">
|
||||||
</select>
|
<label class="form-check-label" for="gridCheck">
|
||||||
|
I agree to donate all my money
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
<button type="submit" class="btn btn-primary">Spenden</button>
|
<button type="submit" class="btn btn-primary">Spenden</button>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
</form>
|
||||||
</section>
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer class="container-fluid position-relative">
|
<footer class="container-fluid position-relative">
|
||||||
|
Loading…
Reference in New Issue
Block a user