additional modifications

YeonSphere · Jul 28, 2024 · 79f47db · 79f47db
1 parent 6b29721
commit 79f47db
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/about.html b/about.html
@@ -15,7 +15,7 @@
             <img src="images/yeonsphere-logo.png" alt="YeonSphere Logo">
         </div>
         <nav>
-            <ul>
+            <ul class="nav-links">
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="contact.html">Contact</a></li>

diff --git a/contact.html b/contact.html
@@ -15,7 +15,7 @@
             <img src="images/yeonsphere-logo.png" alt="YeonSphere Logo">
         </div>
         <nav>
-            <ul>
+            <ul class="nav-links">
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="contact.html">Contact</a></li>

diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
             <img src="images/yeonsphere-logo.png" alt="YeonSphere Logo">
         </div>
         <nav>
-            <ul>
+            <ul class="nav-links">
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="contact.html">Contact</a></li>

diff --git a/styles.css b/styles.css
@@ -4,7 +4,7 @@ body {
     color: #333;
     margin: 0;
     padding: 0;
-    background-image: url('images/logo.png');
+    background-image: url('images/yeonsphere-logo.png');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
@@ -114,4 +114,12 @@ footer {
     .hamburger-menu {
         display: flex;
     }
-}
+    .nav-links.show {
+        display: flex;
+        flex-direction: column;
+        position: absolute;
+        top: 60px;
+        right: 0;
+        background-color: rgba(138, 43, 226, 0.9);
+        width: 100%;
+        text