diff --git a/index.html b/index.html
index c033fd2..68ab6db 100644
--- a/index.html
+++ b/index.html
@@ -8,40 +8,50 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
         integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous" />
     <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
+    <title>Medical Website</title>
+    <style>
+        html {
+            scroll-behavior: smooth;
+        }
+
+        .navbar-nav .nav-link.active {
+            font-weight: bold;
+            color: #0d6efd !important;
+        }
+    </style>
 </head>
 
 <body>
-    <header class="min-vh-100">
+    <header id="home" class="min-vh-100">
         <nav class="navbar navbar-expand-lg fixed-top bg-white bg-opacity-75">
             <div class="container">
+                <a class="navbar-brand" href="#home">
+                    <img class="mainLogo" src="img/Medical.png" alt="Medical logo" />
+                </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                     data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false"
                     aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
-                    <a class="navbar-brand" href="#">
-                        <img class="mainLogo" src="img/Medical.png" alt="Medical logo" />
-                    </a>
-                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                         <li class="nav-item">
-                            <a class="nav-link" aria-current="page" href="#">Home</a>
+                            <a class="nav-link active" aria-current="page" href="#home">Home</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">About us</a>
+                            <a class="nav-link" href="#about">About Us</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Services</a>
+                            <a class="nav-link" href="#services">Services</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Porfolio</a>
+                            <a class="nav-link" href="#portfolio">Portfolio</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Blog</a>
+                            <a class="nav-link" href="#blog">Blog</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Contact</a>
+                            <a class="nav-link" href="#contact">Contact</a>
                         </li>
                     </ul>
                 </div>
@@ -66,7 +76,8 @@ <h5 class="card-subtitle mb-2">in the world of modern medicine!</h5>
     </header>
 
     <main>
-        <div class="py-5">
+        <!-- About Us Section -->
+        <section id="about" class="py-5">
             <div class="container">
                 <div class="row align-items-center">
                     <div class="col-md-6 ">
@@ -76,9 +87,9 @@ <h6 class="card-title text-mavi text-uppercase">Welcome to clinic</h6>
                                 <h2 class="card-subtitle mb-2">Why you should choose us?</h2>
                                 <p class="card-text my-4">Transforming healthcare accessibility. Instantly book
                                     appointments, receive virtual consultations, and explore personalized treatment
-                                    options with our innovative online platform..</p>
+                                    options with our innovative online platform.</p>
                                 <button class="btn btn-info bg-mavi text-white border-0 rounded-0 text-uppercase"
-                                    type="submit">Get started now</button>
+                                    type="button">Get started now</button>
                             </div>
                         </div>
                     </div>
@@ -87,8 +98,10 @@ <h2 class="card-subtitle mb-2">Why you should choose us?</h2>
                     </div>
                 </div>
             </div>
-        </div>
-        <div class="bg-mavi">
+        </section>
+
+        <!-- Services Section -->
+        <section id="services" class="bg-mavi">
             <div class="container-fluid">
                 <div class="row">
                     <div class="col-md-6 vh-50 d-flex align-items-center order-md-1">
@@ -96,7 +109,7 @@ <h2 class="card-subtitle mb-2">Why you should choose us?</h2>
                             <div class="card-body">
                                 <h6 class="card-title text-uppercase">Features</h6>
                                 <h2 class="card-subtitle mb-2">Professional surgeons</h2>
-                                <p class="card-text my - 4">Your health, our priority. Streamline your medical journey
+                                <p class="card-text my-4">Your health, our priority. Streamline your medical journey
                                     with seamless specialist referrals, real-time telemedicine, and comprehensive health
                                     resources at your fingertips.</p>
                             </div>
@@ -108,7 +121,7 @@ <h2 class="card-subtitle mb-2">Professional surgeons</h2>
                         <div class="card bg-transparent border-0 text-white text-center mx-md-5 px-md-5 ">
                             <div class="card-body">
                                 <h6 class="card-title text-uppercase">Features</h6>
-                                <h2 class="card-subtitle mb-2">Emergency care fore children</h2>
+                                <h2 class="card-subtitle mb-2">Emergency care for children</h2>
                                 <p class="card-text my-4">Empowering you with personalized care. Experience a new era of
                                     healthcare convenience with our intuitive platform offering virtual visits, tailored
                                     treatment plans, and expert guidance.</p>
@@ -119,105 +132,101 @@ <h2 class="card-subtitle mb-2">Emergency care fore children</h2>
                         style="background: url('img/features2.jpg') center/cover"></div>
                 </div>
             </div>
