bdnugget/linuxservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Commit before this refactoring with partials and stuff gets out of control

Browse Source
This commit is contained in:
bdnugget
2025-09-03 09:41:50 +02:00
parent 7c45c0af08
commit e3ca84a584
11 changed files with 182 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/contact.html
View File

@ -15,7 +15,7 @@
<!-- Open Graph Meta Tags for Social Media -->
<meta property="og:title" content="{{.Title}}">
<meta property="og:description" content="Neem contact op met {{.CompanyName}} voor Linux-migratieservice. Gratis advies, installatie, datamigratie en ondersteuning in gemeente Het Hogeland.">
<meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
<meta property="og:image" content="https://{{.Domain}}/static/images/TuxAinrom.webp">
<meta property="og:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
<meta property="og:url" content="https://{{.Domain}}/contact">
<meta property="og:type" content="website">
@ -26,7 +26,7 @@
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{.Title}}">
<meta name="twitter:description" content="Neem contact op met {{.CompanyName}} voor Linux-migratieservice. Gratis advies en ondersteuning.">
<meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
<meta name="twitter:image" content="https://{{.Domain}}/static/images/TuxAinrom.webp">
<meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
<!-- Favicon Links -->
@ -45,6 +45,8 @@
<!-- Preload Critical Resources -->
<link rel="preload" href="/static/css/style.css" as="style">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
<!-- CSS and Fonts -->
@ -58,7 +60,7 @@
<section class="page-hero">
<div class="container">
<h1>Neem contact op</h1>
<p>Heeft u vragen over Linux migratie? Wij helpen u graag verder!</p>
<p>Heeft u vragen over Linux‑migratie? Ik help u graag verder!</p>
</div>
</section>
@ -99,7 +101,7 @@
<div class="contact-hours">
<h3>Openingstijden</h3>
<p>Maandag - vrijdag: 09:00 - 17:00 (op afspraak)</p>
<p>Maandag – vrijdag: 09:00 – 17:00 (op afspraak)</p>
<p>Weekend: op afspraak</p>
</div>
</div>
@ -154,7 +156,7 @@
<div class="form-group">
<label for="message">Bericht *</label>
<textarea id="message" name="message" rows="5" required placeholder="Vertel ons over uw situatie en hoe wij u kunnen helpen...">{{.FormData.Message}}</textarea>
<textarea id="message" name="message" rows="5" required placeholder="Vertel iets over uw situatie en hoe ik u kan helpen...">{{.FormData.Message}}</textarea>
</div>
<button type="submit" class="btn btn-primary">Verstuur bericht</button>
@ -167,11 +169,11 @@
<section class="section section--light-green contact-cta">
<div class="container">
<h2>Waarom kiezen voor {{.CompanyName}}?</h2>
<div class="card card--ctas">
<div class="cta-benefits">
<div class="card card--cta">
<div class="card__icon">🎯</div>
<h3>Persoonlijke aanpak</h3>
<p>Elke klant is uniek, en wij bieden maatwerkoplossingen.</p>
<p>Elke klant is uniek. Ik lever maatwerkoplossingen.</p>
</div>
<div class="card card--cta">
<div class="card__icon">🛠️</div>
@ -181,12 +183,12 @@
<div class="card card--cta">
<div class="card__icon">🤝</div>
<h3>Volledige ondersteuning</h3>
<p>Van installatie tot training, wij begeleiden u door het hele proces.</p>
<p>Van installatie tot training: ik begeleid u door het hele proces.</p>
</div>
<div class="card card--cta">
<div class="card__icon">💚</div>
<h3>Duurzame keuze</h3>
<p>Samen bouwen we aan een duurzamere digitale toekomst.</p>
<p>U kiest voor een duurzamere digitale toekomst.</p>
</div>
</div>
</div>