Code

/* Flex container for horizontal scrolling */
#m1599.gallery .slides .slide ul.pics {
display: flex;
flex-wrap: nowrap;
list-style: none;
padding: 0;
margin: 0;
animation: scrollLeft 35s linear infinite;
}
/* Slide items */
#m1599.gallery .slides .slide ul.pics li {
flex: 0 0 auto;
margin-right: 30px; /* ruimte tussen items */
}
@keyframes scrollLeft {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
/* Sneller scrollen op mobiel met andere afstand */
@media (max-width: 767px) {
#m1599.gallery .slides .slide ul.pics {
animation: scrollLeft2 15s linear infinite;
}
}
@keyframes scrollLeft2 {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-200%);
}
}
/* Voorkom wrapping van container */
#r1234 .container {
flex-wrap: nowrap;
overflow: hidden;
}

780.879

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Nulla facilisi nullam vehicula.

24.344

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Nulla facilisi nullam vehicula.

7.823

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Nulla facilisi nullam vehicula.

Code

<script>
function animateValue(id, start, end, duration) {
const obj = document.querySelector(id);
const range = end - start;
const steps = 60;
const increment = range / steps;
const stepTime = duration / steps;
let current = start;
let stepCount = 0;
const timer = setInterval(() => {
current += increment;
stepCount++;
obj.textContent = Math.floor(current).toLocaleString('nl-NL');
if (stepCount >= steps) {
obj.textContent = Math.floor(end).toLocaleString('nl-NL');
clearInterval(timer);
}
}, stepTime);
}
// Observer die de animatie activeert bij scrollen
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const target = entry.target;
if (target.id === "m1573") {
animateValue("#m1573 > p", 0, 780879, 700);
} else if (target.id === "m4659") {
animateValue("#m4659 > p", 0, 24344, 700);
} else if (target.id === "m3168") {
animateValue("#m3168 > p", 0, 7823, 700);
}
obs.unobserve(target); // Start slechts één keer
}
});
}, { threshold: 0.8 }); // Pas starten als 80% in beeld is
// Start observer
document.addEventListener("DOMContentLoaded", function() {
observer.observe(document.querySelector("#m1573"));
observer.observe(document.querySelector("#m4659"));
observer.observe(document.querySelector("#m3168"));
});
</script>

Code

<style>
:root {
--cursor-size: 90px;
--ring-thickness: 1px;
--cursor-color: #AD0003;
--cursor-bg: rgba(255,255,255,0.7);
--scale-default: 1;
--scale-hover: 1.3;
--scale-active: 0.95;
}
.circle-button {
position: fixed;
bottom: 20px;
right: 20px;
width: var(--cursor-size);
height: var(--cursor-size);
z-index: 9999;
display: inline-block;
transform: scale(var(--scale-default));
transition: transform 0.25s ease;
text-decoration: none;
}
.circle-button:hover { transform: scale(var(--scale-hover)); }
.circle-button:active { transform: scale(var(--scale-active)); }
.cursor__inner { position: relative; width: 100%; height: 100%; display: grid; place-items: center; }
.cursor__bg { position: absolute; inset: 0; background: var(--cursor-bg); border-radius: 50%; backdrop-filter: blur(2px); }
.cursor__ring { position: absolute; inset: 0; border-radius: 50%; border: var(--ring-thickness) solid var(--cursor-color); opacity: .7; }
.cursor__text svg {
width: 100%; height: 100%;
/* we sturen de rotatie volledig via JS */
transform-origin: center;
transform-box: fill-box;
will-change: transform;
}
.cursor__text text {
dominant-baseline: middle;
font-size: 9.5px;
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
fill: var(--cursor-color);
}
</style>
<a href="/contact" class="circle-button">
<div class="cursor__inner">
<div class="cursor__bg"></div>
<div class="cursor__ring"></div>
<div class="cursor__text" id="cursorText">
<svg id="scrollCircle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<defs>
<path id="circlePath" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38,0 1,1 -76,0" />
</defs>
<text>
<textPath id="textPath" href="#circlePath"></textPath>
</text>
</svg>
</div>
</div>
</a>
<script>
const textPath = document.getElementById('textPath');
const DEFAULT_TEXT = '• Explore • Your • Dutch • Roots •';
function setCircleText(str) {
const minLen = 60;
let out = str.trim();
while (out.length < minLen) out += ' ' + str.trim();
textPath.textContent = out.toUpperCase();
}
setCircleText(DEFAULT_TEXT);
const svgEl = document.getElementById('scrollCircle');
const circleButton = document.querySelector('.circle-button');
let rotationDeg = 0;
const baseSpeedMag = 30;
let baseSign = 1;
let scrollBoost = 0;
const boostPerPixel = 0.20;
const damping = 0.92;
const maxBoost = 360;
let lastScrollY = window.scrollY;
let lastTs = performance.now();
let paused = false; // <-- vlag voor pauze bij hover
function tick(ts) {
const dt = (ts - lastTs) / 1000;
lastTs = ts;
if (!paused) {
const speed = (baseSign * baseSpeedMag) + scrollBoost;
rotationDeg += speed * dt;
scrollBoost *= damping;
}
svgEl.style.transform = `rotate(${rotationDeg}deg)`;
requestAnimationFrame(tick);
}
requestAnimationFrame(tick);
window.addEventListener('scroll', () => {
const delta = window.scrollY - lastScrollY;
lastScrollY = window.scrollY;
if (delta === 0 || paused) return; // geen boost als hij gepauzeerd is
baseSign = Math.sign(delta);
scrollBoost += delta * boostPerPixel;
if (scrollBoost > maxBoost) scrollBoost = maxBoost;
if (scrollBoost < -maxBoost) scrollBoost = -maxBoost;
}, { passive: true });
// Hover events om rotatie te stoppen
circleButton.addEventListener('mouseenter', () => paused = true);
circleButton.addEventListener('mouseleave', () => paused = false);
</script>