-        </div>
+        </section>
 
-        <div class="py-5">
+        <!-- Portfolio Section -->
+        <section id="portfolio" class="py-5 bg-light">
             <div class="container">
                 <div class="row ">
                     <div class="col-md-4 justify-content-center flex-column">
                         <div class="card my-5 border-0 align-items-center">
-                            <img src="img/ic1.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic1.jpg" class="card-img-top serviceimgs" alt="Service 1">
                             <div class="card-body text-center">
-                                <h5 class="card-title">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title">Card title 1</h5>
+                                <p class="card-text">Description for service 1.</p>
                             </div>
                         </div>
 
                         <div class="card border-0 align-items-center">
-                            <img src="img/ic2.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic2.jpg" class="card-img-top serviceimgs" alt="Service 2">
                             <div class="card-body text-center">
-                                <h5 class="card-title">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title">Card title 2</h5>
+                                <p class="card-text">Description for service 2.</p>
                             </div>
                         </div>
                     </div>
 
                     <div class="col-md-4 ">
                         <div class="card my-5 border-0 align-items-center">
-                            <img src="img/ic3.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic3.jpg" class="card-img-top serviceimgs" alt="Service 3">
                             <div class="card-body text-center">
-                                <h5 class="card-title ">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title ">Card title 3</h5>
+                                <p class="card-text">Description for service 3.</p>
                             </div>
                         </div>
 
                         <div class="card border-0 align-items-center">
-                            <img src="img/ic4.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic4.jpg" class="card-img-top serviceimgs" alt="Service 4">
                             <div class="card-body text-center">
-                                <h5 class="card-title">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title">Card title 4</h5>
+                                <p class="card-text">Description for service 4.</p>
                             </div>
                         </div>
                     </div>
 
                     <div class="col-md-4">
                         <div class="card my-5 border-0 align-items-center">
-                            <img src="img/ic5.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic5.jpg" class="card-img-top serviceimgs" alt="Service 5">
                             <div class="card-body text-center">
-                                <h5 class="card-title">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title">Card title 5</h5>
+                                <p class="card-text">Description for service 5.</p>
                             </div>
                         </div>
 
                         <div class="card border-0 align-items-center">
-                            <img src="img/ic6.jpg" class="card-img-top serviceimgs" alt="...">
+                            <img src="img/ic6.jpg" class="card-img-top serviceimgs" alt="Service 6">
                             <div class="card-body text-center">
-                                <h5 class="card-title">Card title</h5>
-                                <p class="card-text">Some quick example text to build on the card title and make up the
-                                    bulk of the card's content.</p>
+                                <h5 class="card-title">Card title 6</h5>
+                                <p class="card-text">Description for service 6.</p>
                             </div>
                         </div>
                     </div>
-
                 </div>
             </div>
-        </div>
+        </section>
 
-        <div class="bg-boz py-3">
+        <!-- Blog Section -->
+        <section id="blog" class="bg-boz py-3">
             <div class="container">
                 <div class="row">
                     <div class="col-md-4">
-                        <img src="img/portfolio-6.jpg" class="card-img my-5" alt="...">
-                        <img src="img/portfolio-2.jpg" class="card-img " alt="...">
+                        <img src="img/portfolio-6.jpg" class="card-img my-5" alt="Portfolio 6">
+                        <img src="img/portfolio-2.jpg" class="card-img " alt="Portfolio 2">
                     </div>
                     <div class="col-md-4">
-                        <img src="img/portfolio-3.jpg" class="card-img my-5" alt="...">
-                        <img src="img/portfolio-4.jpg" class="card-img" alt="...">
+                        <img src="img/portfolio-3.jpg" class="card-img my-5" alt="Portfolio 3">
+                        <img src="img/portfolio-4.jpg" class="card-img" alt="Portfolio 4">
                     </div>
                     <div class="col-md-4">
-                        <img src="img/portfolio-5.jpg" class="card-img my-5" alt="...">
-                        <img src="img/portfolio-1.jpg" class="card-img mb-5" alt="...">
+                        <img src="img/portfolio-5.jpg" class="card-img my-5" alt="Portfolio 5">
+                        <img src="img/portfolio-1.jpg" class="card-img mb-5" alt="Portfolio 1">
                     </div>
                 </div>
             </div>
