fix styling and add address env vars
This commit is contained in:
@ -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>© {{.CurrentYear}} {{.CompanyName}}. Alle rechten voorbehouden.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{{template "footer" .}}
|
||||
|
||||
<script>
|
||||
function toggleMobileMenu() {
|
||||
|
Reference in New Issue
Block a user