Video & Photography

Code

<script>document.addEventListener("DOMContentLoaded", function () {
const block = document.getElementById("c3901");
// Zoom-in effect bij hover
block.addEventListener("mouseover", function () {
block.style.backgroundSize = "120%"; // Zoom in
block.style.transition = "background-size 0.5s ease"; // Vloeiende overgang
});
// Zoom-out effect bij hover verlaten
block.addEventListener("mouseout", function () {
block.style.backgroundSize = "100%"; // Terug naar originele grootte
});
// Redirect bij klikken
block.addEventListener("click", function () {
window.location.href = "/diensten"; // Doorsturen naar de gewenste pagina
});
});</script>

<style>
#c3901:hover {
cursor: pointer;
}
</style>

Video & Photography

Code

<style>.image-container {
overflow: hidden; /* Verhindert dat de afbeelding buiten het kader groeit */
border-radius: 30px; /* Houdt de afgeronde hoeken netjes */
position: relative;
}
.image-container img {
width: 100%; /* Zorgt dat de afbeelding netjes in het kader blijft */
transition: transform 0.5s ease;
}
.image-container:hover img {
transform: scale(1.2); /* Zorgt voor het zoom-effect */
}
/* Hoofdcontainer (Kolom) */
#c3799, #c1514, #c1377, #c4921, #c4960, #c1821 {
position: relative;
overflow: hidden;
border-radius: 30px;
}
/* Afbeeldingen binnen de kolommen */
.imageModuleWrap img {
width: 100%;
display: block;
transition: transform 0.5s ease-in-out !important;
border-radius: 10px;
}
/* Hover zoom effect op afbeeldingen */
#c3799:hover .imageModuleWrap img,
#c1514:hover .imageModuleWrap img,
#c1377:hover .imageModuleWrap img,
#c4921:hover .imageModuleWrap img,
#c4960:hover .imageModuleWrap img,
#c1821:hover .imageModuleWrap img {
transform: scale(1.2);
clip-path: inset(0 0 0 0 round 10px);
}
/* Tekst-overlay blijft zichtbaar bovenop afbeelding */
#c3799 .module.text,
#c1514 .module.text,
#c1377 .module.text,
#c4921 .module.text,
#c4960 .module.text,
#c1821 .module.text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: white;
font-weight: bold;
text-align: center;
padding: 15px;
z-index: 3;
}
/* Cursor effect op hover */
.imageModuleWrap img:hover {
cursor: pointer;
}</style>

Objectbeveiliging

Uw pand veilig ook buitenwerktijd

Betrouwbare beveiligingsoplossingen voor diverse situaties met professioneel toezicht.

Bouwplaatsbeveiliging

24/7 toezicht op materialen en mensen

Specialistische beveiliging voor bouwprojecten met continue monitoring.

Evenementenbeveiliging

Professioneel en gastvrij toezicht bij bijeenkomsten

Ervaren beveiligers voor veilige en succesvolle evenementen.

Verkeersregelaar

Vlotte doorstroming van verkeer

