Move Uphill

<div style=”max-width: 800px; margin: 20px auto; font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif; background: white; box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden;”>

<!– Header –>
<div style=”background: #000000; color: white; padding: 40px 30px; text-align: center;”>
<h1 style=”font-size: 2.5em; font-weight: 900; margin: 0 0 15px 0; color: white;”>WE ZIJN GEMAAKT<br>OM TE <span style=”color: #D2691E;”>BEWEGEN</span></h1>
<p style=”font-size: 1.2em; margin: 0; opacity: 0.9;”>Hoe je beweging slim inzet voor meer energie</p>
</div>

<!– Main Content –>
<div style=”padding: 40px 30px;”>

<!– Intro –>
<div style=”background: #f8f6f3; padding: 30px; border-radius: 10px; margin-bottom: 30px; border-left: 5px solid #D2691E;”>
<p style=”font-size: 1.1em; line-height: 1.8; color: #444; margin: 0;”>Ontdek hoe alles wat we doen impact heeft op onze beweegkwaliteit en waarom dit belangrijk is. We bespreken hoe je met <strong style=”color: #D2691E;”>praktische tips</strong> en <strong style=”color: #D2691E;”>wetenschappelijke inzichten</strong> je beweging kunt verbeteren voor meer energie overdag, zowel thuis als op het werk.</p>
</div>

<h2 style=”text-align: center; margin-bottom: 30px; color: #000; font-size: 2em;”>Kies je <span style=”color: #D2691E;”>format</span></h2>

<!– Formats –>
<div style=”display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0;”>

<div style=”background: white; border: 2px solid #f0f0f0; border-radius: 10px; padding: 25px; text-align: center;”>
<h3 style=”color: #D2691E; font-size: 1.3em; margin-bottom: 15px; font-weight: bold;”>Online Workshop</h3>
<div style=”background: #000; color: white; padding: 8px 15px; border-radius: 20px; font-size: 0.9em; margin-bottom: 15px; display: inline-block;”>1 uur</div>
<div style=”font-size: 1.5em; font-weight: bold; color: #D2691E; margin-bottom: 10px;”>€ 190,-</div>
<div style=”color: #666; font-size: 0.9em; line-height: 1.5;”>
Via Microsoft Teams, Google Meet of Zoom<br>
Max. 16 personen<br>
Theorie + interactieve vragenronde
</div>
</div>

<div style=”background: white; border: 2px solid #f0f0f0; border-radius: 10px; padding: 25px; text-align: center;”>
<h3 style=”color: #D2691E; font-size: 1.3em; margin-bottom: 15px; font-weight: bold;”>Fysieke Workshop</h3>
<div style=”background: #000; color: white; padding: 8px 15px; border-radius: 20px; font-size: 0.9em; margin-bottom: 15px; display: inline-block;”>1,5 uur</div>
<div style=”font-size: 1.5em; font-weight: bold; color: #D2691E; margin-bottom: 10px;”>€ 490,-</div>
<div style=”color: #666; font-size: 0.9em; line-height: 1.5;”>
Op locatie in aparte ruimte<br>
Max. 12 personen<br>
Discussie + oefeningen + theorie
</div>
</div>

<div style=”background: white; border: 2px solid #f0f0f0; border-radius: 10px; padding: 25px; text-align: center;”>
<h3 style=”color: #D2691E; font-size: 1.3em; margin-bottom: 15px; font-weight: bold;”>Keynote Sessie</h3>
<div style=”background: #000; color: white; padding: 8px 15px; border-radius: 20px; font-size: 0.9em; margin-bottom: 15px; display: inline-block;”>1 uur</div>
<div style=”font-size: 1.5em; font-weight: bold; color: #D2691E; margin-bottom: 10px;”>€ 590,-</div>
<div style=”color: #666; font-size: 0.9em; line-height: 1.5;”>
Fysiek op locatie<br>
12-400 personen<br>
Interactieve presentatie + energizers
</div>
</div>
</div>

