Update contact section styling and cards

This commit is contained in:
bart
2026-10-20 22:02:19 +02:00
parent 9a2f741047
commit 85cadf1040
3 changed files with 770 additions and 95 deletions
+78 -18
View File
@@ -269,38 +269,98 @@
<section id="fh5co-contact" data-section="contact" style="background-image: url(images/full_image_1.jpg);" data-stellar-background-ratio="0.5">
<div class="gradient"></div>
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Neem contact op</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Voor vrijblijvende informatie over onze diensten en aanvraag offertes kunt u contact met ons opnemen op de volgende manieren.</h3>
<h3>Voor vrijblijvende informatie over onze diensten of het aanvragen van offertes kunt u direct contact met ons opnemen.</h3>
</div>
</div>
</div>
</div>
<div class="row row-bottom-padded-md">
<div class="col-md-6 to-animate">
<h3>Contactgegevens</h3>
<ul class="fh5co-contact-info">
<li">
&nbsp;Eendoe Services B.V.
</li>
<li class="fh5co-contact-address ">
<i class="icon-home"></i>
&nbsp;Adriana van Roonlaan<br>2544NM Den Haag
</li>
<li><i class="icon-phone"></i>&nbsp;+31 (0)85 00 91 824</li>
<li><i class="icon-envelope"></i>&nbsp;info@eendoe.nl</li>
<li><i class="icon-globe"></i>&nbsp;<a href="https://eendoe.nl/" target="_blank">eendoe.nl</a></li>
</ul>
<div class="contact-card">
<div class="contact-card-header">
<h3>Contactgegevens</h3>
<p>Heeft u een vraag of wilt u een project bespreken? Wij zijn eenvoudig bereikbaar.</p>
</div>
<ul class="contact-info-list">
<li class="contact-item">
<div class="contact-icon">
<i class="icon-briefcase"></i>
</div>
<div class="contact-content">
<span class="contact-label">Organisatie</span>
<span class="contact-value">Eendoe Services B.V.</span>
</div>
</li>
<li class="contact-item">
<div class="contact-icon">
<i class="icon-home"></i>
</div>
<div class="contact-content">
<span class="contact-label">Vestigingsadres</span>
<span class="contact-value">Adriana van Roonlaan<br>2544 NM Den Haag</span>
</div>
</li>
<li class="contact-item">
<div class="contact-icon">
<i class="icon-phone"></i>
</div>
<div class="contact-content">
<span class="contact-label">Telefoon</span>
<a href="tel:+31850091824" class="contact-link">+31 (0)85 00 91 824</a>
</div>
</li>
<li class="contact-item">
<div class="contact-icon">
<i class="icon-envelope"></i>
</div>
<div class="contact-content">
<span class="contact-label">E-mail</span>
<a href="mailto:info@eendoe.nl" class="contact-link">info@eendoe.nl</a>
</div>
</li>
<li class="contact-item">
<div class="contact-icon">
<i class="icon-globe"></i>
</div>
<div class="contact-content">
<span class="contact-label">Website</span>
<a href="https://eendoe.nl/" target="_blank" rel="noopener noreferrer" class="contact-link">www.eendoe.nl</a>
</div>
</li>
</ul>
<div class="contact-meta">
<span class="contact-badge"><i class="icon-check"></i> KvK: 71 604 839</span>
<span class="contact-badge"><i class="icon-check"></i> BTW: NL858780100B01</span>
</div>
</div>
</div>
<div class="col-md-6 to-animate">
<img src="images/contact.jpg" alt="Contact" class="img-responsive" />
<div class="contact-side-card">
<div class="contact-image-wrap">
<img src="images/contact.jpg" alt="Contact met Eendoe Services" class="img-responsive" />
<div class="contact-image-overlay"></div>
</div>
<div class="contact-cta-box">
<h4>Direct sparren over uw IT-omgeving?</h4>
<p>Wij denken graag met u mee over pragmatische en schaalbare oplossingen op maat.</p>
<div class="contact-actions">
<a href="mailto:info@eendoe.nl" class="btn-contact-primary">
<i class="icon-envelope"></i> Stuur een bericht
</a>
<a href="tel:+31850091824" class="btn-contact-outline">
<i class="icon-phone"></i> Bel direct
</a>
</div>
</div>
</div>
</div>
</div>
@@ -314,7 +374,7 @@
<div class="container">
<div class="">
<div class="col-md-12 text-center">
<p>Eendoe Services B.V. | www.eendoe.nl | KvK 71 604 839 | BTW NL858780100B01</p>
<p>Eendoe Services B.V. | www.eendoe.nl | KvK 71 604 839 | BTW NL858780100B01</p>
<p><a href="/documents/algemene voorwaarden.pdf">Algemene voorwaarden</a></p>
</div>
</div>