css change nav btn

natsitarz · Jul 24, 2023 · d1e17a3 · d1e17a3
1 parent af38df7
commit d1e17a3
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 19 deletions.
diff --git a/css/style.css b/css/style.css
@@ -33,7 +33,7 @@
     font-family: "Lucida Console", "Courier New", monospace;
 }
 
-.p4 {
+.nav-btn {
     font-size: 20px;
     margin-right: 10px;
     font-family: garamond, serif;

diff --git a/index.html b/index.html
@@ -19,9 +19,9 @@
             <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                 <img class="logo d-inline-block align-top" width="50" height="50" src="./img/logo.png">
                 <a class="brand-name">Mercedes-Benz</a>
-                <a href="./index.html" class="p4">Home</a>
-                <a href="./pages/cars.html" class="p4">Cars</a>
-                <a href="./pages/about.html" class="p4">About Us</a>
+                <a href="./index.html" class="nav-btn">Home</a>
+                <a href="./pages/cars.html" class="nav-btn">Cars</a>
+                <a href="./pages/about.html" class="nav-btn">About Us</a>
             </nav>
         </header>
         <video autoplay muted loop playsinline id="myVideo">

diff --git a/pages/about.html b/pages/about.html
@@ -25,9 +25,9 @@
                 <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                     <img class="logo d-inline-block align-top" width="50" height="50" src="../img/logo.png">
                     <a class="brand-name">Mercedes-Benz</a>
-                    <a href="../index.html" class="p4">Home</a>
-                    <a href="../pages/cars.html" class="p4">Cars</a>
-                    <a href="../pages/about.html" class="p4">About Us</a>
+                    <a href="../index.html" class="nav-btn">Home</a>
+                    <a href="../pages/cars.html" class="nav-btn">Cars</a>
+                    <a href="../pages/about.html" class="nav-btn">About Us</a>
                 </nav>
             </header>
         </div>

diff --git a/pages/cars.html b/pages/cars.html
@@ -19,9 +19,9 @@
             <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                 <img class="logo d-inline-block align-top" width="50" height="50" src="../img/logo.png">
                 <a class="brand-name">Mercedes-Benz</a>
-                <a href="../index.html" class="p4">Home</a>
-                <a href="../pages/cars.html" class="p4">Cars</a>
-                <a href="../pages/about.html" class="p4">About Us</a>
+                <a href="../index.html" class="nav-btn">Home</a>
+                <a href="../pages/cars.html" class="nav-btn">Cars</a>
+                <a href="../pages/about.html" class="nav-btn">About Us</a>
             </nav>
         </header>
         <video autoplay muted loop playsinline id="myVideo">

diff --git a/pages/eclass.html b/pages/eclass.html
@@ -19,9 +19,9 @@
             <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                 <img class="logo d-inline-block align-top" width="50" height="50" src="../img/logo.png">
                 <a class="brand-name">Mercedes-Benz</a>
-                <a href="../index.html" class="p4">Home</a>
-                <a href="../pages/cars.html" class="p4">Cars</a>
-                <a href="../pages/about.html" class="p4">About Us</a>
+                <a href="../index.html" class="nav-btn">Home</a>
+                <a href="../pages/cars.html" class="nav-btn">Cars</a>
+                <a href="../pages/about.html" class="nav-btn">About Us</a>
             </nav>
         </header>
         <div>

diff --git a/pages/gclass.html b/pages/gclass.html
@@ -28,9 +28,9 @@
                     <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                         <img class="logo d-inline-block align-top" width="50" height="50" src="../img/logo.png">
                         <a class="brand-name">Mercedes-Benz</a>
-                        <a href="../index.html" class="p4">Home</a>
-                        <a href="../pages/cars.html" class="p4">Cars</a>
-                        <a href="../pages/about.html" class="p4">About Us</a>
+                        <a href="../index.html" class="nav-btn">Home</a>
+                        <a href="../pages/cars.html" class="nav-btn">Cars</a>
+                        <a href="../pages/about.html" class="nav-btn">About Us</a>
                     </nav>
                 </header>
             </div>

diff --git a/pages/maybach.html b/pages/maybach.html
@@ -26,9 +26,9 @@
                     <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                         <img class="logo d-inline-block align-top" width="50" height="50" src="../img/logo.png">
                         <a class="brand-name">Mercedes-Benz</a>
-                        <a href="../index.html" class="p4">Home</a>
-                        <a href="../pages/cars.html" class="p4">Cars</a>
-                        <a href="../pages/about.html" class="p4">About Us</a>
+                        <a href="../index.html" class="nav-btn">Home</a>
+                        <a href="../pages/cars.html" class="nav-btn">Cars</a>
+                        <a href="../pages/about.html" class="nav-btn">About Us</a>
                     </nav>
                 </header>
             </div>