Gecertificeerde verkeersregelaars voor veilige situaties bij bouw en evenementen.

Parkeerbegeleiding

Professionele parkeerbegeleiding

Soepel verloop van verkeer en parkeerbeheer bij evenementen.

EM Services

Erkende opleidingen en certificering

BHV, BRL9101/BRL9102 verkeersregelaarscertificering, praktijkgericht op locatie.

Typewriter Tekst

Opnieuw afspelen ↻

Portfolio Purple Cow

Assistive Innovations

Beschrijving: Assistive Innovations is al ruim 30 jaar gespecialiseerd in armondersteuning, eethulpmiddelen en robotarmen.

SABA

Beschrijving: SABA is een innovatief productiebedrijf van lijmen & kitten gevestigd in Dinxperlo.

Löwenthal Advies

Type project Ontwikkeling logo, huisstijl en website – dit project laat zien dat ook fraaie resultaten te behalen zijn met een kleiner budget! Klant Löwenthal advies | www.lowenthaladvies.nl.

Nathan driven by knowledge

Beschrijving: Nathan biedt oplossingen voor verwarming, koeling en tapwaterbereiding.

ETNA Coffee Technologie

Beschrijving: ETNA ontwikkelt en produceert koffiemachines voor professioneel gebruik.

Typ hier tekst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ex venenatis, sagittis risus ut, dapibus enim. Nullam et fringilla lacus. Donec vitae dignissim nunc, sed consectetur nisi. Proin auctor lorem non pulvinar consequat. Vivamus feugiat metus nec tellus pulvinar tincidunt. Mauris luctus maximus convallis. Donec tincidunt nec ligula sit amet cursus. Aliquam sed risus enim. Etiam eget iaculis diam. Morbi pharetra lacinia dolor eget gravida. Aenean euismod placerat felis, vel aliquam mi pharetra sed. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ex venenatis, sagittis risus ut, dapibus enim. Nullam et fringilla lacus. Donec vitae dignissim nunc, sed consectetur nisi. Proin auctor lorem non pulvinar consequat. Vivamus feugiat metus nec tellus pulvinar tincidunt. Mauris luctus maximus convallis. Donec tincidunt nec ligula sit amet cursus. Aliquam sed risus enim. Etiam eget iaculis diam. Morbi pharetra lacinia dolor eget gravida. Aenean euismod placerat felis, vel aliquam mi pharetra sed. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ex venenatis, sagittis risus ut, dapibus enim. Nullam et fringilla lacus. Donec vitae dignissim nunc, sed consectetur nisi. Proin auctor lorem non pulvinar consequat. Vivamus feugiat metus nec tellus pulvinar tincidunt. Mauris luctus maximus convallis. Donec tincidunt nec ligula sit amet cursus. Aliquam sed risus enim. Etiam eget iaculis diam. Morbi pharetra lacinia dolor eget gravida. Aenean euismod placerat felis, vel aliquam mi pharetra sed. In hac habitasse platea dictumst.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et ex venenatis, sagittis risus ut, dapibus enim. Nullam et fringilla lacus. Donec vitae dignissim nunc, sed consectetur nisi. Proin auctor lorem non pulvinar consequat. Vivamus feugiat metus nec tellus pulvinar tincidunt. Mauris luctus maximus convallis. Donec tincidunt nec ligula sit amet cursus. Aliquam sed risus enim. Etiam eget iaculis diam. Morbi pharetra lacinia dolor eget gravida. Aenean euismod placerat felis, vel aliquam mi pharetra sed. In hac habitasse platea dictumst.

Code

Daikin & Mitsubishi Electric airconditioning

Airco laten installeren.
Comfort in elk seizoen.

Polder Klimaattechniek levert en installeert Daikin en Mitsubishi Electric airco’s in Noord-Holland Noord. Van één slaapkamer tot meerdere ruimtes: een passende oplossing om te koelen en te verwarmen.

Bekijk 87 modellen Bel 06 48 69 69 37

Persoonlijk advies Heldere systeemprijs Vakkundige montage

Wandairco in een warme, moderne woonkamer

Systeem vanaf€ 2.399incl. btw · montage op maat

Goed gekozen. Met aandacht geïnstalleerd.

87aircoconfiguraties

2 merkenDaikin & Mitsubishi Electric

Jaarrondkoelen & verwarmen

Adviesmontageprijs op maat

Kies uw comfortniveau

Daikin en Mitsubishi Electric airco’s.

