![<!--
===============================================
=== KOPIEER ALLES HIERONDER VOOR ELEMENTOR ===
===============================================
-->
<style>
/* --- Titel Styling --- */
.hero-title-widget {
/* UW STIJL: Lettertype en grootte */
font-family: 'Arial', sans-serif;
font-size: 2.5rem; /* Voor desktop */
line-height: 1.2;
font-weight: 700;
/* Basisstijl */
color: #ffffff; /* Kleur voor de statische tekst */
text-align: left; /* Zorgt voor correcte uitlijning */
margin: 0;
padding: 20px 0;
}
/* Responsive lettergrootte */
@media (max-width: 768px) {
.hero-title-widget {
font-size: 2rem; /* Voor tablet */
}
}
@media (max-width: 480px) {
.hero-title-widget {
font-size: 1.5rem; /* Voor mobiel */
}
}
/* --- Container voor het geanimeerde woord --- */
.animated-word-container-widget {
display: inline-block;
position: relative;
text-align: left;
}
/* Onzichtbaar element dat de breedte bepaalt om verspringen te voorkomen */
.animated-word-sizer-widget {
visibility: hidden;
font-weight: 700; /* Moet overeenkomen met het zichtbare woord */
}
/* Het zichtbare, wisselende woord */
.animated-word-widget {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0; /* Start onzichtbaar */
transition: opacity 0.25s ease-in-out; /* MIJN FADE EFFECT */
}
/* --- MIJN GEANIMEERDE KLEUROVERGANG --- */
.animated-gradient-text-widget {
background: linear-gradient(90deg, #a5f3fc, #ffffff, #67e8f9, #ffffff, #a5f3fc);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: text-gradient-flow-widget 4s linear infinite;
}
@keyframes text-gradient-flow-widget {
0% { background-position: 200% center; }
100% { background-position: 0% center; }
}
/* Voorkom animaties als de gebruiker dat heeft ingesteld */
@media (prefers-reduced-motion: reduce) {
.animated-gradient-text-widget {
transition: none;
animation: none;
}
}
</style>
<!-- HTML Structuur -->
<h1 class="hero-title-widget">
Zet je bedrijf online met een website die
<span class="animated-word-container-widget">
<!-- Dit onzichtbare element bepaalt de breedte op basis van het langste woord -->
<span class="animated-word-sizer-widget" aria-hidden="true">inspireert.</span>
<!-- Hier verschijnt het geanimeerde woord -->
<span id="animated-word-widget" class="animated-word-widget animated-gradient-text-widget"></span>
</span>
</h1>
<script>
// Dit zorgt ervoor dat de code alleen binnen deze widget draait en geen conflicten veroorzaakt.
(function() {
// === INSTELLINGEN ===
const words = ['converteert.', 'groeit.', 'verbindt.', 'inspireert.'];
const cycleDelay = 3000; // Tijd in milliseconden tussen woordwissels
// === FUNCTIONALITEIT (niets hieronder aanpassen) ===
const wordEl = document.getElementById('animated-word-widget');
const sizerEl = document.querySelector('.animated-word-sizer-widget');
if (!wordEl || !sizerEl) {
console.error("Element voor woord-animatie niet gevonden.");
return;
}
// Stop als de gebruiker liever geen beweging ziet
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (prefersReducedMotion) {
wordEl.textContent = words[0];
wordEl.style.opacity = '1';
return;
}
let currentWordIndex = 0;
// Stel de breedte in op het langste woord om layout-verschuiving te voorkomen.
const longestWord = words.reduce((a, b) => a.length > b.length ? a : b, "");
sizerEl.innerText = longestWord;
function cycleWords() {
// Fade het huidige woord uit
wordEl.style.opacity = '0';
// Wacht tot de fade-out klaar is
setTimeout(() => {
// Verander het woord
currentWordIndex = (currentWordIndex + 1) % words.length;
wordEl.innerText = words[currentWordIndex];
// Fade het nieuwe woord in
wordEl.style.opacity = '1';
}, 250); // Moet overeenkomen met de 'transition' duur in de CSS
}
// Start met het eerste woord direct zichtbaar
wordEl.innerText = words[0];
wordEl.style.opacity = '1';
// Start de cyclus na de eerste vertraging
setInterval(cycleWords, cycleDelay);
})();
</script>
<!--
=====================================
=== EINDE VAN DE KOPIEER SECTIE ===
=====================================
-->](https://krendata.com/wp-content/uploads/2023/06/img-4.png)
Met een complete website is uw organisatie altijd bereikbaar, professioneel zichtbaar en klaar
om bezoekers te overtuigen – 24/7 online, voor elke sector.
Met KRENData krijg je een complete website inclusief hosting, updates en support, zodat je zonder zorgen online aanwezig bent en direct professioneel oogt.
Ontdek hoe een professioneel ontworpen website jouw bedrijf laat opvallen. Met KRENData combineer je creatief design met slimme functionaliteiten, zodat bezoekers blijven hangen en actie ondernemen.
KRENData regelt alles van hosting tot updates en support. Zo kun jij je focussen op je bedrijf, terwijl je website continu veilig, snel en up-to-date blijft.
Ik wilde een website die mijn advocatenkantoor professioneel vertegenwoordigt. KRENData dacht met me mee, verzorgde het ontwerp en de hosting, en legde alles helder uit. Binnen een paar dagen stond mijn site online en kreeg ik meteen positieve reacties van cliënten. Het is fijn om alles uit handen te geven en toch volledige controle over de inhoud te houden. Voor zo’n complete oplossing had ik bij andere aanbieders veel meer betaald.
Als aannemer laat je werk voor zich spreken, maar ik had nog geen online aanwezigheid. KRENData maakte het makkelijk: ze hebben foto’s, projecten en contactinformatie mooi overzichtelijk gepresenteerd. Binnen enkele dagen stond de website live en mijn klanten kunnen nu eenvoudig mijn diensten bekijken. Het voelt professioneel zonder dat ik er veel tijd aan kwijt ben. Ik ben echt blij, nu krijg ik overheidsprojecten!
KRENData regelde alles voor mij, van design tot hosting, en stond me steeds bij. Binnen een week stond mijn site live en hij ziet er fantastisch uit. Ik kan het iedereen aanraden die snel online wil zijn. Terwijl bij anderen de prijs vaak tussen €800 en meer dan €1.000 ligt, krijg je bij KRENData een complete website voor slechts €350. Echt een aanrader!
Ik wilde dat mijn klanten eenvoudig informatie over behandelingen en afspraken konden vinden. KRENData regelde alles overzichtelijk en gebruiksvriendelijk. Binnen een paar dagen stond mijn website online en cliënten kunnen nu makkelijk contact opnemen of afspraken boeken. Het geeft me rust dat alles goed geregeld is, terwijl ik toch volledige controle over de inhoud behoud. Ik ben erg tevreden; mijn praktijk krijgt nu meer nieuwe klanten!
We begeleiden u bij elke stap, van het eerste idee tot uw volledig live website. Ons proces is overzichtelijk en transparant, zodat u precies weet wat er gebeurt en altijd de controle houdt over het resultaat.
We beginnen met een diepgaande analyse van uw doelen, doelgroep en concurrentie om een solide strategie te ontwikkelen.
Ons ontwerpteam creëert intuïtieve en visueel aantrekkelijke interfaces die gericht zijn op een optimale gebruikerservaring.
Onze ontwikkelaars bouwen robuuste en schaalbare oplossingen met behulp van de nieuwste technologieën en best practices.
Na grondige tests lanceren we uw project en bieden we doorlopende ondersteuning om succes op lange termijn te garanderen.
Kies het pakket dat het beste bij uw behoeften past. Geen verborgen kosten, gewoon duidelijke en eerlijke prijzen.
De essentiële start voor een professionele online aanwezigheid.
€350
eenmalig
De perfecte balans voor groeiende bedrijven, nu met een scherpe actieprijs.
€800
€599
eenmalig
Uitgebreide functies voor maximale impact, met de optie voor een volledige webshop.
€1800
€1299
eenmalig
Heeft u een specifiek project in gedachten?
Neem contact op voor een offerte op maat →Vind hier snel antwoorden op de meest voorkomende vragen. Staat uw vraag er niet bij? Neem dan gerust contact met ons op.
De doorlooptijd voor een standaard website is doorgaans 4 tot 6 weken, afhankelijk van de complexiteit en de aanlevering van content. Voor complexere projecten stellen we een gedetailleerde planning op.
Jazeker! Wij bieden diverse onderhoudspakketten aan om uw website veilig, snel en up-to-date te houden. Neem contact met ons op voor een pakket op maat.
Wij bieden betrouwbare en snelle hostingoplossingen die zijn geoptimaliseerd voor de websites die we bouwen. We zorgen voor de volledige installatie en het beheer, zodat u zich nergens zorgen over hoeft te maken.
Absoluut. We analyseren graag uw huidige website en doen een voorstel voor een modern redesign dat voldoet aan de laatste standaarden op het gebied van design, gebruiksvriendelijkheid en SEO.
Transformeer uw digitale aanwezigheid met de expertise van KRENData. Neem vandaag nog contact op voor een vrijblijvend gesprek.
