40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
|
<!-- components/header.html - shared navigation -->
|
||
|
|
<nav id="navbar">
|
||
|
|
<div class="nav-container">
|
||
|
|
<a href="index.html" class="logo">
|
||
|
|
<div class="logo-icon">
|
||
|
|
<img src="assets/images/logo.png" alt="OmégaKube Logo">
|
||
|
|
</div>
|
||
|
|
<div class="logo-text">
|
||
|
|
<span class="logo-full">
|
||
|
|
<span class="omega">OMEGA </span>
|
||
|
|
<span class="kube">KUBE</span>
|
||
|
|
</span>
|
||
|
|
<span class="logo-short">
|
||
|
|
<span class="omega-symbol">Ω</span>
|
||
|
|
<span class="kube-short">Kube</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<div class="nav-right">
|
||
|
|
<ul class="nav-links" id="nav-links">
|
||
|
|
<li><a href="index.html">Accueil</a></li>
|
||
|
|
<li><a href="index.html#apropos">À propos</a></li>
|
||
|
|
<li><a href="pages/services.html">Services</a></li>
|
||
|
|
<li><a href="pages/realisations.html">Réalisations</a></li>
|
||
|
|
<li><a href="index.html#contact">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
<button class="theme-toggle" id="theme-toggle" aria-label="Changer de thème">
|
||
|
|
<i data-feather="moon" class="icon-moon"></i>
|
||
|
|
<i data-feather="sun" class="icon-sun"></i>
|
||
|
|
<div class="theme-toggle-thumb"></div>
|
||
|
|
</button>
|
||
|
|
<div class="mobile-toggle" id="mobile-toggle" tabindex="0" aria-expanded="false">
|
||
|
|
<span></span>
|
||
|
|
<span></span>
|
||
|
|
<span></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|