Vergelijk compacte wandmodellen en designairco’s op koelvermogen, geluid, bediening en uitstraling. Wij helpen u een serie te kiezen die past bij uw woning of bedrijf.

01Slim geprijsd

Daikin Sensira

Betrouwbaar koelen en verwarmen met een rustig, compact wandmodel.

Compact wandmodel

02Veelzijdig comfort

Daikin Perfera

Hoog rendement, krachtige luchtzuivering en comfort voor ieder seizoen.

Comfort & luchtzuivering

03Compact design

Daikin Stylish

Een slanke designairco in wit, zilver of zwart voor moderne interieurs.

Wit, zilver of zwart

04Iconisch design

Daikin Emura 3

Een uitgesproken binnenunit met premium comfort en slimme bediening.

Comfort & luchtzuivering

05Luxe en stil

Mitsubishi Electric AY

Comfortabele A+++ wandmodellen met wifi en een rustige, moderne vormgeving.

Wifi inbegrepen

06Premium zwart

Mitsubishi Electric LN

Een uitgesproken premium designserie in zwart met wifi en hoog rendement.

Diamond design

07Strak design

Mitsubishi Electric EF

Slanke designmodellen in wit of zwart voor interieurs waar vorm telt.

Wit of zwart

Compleet assortiment

Airco modellen en systeemprijzen.

Vergelijk single-split, multi-split, vloer-, kanaal- en cassettemodellen. U ziet per configuratie het vermogen en de indicatieve systeemprijs inclusief btw.

87 modellen gevondenPrijzen zijn indicatief

Goed om te weten: alle prijzen zijn inclusief btw en indicatief. De definitieve montageprijs volgt na een schouw. Bij multi-split staat het vermogen van de buitenunit vermeld.

Single splitKoelvermogen2,5 kW

Daikin Siesta

ATXF25E / ARX25E

1 binnenunit + 1 buitenunit

Koelen & verwarmen Montage op maat

Systeem vanaf€ 2.399incl. btw

Objectbeveiliging

Bouwplaatsbeveiliging

Evenementenbeveiliging

Verkeersregelaar

Parkeerbegeleiding

EM Services

Assistive Innovations

SABA

Löwenthal Advies

Nathan driven by knowledge

ETNA Coffee Technologie

Airco laten installeren.Comfort in elk seizoen.

Daikin en Mitsubishi Electric airco’s.

Daikin Sensira

Daikin Perfera

Daikin Stylish

Daikin Emura 3

Mitsubishi Electric AY

Mitsubishi Electric LN

Mitsubishi Electric EF

Airco modellen en systeemprijzen.

ATXF25E / ARX25E

FTXF25 / RXF25

FTXF35 / RXF35

FTXF50 / RXF50

FTXC25 / RXC25

FTXC35 / RXC35

FTXC50E / RXC50E

FTXC60 / RXC60

FTXC71 / RXC71

FTXM25A / RXM25A

FTXM35A / RXM35A

FTXM42A / RXM42A

FTXM50A / RXM50A

FTXM71A / RXM71A

FVXM25A / RXM25R

FVXM35A / RXM35R

FVXM50A / RXM50R

2MXM50 + FVXM25A + FVXM35A

FTXA25AW

FTXA35AW

FTXA50AW

FTXA25BS

FTXA35BS

FTXA50BS

FTXA25BB

FTXA35BB

FTXA50BB

FTXJ25AW / RXJ25A

FTXJ35AW / RXJ35A

FTXJ50AW / RXJ50A

FTXJ25AB / RXJ25A

FTXJ35AB / RXJ35A

FTXJ50AB / RXJ50A

2 × FTXA25AW

2 × FTXA25BB

2 × FTXA35AW

2 × FTXA35BB

2 × FTXP25

2 × FTXP35

2 × CTXF25

CTXF25 + CTXF35

2 × FTXM25A

FTXM25A + FTXM35A

2 × FTXM35A

FTXM35A + FTXM50A

2 × CTXF25 + CTXF35

2 × FTXP25 + FTXP35

2 × FTXM25A + FTXM35A

2 × FTXP25 + FTXP35

4MXM80 + 3 × FTXP25 + FTXP35

FDXM35F9 / RXM35A9 / BRC1H52W

FDXM50F9 / RXM50A9 / BRC1H52W

FFA35A9 / RXM35R

FFA50A9 / RXM50R

FFA60A9 / RXM60R

2MXM40

2MXM50

2MXM68

3MXM52

Airco laten installeren.
Comfort in elk seizoen.