refactored links

Author: ChrisGracias

assets/css/style.css

@@ -196,273 +196,12 @@ section {
 /*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
-/* .header {
-  transition: all 0.5s;
-  z-index: 997;
-  padding: 20px 0;
-  background-color: black;
-}
-
-.header.header-scrolled {
-  background: rgba(31, 30, 30, 0.945);
-  padding: 15px 0;
-  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
-}
-
-.header .logo {
-  line-height: 0;
-}
 
-.header .logo img {
-  max-height: 40px;
-  margin-right: 6px;
-}
-
-.header .logo span {
-  font-size: 30px;
-  font-weight: 700;
-  letter-spacing: 1px;
-  color: #fff;
-  font-family: "Nunito", sans-serif;
-  margin-top: 3px;
-}
-
-.margin {
-  margin: 15px;
-} */
 
 /*--------------------------------------------------------------
 # Navigation Menu
 --------------------------------------------------------------*/
-/**
-* Desktop Navigation 
-*/
-/* .navbar {
-  padding: 0;
-  background:#000;
-}
-
-.navbar ul {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  list-style: none;
-  align-items: center;
-}
-
-.navbar li {
-  position: relative;
-}
-
-.navbar a,
-.navbar a:focus {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 0 10px 30px;
-  font-family: "Nunito", sans-serif;
-  font-size: 16px;
-  font-weight: 700;
-  color: #fff;
-  white-space: nowrap;
-  transition: 0.3s;
-}
-
-.navbar a i,
-.navbar a:focus i {
-  font-size: 12px;
-  line-height: 0;
-  margin-left: 5px;
-}
-
-.navbar a:hover,
-.navbar .active,
-.navbar .active:focus,
-.navbar li:hover > a {
-  color: rgb(215, 99, 17);
-}
-
-.navbar .getstarted {
-  background: rgb(215, 99, 17);
-  padding: 8px 20px;
-  margin-left: 30px;
-  border-radius: 4px;
-  color: #2c3135;
-}
-
-.navbar .getstarted:hover {
-  color: #2c3135;
-  background: darkorchid;
-}
-
-.navbar .dropdown ul {
-  display: block;
-  position: absolute;
-  left: 14px;
-  top: calc(100% + 30px);
-  margin: 0;
-  padding: 10px 0;
-  z-index: 99;
-  opacity: 0;
-  visibility: hidden;
-  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
-  transition: 0.3s;
-  border-radius: 4px;
-}
-
-.navbar .dropdown ul li {
-  min-width: 200px;
-}
-
-.navbar .dropdown ul a {
-  padding: 10px 20px;
-  font-size: 15px;
-  text-transform: none;
-  font-weight: 600;
-}
-
-.navbar .dropdown ul a i {
-  font-size: 12px;
-}
-
-.navbar .dropdown ul a:hover,
-.navbar .dropdown ul .active:hover,
-.navbar .dropdown ul li:hover > a {
-  color: darkorchid;
-}
-
-.navbar .dropdown:hover > ul {
-  opacity: 1;
-  top: 100%;
-  visibility: visible;
-}
-
-.navbar .dropdown .dropdown ul {
-  top: 0;
-  left: calc(100% - 30px);
-  visibility: hidden;
-}
-
-.navbar .dropdown .dropdown:hover > ul {
-  opacity: 1;
-  top: 0;
-  left: 100%;
-  visibility: visible;
-}
 
-@media (max-width: 1366px) {
-  .navbar .dropdown .dropdown ul {
-    left: -90%;
-  }
-  .navbar .dropdown .dropdown:hover > ul {
-    left: -100%;
-  }
-} */
-
-/**
-* Mobile Navigation 
-*/
-/* .mobile-nav-toggle {
-  color: rgb(215, 99, 17);
-  font-size: 28px;
-  cursor: pointer;
-  display: none;
-  line-height: 0;
-  transition: 0.5s;
-}
-
-.mobile-nav-toggle.bi-x {
-  color:  #2c3135;
-}
-
-@media (max-width: 991px) {
-  .mobile-nav-toggle {
-    display: block;
-  }
-  .navbar ul {
-    display: none;
-  }
-}
-
-.navbar-mobile {
-  position: fixed;
-  overflow: hidden;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background: rgba(54, 1, 70, 0.9);
-  transition: 0.3s;
-}
-
-.navbar-mobile .mobile-nav-toggle {
-  position: absolute;
-  top: 15px;
-  right: 15px;
-}
-
-.navbar-mobile ul {
-  display: block;
-  position: absolute;
-  top: 55px;
-  right: 15px;
-  bottom: 15px;
-  left: 15px;
-  padding: 10px 0;
-  border-radius: 10px;
-  background-color: #2c3135;
-  overflow-y: auto;
-  transition: 0.3s;
-}
-
-.navbar-mobile a {
-  padding: 10px 20px;
-  font-size: 15px;
-  color: rgb(255, 255, 255);
-}
-
-.navbar-mobile a:hover,
-.navbar-mobile .active,
-.navbar-mobile li:hover > a {
-}
-
-.navbar-mobile .getstarted {
-  margin: 15px;
-}
-
-.navbar-mobile .dropdown ul {
-  position: static;
-  display: none;
-  margin: 10px 20px;
-  padding: 10px 0;
-  z-index: 99;
-  opacity: 1;
-  visibility: visible;
-  background: #fff;
-  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
-}
-
-.navbar-mobile .dropdown ul li {
-  min-width: 200px;
-}
-
-.navbar-mobile .dropdown ul a {
-  padding: 10px 20px;
-}
-
-.navbar-mobile .dropdown ul a i {
-  font-size: 12px;
-}
-
-.navbar-mobile .dropdown ul a:hover,
-.navbar-mobile .dropdown ul .active:hover,
-.navbar-mobile .dropdown ul li:hover > a {
-  color: #4154f1;
-}
-
-.navbar-mobile .dropdown > .dropdown-active {
-  display: block;
-} */
 
 #header {
   background: rgba(25, 25, 25, 0.95);
@@ -504,6 +243,7 @@ section {
 */
 .navbar {
   padding: 0;
+  font-family: 'Space Mono', monospace;
 }
 
 .navbar ul {
@@ -548,6 +288,7 @@ section {
 .navbar li:hover > a {
   background: #e35e2a;
   color: black;
+ 
 }
 
 .navbar .dropdown ul {
@@ -984,27 +725,6 @@ section {
 # Team
 --------------------------------------------------------------*/
 
-/* .eventss{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  background: #161623; */
-/* min-height: 100vh; */
-
-/* section{
-  position: relative;
-} */
-/* section::before{
-  content:'';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(#f00,#f0f);
-  clip-path: circle(30% at 10% 10%);
-} */
 .team {
   background: url(../img/Firefly-50s-1084px.svg);
 }
@@ -1545,7 +1265,9 @@ section {
   border-bottom-right-radius: 40px;
 }
 .stuc {
-  width: 200px;
+  width: 250px;
+  padding-left: 10px;
+  font-family: 'Space Mono', monospace;
 }
 
 .main {
@@ -1754,7 +1476,7 @@ body,
 
 .down {
   font: 600 1em/1.5 "Neuton";
-  background: #090d00;
+  background: #000000;
   color: rgba(255, 255, 255, 0.25);
   text-align: center;
   margin: 0;

assets/img/coming.jpg

@@ -114,7 +114,7 @@ class CreateParticles {
     this.buttom = false;
 
     this.data = {
-      text: "STUDENTS' \n COUNCIL",
+      text: "STUDENTS'\n COUNCIL \n2022-2023",
       amount: 1500,
       particleSize: 1,
       particleColor: 0xffffff,