Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

CSS geändert

Browse Source
This commit is contained in:
rgemm 2025-04-24 18:18:35 +02:00
parent 557ffb2bb7
commit 15a45a07d8
2 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/bestellformular/bestellformular.html
View File

@ -8,16 +8,25 @@
<body>
<div class="form-container">
<form action="/submit-bestellung" method="post">
<h2>Bestellformular</h2>
<h2> Bestellformular</h2>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="anschrift">Anschrift:</label>
<textarea id="anschrift" name="anschrift" rows="4" required></textarea>
<label for="strasse">Straße:</label>
<input type="text" id="strasse" name="strasse" required>
<label for="hausnummer">Hausnummer:</label>
<input type="text" id="hausnummer" name="hausnummer" required>
<label for="ort">Ort:</label>
<input type="text" id="ort" name="ort" required>
<label for="telefon">Telefon (optional):</label>
<input type="tel" id="telefon" name="telefon">
<label for="bestellteWare">Bestellte Ware:</label>
<textarea id="bestellteWare" name="bestellteWare" rows="4"></textarea>
<textarea id="bestellteWare" name="bestellteWare" rows="4" required></textarea>
<input type="submit" value="Bestellung absenden">
</form>

28
static/Styles/bestellformular/bestellformular.css
View File

@ -1,48 +1,50 @@
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
background-color: #f7f7f7;
}
.form-container form {
.form-container {
max-width: 600px;
margin: auto;
padding: 20px;
background-color: white;
border: 1px solid #ccc;
background-color: #ffffff;
padding: 25px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
form h2 {
margin-top: 0;
text-align: center;
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 10px;
margin-top: 15px;
font-weight: bold;
}
input[type="text"],
input[type="tel"],
textarea {
width: 100%;
padding: 8px;
margin-bottom: 15px;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
margin-top: 20px;
background-color: #ff6600;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
padding: 12px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
width: 100%;
}
input[type="submit"]:hover {