Merge pull request #60 from khairatAA/Event-page

Merge Events Page into Home Page
ALX-SE-Algorithmia · Oct 29, 2023 · d0f4d02 · d0f4d02
2 parents 06502c0 + 7971c67
commit d0f4d02
Show file tree

Hide file tree

Showing 20 changed files with 1,153 additions and 202 deletions.
diff --git a/css/events.css b/css/events.css
diff --git a/css/style.css b/css/style.css
@@ -768,7 +768,7 @@ footer p {
   .nav-list a {
     display: block;
     padding: 10px;
-    margin: 10px 0;
+    margin: 4px 0;
     background-color: #07303e;
     box-shadow: 0 3px 20px rgba(255, 123, 27, 0.8);
   }
@@ -802,7 +802,7 @@ footer p {
   }
 
   /* Dropdown menu */
-  .dropdown {
+  .dropdown-content li {
     display: none;
   }
 
@@ -856,12 +856,10 @@ footer p {
   }
 
   .algorithimia-diff p{
-    font-size: 14pxpx;
+    font-size: 14px;
   }
 
   .mission-vision{
-    /* display: grid;
-    grid-template-columns: repeat(1, 1fr); */
     gap: 20px;
     margin-left: auto;
     width: 92%;
@@ -977,75 +975,10 @@ footer p {
 
 @media (max-width: 580px){
   /* For mobile phones */
-  /* Responsieness menubar */
-  .responsiveness {
-    position: relative;
-    display: contents;
-    margin-right: auto;
-  }
-
-  div #menu-bar {
-    display: flex;
-  }
 
   /* Navbar */
   .nav-container {
-    position: absolute;
-    top: 100%; right: 0; left: 70%;
-    background-color: transparent;
-    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
-  }
-
-  .nav-list a {
-    display: block;
-    padding: 10px;
-    margin: 10px 0;
-    background-color: #07303e;
-    box-shadow: 0 3px 20px rgba(255, 123, 27, 0.8);
-  }
-
-  .nav-container button {
-    background-color: white;
-    color: #ff7b1b;
-  }
-
-  .nav-container button a {
-    color: #ff7b1b;
-  }
-  .nav-container button:hover {
-    color: white;
-    background-color: #ff7b1b;
-    cursor: auto;
-  }
-
-  .nav-container button a:hover {
-    color: white;
-    background-color: #ff7b1b;
-  }
-
-  .nav-container span {
-    border-bottom: none;
-    padding-bottom: 0;
-  }
-
-  .nav-list :hover, #home:hover {
-    border-bottom: 2px solid #ff7b1b;
-  }
-
-  /* Dropdown menu */
-  .dropdown {
-    display: none;
-  }
-
-  /* Header */
-  header {
-    font-size: 20px;
-    padding: 20px;
-    background-color: #07303e;
-  }
-
-  header .nav-container.active{
-    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+    top: 100%; right: 0; left: 60%;
   }
 
   /* Scroll up arrow */
@@ -1107,10 +1040,6 @@ footer p {
   }
 
   /* Algorithimian difference */
-  .algorithimia-diff h1{
-    font-size: 38px;
-    margin-bottom: 30px;
-  }
 
   .algorithimia-diff p{
     font-size: 16px;
@@ -1122,12 +1051,7 @@ footer p {
     margin-left: auto;
     width: 92%;
   }
-
-  .card {
-    height: 480px;
-    width: 87%;
-  }
-
+
   .card h2 {
     font-size: 2.1em;
   }
@@ -1159,96 +1083,7 @@ footer p {
   .goals-section .head {
     margin-bottom: 50px;
   }
-
-  /* Contact */
-  .contact-section {
-    width: 80%;
-    margin: 20px auto;
-    padding: 10px;
-    margin-top: 100px;
-  }
-
-  .contact-section h1 {
-    font-size: 35px;
-  }
-
-  .contact-section p{
-    font-size: 18px;
-  }
-
-  .name, .contact {
-    flex-direction: row;
-    /* gap: 5px; */
-    justify-content: center;
-  }
 
-  input{
-    width: 70%;
-  }
-
-  textarea{
-    width: 85%;
-  }
-
-  /* Subcribe */
-  .subscribe-container {
-    width: 90%;
-    margin: 80px auto;
-  }
-
-  .subscribe-container h2 {
-    font-size: 18px;
-  }
-
-  .subscribe-container h1 {
-    font-size: 26px;
-  }
-
-  .subscribe-container button {
-    padding: 10px 18px;
-    font-size: 1.5em;
-  }
-
-  /* footer section css */
-  .top {
-    align-items: flex-start;
-    display: block;
-  }
-
-  .left, .right {
-    width: 100%;
-    text-align: start;
-    padding: 20px;
-  }
-
-  .right .links {
-    display: flex;
-    gap: 100px;
-    padding: 0;
-    font-size: 1rem;
-    color: #8dacc9;
-  }
-
-  footer p {
-    font-size: 1rem;
-    width: 70%;
-  }
-
-  .links li {
-    padding: 0;
-  }
-
-  .under {
-   flex-direction: column;
-  }
-
-  .footer_product {
-    display: none;
-  }
-
-  .copyright {
-    font-size: 16px;
-  }
 }
 
 /* ===================================== */