27 lines
1.2 KiB
Plaintext
27 lines
1.2 KiB
Plaintext
<section class="hero">
|
|
<div class="network-bg">
|
|
<div class="node" style="top: 20%; left: 10%;"></div>
|
|
<div class="node" style="top: 50%; left: 80%; animation-delay: 1s;"></div>
|
|
<div class="node" style="top: 70%; left: 30%; animation-delay: 2s;"></div>
|
|
<div class="node" style="top: 30%; left: 60%; animation-delay: 0.5s;"></div>
|
|
<div class="node" style="top: 80%; left: 70%; animation-delay: 1.5s;"></div>
|
|
</div>
|
|
<div class="hero-content">
|
|
<h1>ORGANISATION KA</h1>
|
|
<h2 class="hero-subtitle">INTERNATIONALE</h2>
|
|
<p style="font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--or-oki); font-weight: 600;">
|
|
{{ site.tagline }}
|
|
</p>
|
|
<div class="hero-tags">
|
|
<span class="tag">✊ Applications web pour vos associations</span>
|
|
<span class="tag">💸 Tarifs préférentiels pour les organisations militantes</span>
|
|
<span class="tag">🔓 Indépendant des GAFAM</span>
|
|
</div>
|
|
<p>{{ site.description }}</p>
|
|
<div class="cta-buttons">
|
|
<a href="#solutions" class="btn btn-primary">Nos Solutions</a>
|
|
<a href="#mission" class="btn btn-secondary">Notre Mission</a>
|
|
</div>
|
|
</div>
|
|
</section>
|