37 lines
2.0 KiB
HTML
37 lines
2.0 KiB
HTML
<header class="site-header">
|
|
<div class="container nav-row">
|
|
<a href="index.html" class="logo-mark" aria-label="Amor y Roma — inicio">
|
|
<img class="logo-light" src="./assets/logos/logo-ciruela.svg" alt="Amor y Roma — inicio" style="height:50px; width:auto;">
|
|
<img class="logo-dark" src="./assets/logos/logo-claro.svg" alt="Amor y Roma — inicio" style="height:50px; width:auto;">
|
|
</a>
|
|
<nav class="nav-links" aria-label="Navegación principal">
|
|
<a href="index.html" aria-current="page">Inicio</a>
|
|
<a href="servicios.html">Servicios</a>
|
|
<a href="planes.html">Planes</a>
|
|
<a href="portfolio.html">Portfolio</a>
|
|
<a href="nosotros.html">Nosotros</a>
|
|
<a href="metodo.html">Método</a>
|
|
<a href="contacto.html">Contacto</a>
|
|
</nav>
|
|
<div class="nav-actions">
|
|
<a href="contacto.html" class="btn btn-primary">Hablemos</a>
|
|
<button class="theme-toggle" data-theme-toggle type="button" aria-label="Cambiar tema claro/oscuro">
|
|
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
|
|
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"/></svg>
|
|
</button>
|
|
<button class="nav-toggle" data-nav-toggle type="button" aria-label="Abrir menú" aria-expanded="false">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-menu" data-mobile-menu>
|
|
<a href="index.html">Inicio</a>
|
|
<a href="servicios.html">Servicios</a>
|
|
<a href="planes.html">Planes</a>
|
|
<a href="portfolio.html">Portfolio</a>
|
|
<a href="nosotros.html">Nosotros</a>
|
|
<a href="metodo.html">Método</a>
|
|
<a href="diagnostico.html">Diagnóstico</a>
|
|
<a href="contacto.html">Contacto</a>
|
|
</div>
|
|
</header> |