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.

liste_anlegen.html 3.1KB

1
  1. <!DOCTYPE html><html 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="#" 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="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 <img src="img/einkaufstasche.png" height="200" width="200" style="box-sizing: border-box;"></h2><br style="box-sizing: border-box;"><div class="liste" id="liste" style="-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; box-sizing: border-box; cursor: pointer; display: block; font-size: 22px; margin-bottom: 12px; padding-left: 35px; position: relative; user-select: none;"></div><label for="element" style="box-sizing: border-box;">Artikel:</label> <input type="text" id="element" style="box-sizing: border-box;"> <label for="menge" style="box-sizing: border-box;">Menge:</label> <input type="text" id="menge" style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><input type="button" id="button1" value="Hinzufügen" style="box-sizing: border-box;"> <input type="button" id="button3" value="Letzten Punkt Löschen" style="box-sizing: border-box;"> <input type="button" id="button2" value="Gesammte Liste löschen" style="box-sizing: border-box;"><script src="skripts/speichern_liste.js" style="box-sizing: border-box;"></script></div></div></body></html>