fix styling and add address env vars

This commit is contained in:
2025-07-08 02:23:16 +02:00
parent edbb6cb6a6
commit c8d1549c94
11 changed files with 523 additions and 130 deletions

View File

@ -8,32 +8,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h1><a href="/">{{.CompanyName}}</a></h1>
</div>
<div class="nav-links">
<a href="/">Home</a>
<a href="/#voordelen">Voordelen</a>
<a href="/#distros">Linux Keuze</a>
<a href="/#diensten">Diensten</a>
<a href="/contact" class="active">Contact</a>
</div>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<span></span>
</button>
<div class="mobile-menu" id="mobile-menu">
<a href="/">Home</a>
<a href="/#voordelen">Voordelen</a>
<a href="/#distros">Linux Keuze</a>
<a href="/#diensten">Diensten</a>
<a href="/contact" class="active">Contact</a>
</div>
</div>
</nav>
</header>
{{template "header" .}}
<main>
<section class="contact-hero">
@ -48,6 +23,14 @@
<div class="contact-grid">
<div class="contact-info">
<h2>Contactgegevens</h2>
<div class="contact-item">
<div class="contact-icon">📍</div>
<div>
<h3>Adres</h3>
<p>{{.Street}}</p>
<p>{{.PostalCode}} {{.Village}}</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">📧</div>
<div>
@ -65,14 +48,14 @@
<div class="contact-item">
<div class="contact-icon">🏢</div>
<div>
<h3>KVK Nummer</h3>
<h3>KvK Nummer</h3>
<p>{{.KVK}}</p>
</div>
</div>
<div class="contact-hours">
<h3>Openingstijden</h3>
<p>Maandag - Vrijdag: 09:00 - 17:00</p>
<p>Maandag - Vrijdag: 09:00 - 17:00 (Op afspraak)</p>
<p>Weekend: Op afspraak</p>
</div>
</div>
@ -149,7 +132,7 @@
<div class="cta-benefit">
<div class="benefit-icon">🛠️</div>
<h3>Professionele service</h3>
<p>Jarenlange ervaring met Linux systemen en migraties.</p>
<p>Ruim 20 jaar ervaring met Linux systemen en migraties.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🤝</div>
@ -166,29 +149,7 @@
</section>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>{{.CompanyName}}</h3>
<p>Specialist in Linux migratie en duurzame computing oplossingen.</p>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email: {{.Email}}</p>
<p>Telefoon: {{.Phone}}</p>
<p>KVK: {{.KVK}}</p>
</div>
<div class="footer-section">
<h3>Ondersteuning</h3>
<p>Wij ondersteunen de <a href="https://endof10.org" target="_blank">End of 10</a> beweging voor duurzame computing.</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; {{.CurrentYear}} {{.CompanyName}}. Alle rechten voorbehouden.</p>
</div>
</div>
</footer>
{{template "footer" .}}
<script>
function toggleMobileMenu() {