You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

einkaufsliste_neu.html 3.8KB

1
  1. <!DOCTYPE html><html lang="en" style="box-sizing: border-box;"><head style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><meta charset="UTF-8" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width,initial-scale=1" style="box-sizing: border-box;"><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="https://www.chefkoch.de/rezepte/was-koche-ich-heute/" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="row" style="-ms-flex-wrap: wrap; box-sizing: border-box; display: flex; flex-wrap: wrap;"><div class="side" style="-ms-flex: 30%; background-color: #f1f1f1; box-sizing: border-box; flex: 30%; padding: 20px;"><h2 style="box-sizing: border-box;">Angebot der Woche</h2><h5 style="box-sizing: border-box;">bei Lidl</h5><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 200px; padding: 20px; width: 100%;"><img src="img/pizza.jpg" height="50" width="50" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Nur diese Woche reduziert</p><h3 style="box-sizing: border-box;">Rezeptideen</h3><a href="https://www.chefkoch.de/rezepte/892091194766322/Weisse-Pizza-mit-Steinpilz-Gorgonzola-und-Rucola.html" style="box-sizing: border-box;"><img src="img/weisse-pizza-mit-steinpilz-gorgonzola-und-rucola.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><a href="https://www.chefkoch.de/rezepte/1962241319120437/Spareribs-im-Backofen.html" style="box-sizing: border-box;"><img src="img/spareribs-im-backofen.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 60px; padding: 20px; width: 100%;">Image</div></div><div class="main" style="-ms-flex: 70%; background-color: white; box-sizing: border-box; flex: 70%; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Einkaufsliste</h2><h5 style="box-sizing: border-box;">Webapp zur Erstellung einer Einkaufsliste</h5><div style="box-sizing: border-box;"><img src="img/Ernaehrungspyramide.jpg" height="400" width="400" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Diese Pyramiede soll sie daran erinnern auf eine ausgewogene Ernährung zu achten.</p></div></div><div class="footer" style="background: #ddd; box-sizing: border-box; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Ende dieser Website</h2></div></body></html>