finaliza proyecto

index.html

@@ -45,16 +45,16 @@
         <div class="navigation__border">
             <div class="wrapper" >
                 <nav class="navigation__content">
-                    <a href="" class="navigation__link">Inicio</a>
-                    <a href="#" class="navigation__link">Nosotros</a>
-                    <a href="#" class="navigation__link">Sevicios</a>
-                    <a href="#" class="navigation__link">Productos</a>
-                    <a href="#" class="navigation__link">Contacto</a>
+                    <a href="./index.html" class="navigation__link">Inicio</a>
+                    <a href="#nosotros" class="navigation__link">Nosotros</a>
+                    <a href="#servicios" class="navigation__link">Sevicios</a>
+                    <a href="#productos" class="navigation__link">Productos</a>
+                    <a href="#contacto" class="navigation__link">Contacto</a>
                 </nav> <!-- navigation -->
             </div> <!-- wrapper -->
         </div> <!-- border -->
     </div> <!-- navigation -->
-    <section class="slider" aria-label="slider">
+    <section class="slider" aria-label="slider" id="inicio">
         <div class="wrapper">
             <ul class="slider__content">
                 <li class="slider__slide">
@@ -75,7 +75,7 @@ <h1 class="welcome__title">bienvenida(o) a nuestro <span>SITIO WEB</span></h1>
             </div> <!-- content -->
         </div> <!-- wrapper -->
     </section> <!-- welcome -->
-    <section class="cards" aria-label="mas información">
+    <section class="cards" aria-label="mas información" id="servicios">
         <div class="wrapper">
             <div class="cards__content">
                 <div class="card">
@@ -170,7 +170,7 @@ <h3 class="horario__title" id="horario">Horarios</h3>
             </div> <!-- content -->
         </div> <!-- wrapper -->
     </section> <!-- horario -->
-    <main class="productos section" aria-label="productoss">
+    <main class="productos section" aria-label="productoss" id="productos">
         <div class="wrapper">
             <div class="productos__content">
                 <h2 class="productos__title">nuestros <span>productos</span></h2>
@@ -243,7 +243,7 @@ <h2 class="date__title">REALIZA UNA CITA</h2>
     <footer class="footer">
         <div class="wrapper">
             <div class="footer__grid">
-                <div class="footer__widget">
+                <div class="footer__widget" id="nosotros">
                     <h3 class="footer__title">Nosotros</h3>
                     <p class="footer__text">Productos de spa premium para tu tranquilidad en casa. Jabones de lavanda, palos de incienso de sándalo y más. Encuentra tu paz aquí</p>
                 </div>
@@ -253,7 +253,7 @@ <h3 class="footer__title">Horario</h3>
                     <p class="footer__texto">Sábado: 9AM - 2PM</p>
                     <p class="footer__texto">Domingo: Cerrado</p>
                 </div>
-                <div class="footer__widget">
+                <div class="footer__widget" id="contacto">
                     <h3 class="footer__title">Contacto</h3>
                     <p class="footer__text">Av. Revolución 1818</p>
                     <nav class="sociales" aria-label="Redes sociales">

src/scss/base/_globales.scss

@@ -2,6 +2,7 @@
 
 html {
     font-size: 16px;
+    scroll-behavior: smooth;
 }
 
 body {