-        </div>
-        <div class="bg-mavi py-5">
+        </section>
+
+        <!-- Testimonials Section -->
+        <section id="testimonials" class="bg-mavi py-5">
             <div class="container">
                 <div class="col d-flex flex-column">
                     <div class="d-flex justify-content-center mb-5">
                         <div class="card-body text-center text-white w-50 d-flex flex-column">
-                            <h1 class="card-title">''</h1>
+                            <h1 class="card-title">What Our Patients Say</h1>
                             <p class="card-text">Welcome to a world of personalized healthcare. Schedule appointments,
                                 consult with specialists, and access medical resources conveniently online.</p>
                         </div>
                     </div>
 
-
                     <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
                         <div class="carousel-indicators">
                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
@@ -235,31 +244,31 @@ <h1 class="card-title">''</h1>
                             <div class="carousel-item active">
                                 <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
                                     <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
+                                    <p>CEO, Tengkurep</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
                                 <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
+                                    <h6>John Doe</h6>
+                                    <p>Chief Surgeon, HealthCare Inc.</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
                                 <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
+                                    <h6>Emily Smith</h6>
+                                    <p>Head of Pediatrics, CarePlus</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
                                 <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
+                                    <h6>Michael Brown</h6>
+                                    <p>Director of Operations, MedLife</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
                                 <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
+                                    <h6>Sarah Johnson</h6>
+                                    <p>Lead Nurse, WellCare</p>
                                 </div>
                             </div>
                         </div>
@@ -276,51 +285,55 @@ <h6>Jane Galadriel</h6>
                     </div>
                 </div>
             </div>
-        </div>
+        </section>
 
-        <div class="py-5">
+        <!-- Contact Section -->
+        <section id="contact" class="py-5">
             <div class="container">
                 <div class="row justify-content-center">
-                    <div class="col-md-4">
-                        <div class="mb-3">
-                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Name">
-                        </div>
-                        <div class="mb-3">
-                            <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="E-mail">
-                        </div>
-                        <div class="mb-3">
-                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Subject">
-                        </div>
-                        <div class="mb-3">
-                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
-                                placeholder="Your Message"></textarea>
-                        </div>
-                        <div class="col d-flex justify-content-center">
-                            <button type="button" class="btn btn-outline-primary">Contact</button>
-                        </div>
+                    <div class="col-md-6">
+                        <h2 class="mb-4">Contact Us</h2>
+                        <form>
+                            <div class="mb-3">
+                                <input type="text" class="form-control" id="name" placeholder="Name" required>
+                            </div>
+                            <div class="mb-3">
+                                <input type="email" class="form-control" id="email" placeholder="E-mail" required>
+                            </div>
+                            <div class="mb-3">
+                                <input type="text" class="form-control" id="subject" placeholder="Subject" required>
+                            </div>
+                            <div class="mb-3">
+                                <textarea class="form-control" id="message" rows="4" placeholder="Your Message" required></textarea>
+                            </div>
+                            <div class="d-flex justify-content-center">
+                                <button type="submit" class="btn btn-outline-primary">Contact</button>
+                            </div>
+                        </form>
                     </div>
                 </div>
             </div>
-        </div>
+        </section>
     </main>
 
+    <!-- Footer Section -->
     <footer class="bg-goy">
         <div class="container">
-            <div class="row  py-4 jus d-flex justify-content-center">
+            <div class="row py-4 d-flex justify-content-center">
                 <div class="col-md-5 text-white ">
                     <h5>Medical</h5>
                     <p>Putting your health first. Connect with top-tier healthcare providers, receive personalized
-                        treatment recommendations, and manage your health journey effortlessly</p>
+                        treatment recommendations, and manage your health journey effortlessly.</p>
                 </div>
                 <div class="col-md-4 text-white ">
                     <h5>New York</h5>
-                    <p>709 Honey Creek Dr. <br> Delhi <br> NY 10028</p>
-                    <p>1-888-299-2000 <br> medical.in </p>
+                    <p>709 Honey Creek Dr.<br> Delhi, NY 10028</p>
+                    <p>1-888-299-2000<br> medical.in</p>
                 </div>
                 <div class="col-md-3 text-white">
                     <h5>Aligarh</h5>
-                    <p>4851 Willow Greene Drive <br> Montgomery <br> AL 36109</p>
-                    <p>1-888-299-2000 <br> med </p>
+                    <p>4851 Willow Greene Drive<br> Montgomery, AL 36109</p>
+                    <p>1-888-299-2000<br> med</p>
                 </div>
             </div>
         </div>
@@ -331,4 +344,4 @@ <h5>Aligarh</h5>
         crossorigin="anonymous"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
