Arne Moerman
294c197d62
Refactored Home.razor to use modular Blazor components for each site section (navigation, hero, values, impact, process, expertise, testimonials, team, footer). Added corresponding CSS files for each component. Implemented responsive navigation with hamburger menu and interactive logic. Updated process section with animated connectors and Bootstrap Icons. Switched to inline SVGs for values and impact icons. Cleaned up app.css and updated background color. Added new image for impact section. Improved maintainability and responsive design.
44 lines
2.3 KiB
Plaintext
44 lines
2.3 KiB
Plaintext
<section class="frc-values" id="aanpak">
|
|
<article>
|
|
<div class="frc-value-icon">
|
|
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<!-- Outer circle ticks (straddle r=10) -->
|
|
<line x1="12" y1="0.5" x2="12" y2="3.5"></line>
|
|
<line x1="12" y1="20.5" x2="12" y2="23.5"></line>
|
|
<line x1="0.5" y1="12" x2="3.5" y2="12"></line>
|
|
<line x1="20.5" y1="12" x2="23.5" y2="12"></line>
|
|
<!-- Inner circle ticks (straddle r=3) -->
|
|
<line x1="12" y1="7.5" x2="12" y2="10.5"></line>
|
|
<line x1="12" y1="13.5" x2="12" y2="16.5"></line>
|
|
<line x1="7.5" y1="12" x2="10.5" y2="12"></line>
|
|
<line x1="13.5" y1="12" x2="16.5" y2="12"></line>
|
|
</svg>
|
|
</div>
|
|
<h3>Clarity<span>in numbers</span></h3>
|
|
<p>Heldere financiële inzichten die complexiteit omzetten in richting en focus.</p>
|
|
</article>
|
|
<article>
|
|
<div class="frc-value-icon">
|
|
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
</svg>
|
|
</div>
|
|
<h3>Visibility<span>in cash</span></h3>
|
|
<p>Volledig zicht op cashflow en financiële gezondheid, vandaag en morgen.</p>
|
|
</article>
|
|
<article>
|
|
<div class="frc-value-icon">
|
|
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<line x1="6" y1="12" x2="18" y2="12"></line>
|
|
<polyline points="13 7 18 12 13 17"></polyline>
|
|
</svg>
|
|
</div>
|
|
<h3>Confidence<span>in decisions</span></h3>
|
|
<p>Onderbouwde beslissingen met vertrouwen, gedreven door feiten.</p>
|
|
</article>
|
|
</section>
|