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

CSS cleanup and decrease padding on hero and section a bit

Browse Source
This commit is contained in:
bdnugget
2025-09-02 23:19:31 +02:00
parent d124561ef9
commit 7c45c0af08
24 changed files with 689 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
templates/contact.html
View File

@ -30,11 +30,11 @@
<meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
<!-- Favicon Links -->
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="manifest" href="/static/manifest.json">
<link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
<link rel="manifest" href="/static/icons/manifest.json">
<!-- Theme Color for Mobile Browsers -->
<meta name="theme-color" content="#059669">
@ -44,25 +44,25 @@
<link rel="canonical" href="https://{{.Domain}}/contact">
<!-- Preload Critical Resources -->
<link rel="preload" href="/static/style.css" as="style">
<link rel="preload" href="/static/css/style.css" as="style">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
<!-- CSS and Fonts -->
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
{{template "header" .}}
<main>
<section class="contact-hero">
<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>
</div>
</section>
<section class="contact-content">
<section class="section">
<div class="container">
<div class="contact-grid">
<div class="contact-info">
@ -164,27 +164,27 @@
</div>
</section>
<section class="contact-cta">
<section class="section section--light-green contact-cta">
<div class="container">
<h2>Waarom kiezen voor {{.CompanyName}}?</h2>
<div class="cta-benefits">
<div class="cta-benefit">
<div class="benefit-icon">🎯</div>
<div class="card card--ctas">
<div class="card card--cta">
<div class="card__icon">🎯</div>
<h3>Persoonlijke aanpak</h3>
<p>Elke klant is uniek, en wij bieden maatwerkoplossingen.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🛠️</div>
<div class="card card--cta">
<div class="card__icon">🛠️</div>
<h3>Professionele service</h3>
<p>Ruim 20 jaar ervaring met Linux systemen en migraties.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🤝</div>
<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>
</div>
<div class="cta-benefit">
<div class="benefit-icon">💚</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>
</div>