Update index.html content

Author: YpzarJohn24

index.html

@@ -45,16 +45,16 @@
         <nav class="navbar" data-navbar>
           <ul class="navbar-list">
             <li>
-              <a href="#" class="navbar-link">Home</a>
+              <a href="#home" class="navbar-link">Home</a>
             </li>
             <li>
-              <a href="#" class="navbar-link">About</a>
+              <a href="#about" class="navbar-link">About</a>
             </li>
             <li>
-              <a href="#" class="navbar-link">Services</a>
+              <a href="#services" class="navbar-link">Services</a>
             </li>
             <li>
-              <a href="#" class="navbar-link">Projects</a>
+              <a href="#projects" class="navbar-link">Projects</a>
             </li>
             <li>
               <a href="#" class="navbar-link">Contact</a>
@@ -87,6 +87,7 @@
           class="hero has-bg-image"
           aria-label="home"
           style="background-image: url(./assets/images/hero-bg.jpg)"
+          id="home"
         >
           <div class="container">
             <div class="hero-content">
@@ -127,6 +128,7 @@ <h1 class="h1 section-title">
           class="section service has-bg-image"
           aria-labelledby="service-label"
           style="background-image: url('./assets/images/service-bg.jpg')"
+          id="services"
         >
           <div class="container">
             <p class="section-subtitle :light" id="service-label">
@@ -273,7 +275,7 @@ <h3 class="h3 card-title">Steering Repair</h3>
 
         <!-- #ABOUT -->
 
-        <section class="section about has-before" aria-labelledby="about-label">
+        <section id="about" class="section about has-before" aria-labelledby="about-label">
           <div class="container">
             <figure class="about-banner">
               <img
@@ -333,7 +335,7 @@ <h2 class="h2 section-title">
 
         <!-- #WORK -->
 
-        <section class="section work" aria-labelledby="work-label">
+        <section id="projects" class="section work" aria-labelledby="work-label">
           <div class="container">
             <p class="section-subtitle :light" id="work-label">Our Work</p>
             <h2 class="h2 section-title">Latest projects we have done</h2>