<!– Benefits –>
<div style=”background: #000; color: white; padding: 30px; border-radius: 10px; margin: 30px 0;”>
<h2 style=”color: #D2691E; font-size: 1.8em; margin-bottom: 20px; text-align: center;”>Wat neem je mee?</h2>
<div style=”display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;”>
<div style=”background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid #D2691E;”>
<h4 style=”color: #D2691E; margin-bottom: 10px; font-size: 1.1em;”>Meer inzicht</h4>
<p style=”font-size: 0.9em; line-height: 1.5; opacity: 0.9; margin: 0;”>In je eigen beweegritme en hoe beweging je energie beïnvloedt</p>
</div>
<div style=”background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid #D2691E;”>
<h4 style=”color: #D2691E; margin-bottom: 10px; font-size: 1.1em;”>Praktische tools</h4>
<p style=”font-size: 0.9em; line-height: 1.5; opacity: 0.9; margin: 0;”>Voor meer beweging, van routines tot het doorbreken van zitsessies</p>
</div>
<div style=”background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid #D2691E;”>
<h4 style=”color: #D2691E; margin-bottom: 10px; font-size: 1.1em;”>Persoonlijk beweegplan</h4>
<p style=”font-size: 0.9em; line-height: 1.5; opacity: 0.9; margin: 0;”>Een helder en concreet plan waarmee je direct aan de slag kunt</p>
</div>
<div style=”background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid #D2691E;”>
<h4 style=”color: #D2691E; margin-bottom: 10px; font-size: 1.1em;”>Wetenschappelijke inzichten</h4>
<p style=”font-size: 0.9em; line-height: 1.5; opacity: 0.9; margin: 0;”>Begrijp waarom beweging essentieel is voor je fysieke en mentale veerkracht</p>
</div>
</div>
</div>

<!– CTA –>
<div style=”background: linear-gradient(135deg, #D2691E 0%, #B8621A 100%); color: white; padding: 40px; text-align: center; border-radius: 10px; margin: 30px 0;”>
<h2 style=”font-size: 2em; margin-bottom: 15px; margin-top: 0;”>Klaar om in beweging te komen?</h2>
<p style=”font-size: 1.1em; margin-bottom: 25px;”>Of je nu marathons loopt of graag wandelt, je gaat gegarandeerd naar huis met inzichten die bij jouw situatie passen!</p>
<a href=”mailto:s.vanharberden@gmail.com” style=”background: white; color: #D2691E; padding: 15px 30px; border: none; border-radius: 30px; font-size: 1.1em; font-weight: bold; text-decoration: none; display: inline-block;”>Boek je workshop nu</a>
</div>

<!– Contact –>
<div style=”background: #f8f6f3; padding: 30px; border-radius: 10px; text-align: center; margin-top: 30px;”>
<h3 style=”color: #000; margin-bottom: 20px; font-size: 1.5em;”>Contact & Vragen</h3>
<div style=”display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;”>
<div style=”color: #666; font-size: 1.1em;”>
<span style=”color: #D2691E; font-weight: bold;”>Telefoon:</span> 06-82288649
</div>
<div style=”color: #666; font-size: 1.1em;”>
<span style=”color: #D2691E; font-weight: bold;”>Email:</span> s.vanharberden@gmail.com
</div>
<div style=”color: #666; font-size: 1.1em;”>
<span style=”color: #D2691E; font-weight: bold;”>LinkedIn:</span> /in/svenvanharberden
</div>
</div>
</div>
</div>

<!– Footer –>
<div style=”background: #000; color: white; padding: 20px; text-align: center; font-size: 0.9em;”>
<p style=”margin: 0;”><span style=”color: #D2691E;”>Sven van Harberden</span> – Sven FM – KVK 77836774</p>
<p style=”margin: 5px 0 0 0;”>Alle prijzen zijn exclusief BTW en inclusief reiskosten</p>
</div>
</div>