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

Foodampel Produkte

pull/1/head
Eline Steinbrecher 2023-04-26 17:26:37 +02:00
parent 0ff1074354
commit 25ae0c6504
6 changed files with 71 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/desktop.css
View File

@ -107,13 +107,6 @@ header > p {
border: #606060 1px solid; border: #606060 1px solid;
} }
.produkte{
display: inline-block;
margin: 10px;
margin-left: 8px;
}
.button_produkte { .button_produkte {
background-color: #476B1C; background-color: #476B1C;
color: white; color: white;
@ -233,3 +226,21 @@ label {
.button_abschließen_position{ .button_abschließen_position{
margin-left: 100px; margin-left: 100px;
} }
.produkte{
border:#606060 3px solid;
display: inline-block;
margin: 10px;
}
.produktbild{
border:#606060 3px solid;
}
.produktbottom{
margin:10px;
}

BIN
public/pictures/FoodAmpel_gelb.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 824 B

BIN
public/pictures/FoodAmpel_gruen.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 853 B

BIN
public/pictures/FoodAmpel_rot.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 883 B

BIN
public/pictures/birnen.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

89
public/produkte.html
View File

@ -19,7 +19,6 @@
<nav class="navbar" style="--items: 4;"> <nav class="navbar" style="--items: 4;">
<a href="ueber_uns.html">Über uns</a> <a href="ueber_uns.html">Über uns</a>
<a href="produkte.html">Produkte</a> <a href="produkte.html">Produkte</a>
<a href="warenkorb.html">Warenkorb</a> <a href="warenkorb.html">Warenkorb</a>
<a href="kontakt.html">Kontakt</a> <a href="kontakt.html">Kontakt</a>
</nav> </nav>
@ -27,61 +26,79 @@
<div class="content"> <div class="content">
<h1> Produkte</h1> <h1> Produkte</h1>
<div class="produkte"> <div class="produkte">
<img src="pictures/karotten.png" width = "250" height="250" alt="Karotten"> <img src="pictures/karotten.png" width = "250" height="250" alt="Karotten">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity">
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
<option value="3">3 Stück</option>
</select>
</div>
</div> </div>
<div class="produkte"> <div class="produkte">
<img src="pictures/sellerie.png" width = "250" height="250" alt="Sellerie"> <img src="pictures/sellerie.png" width = "250" height="250" alt="Sellerie">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity" >
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
<option value="3">3 Stück</option>
</select>
</div>
</div> </div>
<div class="produkte"> <div class="produkte">
<img src="pictures/birnen.png" width = "250" height="250" alt="Birnen"> <img src="pictures/birnen.png" width = "250" height="250" alt="Birnen">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_rot.png" width = "50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity">
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
<option value="3">3 Stück</option>
</select>
</div>
</div> </div>
<div class="produkte"> <div class="produkte">
<img src="pictures/kiwi.png" width = "250" height="250" alt="Kiwi"> <img src="pictures/kiwi.png" width = "250" height="250" alt="Kiwi">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_gruen.png" width = "50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity" >
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
<option value="3">3 Stück</option>
</select>
</div>
</div> </div>
<div class="produkte"> <div class="produkte">
<img src="pictures/orangen.png" width = "250" height="250" alt="Orangen"> <img src="pictures/orangen.png" width = "250" height="250" alt="Orangen">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity">
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
<option value="3">3 Stück</option>
</select>
</div>
</div> </div>
<div class="produkte"> <div class="produkte">
<img src="pictures/äpfel.png" width = "250" height="250" alt="Äpfel"> <img src="pictures/aepfel.png" width = "250" height="250" alt="Äpfel">
<select name="quantity"> <div class ="produktbottom">
<option value="1">1 Stück</option> <img src ="pictures/FoodAmpel_gelb.png" width ="50" height="50" alt="FoodAmpel gelb">
<option value="2">2 Stück</option> <select name="quantity">
<option value="3">3 Stück</option> <option value="1">1 Stück</option>
</select> <option value="2">2 Stück</option>
</div> <option value="3">3 Stück</option>
</select>
</div> </div>
</div>
</div>
<footer> <footer>
<nav class="navbar" style="--items: 2;"> <nav class="navbar" style="--items: 2;">