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.

galerie.html 2.8KB

1
  1. <!DOCTYPE html><html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><meta charset="utf-8" style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><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="gallery" id="aepfel" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/aepfel.jpg" style="box-sizing: border-box;"><img src="img/aepfel.jpg" alt="Äpfel" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Äpfel</div></div><div class="gallery" id="milch" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/milch.jpg" style="box-sizing: border-box;"><img src="img/milch.jpg" alt="Milch" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Milch</div></div><div class="gallery" id="wasser" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/wasser.jpg" style="box-sizing: border-box;"><img src="img/wasser.jpg" alt="Wasser" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Wasser</div></div></body></html>