Update navigation links in About and Services pages; enhance Services…

… page layout and styles
Gerbil1511 · Dec 7, 2024 · f84d7aa · f84d7aa
1 parent 62179d8
commit f84d7aa
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/about.html b/about.html
@@ -31,7 +31,7 @@
                         <a class="nav-link active" aria-current="page" href="about.html">About</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="index.html#services">Services</a>
+                        <a class="nav-link" href="services.html">Services</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="contact.html">Contact</a>

diff --git a/services.html b/services.html
@@ -5,11 +5,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
-        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="assets/css/style.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Handlee&display=swap" rel="stylesheet">
-    <link href="assets/css/styles.css" rel="stylesheet">
-    <title>Seven Seas Spa</title>
+    <title>Services - Seven Seas Spa</title>
 </head>
 
 <body>
@@ -33,7 +32,7 @@
                         <a class="nav-link" href="about.html">About</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-linkactive" aria-current="page"  href="services.html">Services</a>
+                        <a class="nav-link active" aria-current="page"  href="services.html">Services</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="contact.html">Contact</a>
@@ -46,12 +45,13 @@
 
 
     <!-- Hero Section -->
-    <header class="hero text-center" id="mainContent">
-        <div class="container">
-            <h1 class="display-4">Our Services</h1>
-            <p class="lead">Explore what we have to offer</p>
+    <section class="hero position-relative text-center d-flex align-items-center">
+        <div class="container position-relative">
+            <h1 class="display-4 text-white handlee-font">Our Services</h1>
+            <p class="lead text-white">Explore what we have to offer</p>
         </div>
-    </header>
+    </section>
+
 
     <!-- Main Section -->
     <main class="container my-5">
@@ -153,6 +153,7 @@ <h2 class="display-5">Wellness Programs</h2>
                     <a href="contact.html" class="btn btn-dark mt-3">Join Our Wellness Program</a>
                 </div>
             </section>
+
         </div>
     </main>