Content updated

TheMIU · Nov 10, 2023 · dba92f5 · dba92f5
1 parent 7f97651
commit dba92f5
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 27 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -1,18 +1,25 @@
-  .button {
-      border: none;
-      background: #4285f4;
-      color: #fff;
-      text-transform: uppercase;
-      border-radius: 5px;
-      box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
-      cursor: pointer;
-      -webkit-transition: all ease-in-out 300ms;
-      transition: all ease-in-out 300ms;
-  }
+body {
+    background: linear-gradient(to bottom, #87CEEB, #3636f5);
+    background-size: cover;
+    height: 100vh;
+    margin: 0;
+}
 
-  .button:hover {
-      color: #00fde8;
-      box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
-      -webkit-transform: translate(0px, -10px) scale(1.2);
-      transform: translate(0px, -10px) scale(1.2);
-  }
+.button {
+    border: none;
+    background: #4285f4;
+    color: #fff;
+    text-transform: uppercase;
+    border-radius: 5px;
+    box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
+    cursor: pointer;
+    -webkit-transition: all ease-in-out 300ms;
+    transition: all ease-in-out 300ms;
+}
+
+.button:hover {
+    color: #7de6f8;
+    box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
+    -webkit-transform: translate(0px, -10px) scale(1.2);
+    transform: translate(0px, -10px) scale(1.2);
+}
diff --git a/newSiteTest.html b/newSiteTest.html
@@ -24,10 +24,6 @@
     <style>
         body {
             font-family: 'Kanit';
-            background: linear-gradient(to bottom, #87CEEB, #3636f5);
-            background-size: cover;
-            height: 100vh;
-            margin: 0;
         }
     </style>
 </head>
@@ -54,17 +50,19 @@
                         <a style="color: #45b0ff" class="nav-link" href="#" id="NavSEM03"><i
                                 class="fa-solid fa-book mb-2"></i> SEM_03</a>
 
+                        <!-- dropdown menu -->
                         <li class="nav-item dropdown">
-                            <a style="color: rgb(184, 250, 255)" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
-                            aria-expanded="false" id="NavSEM01"><i class="fa-solid fa-circle-info"></i> More</a>
+                            <a style="color: rgb(184, 250, 255)" class="nav-link dropdown-toggle" href="#" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false" id="NavSEM01"><i
+                                    class="fa-solid fa-circle-info"></i> More</a>
 
                             <ul class="dropdown-menu bg-black">
-                                <li><a class="dropdown-item" href="#">Action</a></li>
-                                <li><a class="dropdown-item" href="#">Another action</a></li>
+                                <li><a class="dropdown-item" href="#"><i class="fa-solid fa-circle-question"></i> How To Use</a></li>
+                                <li><a class="dropdown-item" href="#"><i class="fa-solid fa-table-cells-large"></i> Useful resources</a></li>
                                 <li>
                                     <hr class="dropdown-divider">
                                 </li>
-                                <li><a class="dropdown-item" href="#">Something else here</a></li>
+                                <li><a class="dropdown-item" href="#"><i class="fa-solid fa-circle-info"></i> About</a></li>
                             </ul>
                         </li>
                     </div>
@@ -122,7 +120,7 @@
     </main>
 
     <footer class="card-footer fixed-bottom bg-black text-center text-secondary" data-bs-theme="dark">
-        <p class="pt-2">Kasun Miuranga <i class="fa-regular fa-copyright"></i> 2023 <a href="Howtouse.html"> <i class="fa-solid fa-circle-info"></i> more info</a></p>
+        <p class="pt-2" style="font-size: 12px;"> Kasun Miuranga <i class="fa-regular fa-copyright"></i> 2023 </p>
     </footer>
 
     <!-- Bootstrap JS -->