l105/PO Informatica P4/historie.php

<!DOCTYPE html> <html lang="nl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo $paginaTitel; ?></title> <style> body { font-family: Arial, sans-serif; background-color: #FFD700; background: url('images/waziggraan.jpg') no-repeat center center fixed; background-size: cover; margin: 0; padding: 0; } .container { width: 80%; margin: auto; overflow: hidden; } .balk { display: none; /* weer gele balk weghalen en die graan achtergrond toevoegen background: #FFD700; color: #000; padding-top: 30px; min-height: 70px; */ } .balk a { color: #000; text-decoration: none; text-transform: uppercase; font-size: 16px; } #main { padding: 20px; background: #fff; margin-top: 10px; } .historie{ margin-bottom: 20px; } .historie h2 { color: #333; } .historie p { line-height: 1.6; } .historie img { max-width: 40%; height: auto; } </style> </head> <body> <div class="balk"> <div class="container"> </div> </div> <div id="main" class="container"> <div class="historie"> <h1>Onze Historie - De Echte bakker van Ot & Okke</h1> <h2>Beginjaren (1910-1940)</h2> <p> De geschiedenis van de Echte bakker voert terug naar de jaren zestig van de vorige eeuw toen mijn vader, Andre van IJzendoorn, een bakkerij begon in Groesbeek. Daar kwam ik al heel jong voor het eerst in aanraking met meel, water en zout. </p> <img src="images/de-oude-bakkerij-historie-1.jpg" alt="Beginjaren van de bakkerij"> </div> <div class="historie"> <h2>De Oorlogsjaren (1940-1945)</h2> <p> Tijdens de Tweede Wereldoorlog had de bakkerij het moeilijk door schaarste aan ingrediënten. Toch bleef de bakkerij operationeel en ondersteunde de gemeenschap waar mogelijk. </p> <img src="images/stream_quality_LOW_900px.jpg" alt="De Oorlogsjaren"> </div> <div class="historie"> <h2>Modernisering (1950-1980)</h2> <p> In de jaren '50 werd de bakkerij gemoderniseerd met nieuwe apparatuur en breidde het assortiment uit. Dit zorgde voor een grotere klantenkring en meer naamsbekendheid. </p> <img src="images/2021-07-01_Bolkplein_01_-040-1-e1629709350683.jpg" alt="Modernisering van de bakkerij"> </div> <div class="historie"> <h2>Vandaag de dag</h2> <p> Tegenwoordig staat de derde generatie aan het roer en blijft de bakkerij trouw aan zijn roots, met een combinatie van traditionele recepten en moderne technieken. </p> <img src="images/DSC_1213-scaled.jpg" alt="De bakkerij vandaag de dag"> </div> </div> </body> </html>

Resultaat

Made by Thijs Aarnoudse