l105/PO Informatica P4/bakkerfolder/historie.php

<?php $paginaTitel = "Onze Historie - De Echte bakker van Ot & Okke"; ?> <!DOCTYPE html> <html lang="nl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php echo $pageTitle; ?></title> <style> body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } .container { width: 80%; margin: auto; overflow: hidden; } header { background: #333; color: #fff; padding-top: 30px; min-height: 70px; border-bottom: #77aaff 3px solid; } header a { color: #fff; 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> <header> <div class="container"> <h1><?php echo $paginaTitel; ?></h1> </div> </header> <div id="main" class="container"> <div class="historie"> <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