registration form added and contact form updated

ieeelink · Mar 26, 2023 · b956ef3 · b956ef3
1 parent 37069f7
commit b956ef3
Show file tree

Hide file tree

Showing 9 changed files with 297 additions and 258 deletions.
diff --git a/public/javascripts/main.js b/public/javascripts/main.js
@@ -1,6 +1,15 @@
 (function () {
     "use strict";
 
+    // $("#circle").removeClass("rotate");
+    // $("#launcher").removeClass("launch");
+    // $("#loader").addClass("rotate");
+    // $("#launcher").addClass("launch");
+    // $("#body").removeClass("mask");
+    // $("#preloader").remove();
+    // $("#body").css({ "height": "auto", });
+    // $("#launchpad").css({ "display": "block", });
+    // $("#hero_text").css({ "opacity": "1", });
     window.addEventListener('load', () => {
         setTimeout(() => {
             $("#circle").removeClass("rotate");

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -96,7 +96,7 @@ html::-webkit-scrollbar-thumb {
   justify-content: center;
   align-items: center;
   background-color: #0c0c0c;
-  z-index: -1;
+  z-index: -10;
   mask-image: url(#Layer_2);
 }
 #preloader #loader {
@@ -159,6 +159,8 @@ html::-webkit-scrollbar-thumb {
   transition: all 2s;
 }
 #body.mask {
+  display: flex;
+  flex-direction: column;
   clip-path: circle(0% at center);
 }
 
@@ -229,33 +231,6 @@ html::-webkit-scrollbar-thumb {
   color: #FC862B;
 }
 
-@media (max-width: 992px) {
-  #header .logo {
-    font-size: 1.3rem;
-  }
-}
-.get-started-btn {
-  color: #fff;
-  border-radius: 4px;
-  padding: 7px 25px 8px 25px;
-  white-space: nowrap;
-  transition: 0.3s;
-  font-size: 14px;
-  display: inline-block;
-  border: 2px solid #FC862B;
-}
-
-.get-started-btn:hover {
-  background: #ef7e28;
-  color: #020202;
-}
-
-@media (max-width: 992px) {
-  .get-started-btn {
-    padding: 7px 20px 8px 20px;
-    margin-right: 15px;
-  }
-}
 /*--------------------------------------------------------------
   # Navigation Menu
   --------------------------------------------------------------*/
@@ -474,6 +449,33 @@ html::-webkit-scrollbar-thumb {
   display: block;
 }
 
+@media (max-width: 992px) {
+  #header .logo {
+    font-size: 1.3rem;
+  }
+}
+.get-started-btn {
+  color: #fff;
+  border-radius: 4px;
+  padding: 7px 25px 8px 25px;
+  white-space: nowrap;
+  transition: 0.3s;
+  font-size: 14px;
+  display: inline-block;
+  border: 2px solid #FC862B;
+}
+
+.get-started-btn:hover {
+  background: #ef7e28;
+  color: #020202;
+}
+
+@media (max-width: 992px) {
+  .get-started-btn {
+    padding: 7px 20px 8px 20px;
+    margin-right: 15px;
+  }
+}
 /*--------------------------------------------------------------
   # Hero Section
   --------------------------------------------------------------*/
@@ -1423,7 +1425,8 @@ section {
   }
 }
 .inner_main_page {
-  margin-top: 74px;
+  min-height: 80vh;
+  margin-top: 10vh;
 }
 
 /*--------------------------------------------------------------

diff --git a/scss.zip b/scss.zip
diff --git a/scss/partials/_header.scss b/scss/partials/_header.scss
@@ -72,6 +72,229 @@
     }
 }
 
+
+/*--------------------------------------------------------------
+  # Navigation Menu
+  --------------------------------------------------------------*/
+/**
+  * Desktop Navigation 
+  */
+  .navbar {
+    padding: 0;
+}
+
+.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-size: 15px;
+    font-weight: 600;
+    color: $white;
+    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: $color1;
+}
+
+.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;
+    background: $white;
+    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
+    transition: 0.3s;
+}
+
+.navbar .dropdown ul li {
+    min-width: 200px;
+}
+
+.navbar .dropdown ul a {
+    padding: 10px 20px;
+    font-size: 14px;
+    text-transform: none;
+    color: $dark_color_1;
+    font-weight: 400;
+}
+
+.navbar .dropdown ul a i {
+    font-size: 12px;
+}
+
+.navbar .dropdown ul a:hover,
+.navbar .dropdown ul .active:hover,
+.navbar .dropdown ul li:hover>a {
+    background-color: $color1;
+}
+
+.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: $white;
+    font-size: 28px;
+    cursor: pointer;
+    display: none;
+    line-height: 0;
+    transition: 0.5s;
+}
+
+@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(0, 0, 0, 0.9);
+    transition: 0.3s;
+    z-index: 999;
+}
+
+.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;
+    background-color: $white;
+    overflow-y: auto;
+    transition: 0.3s;
+}
+
+.navbar-mobile a,
+.navbar-mobile a:focus {
+    padding: 10px 20px;
+    font-size: 15px;
+    color: $dark_color_1;
+}
+
+.navbar-mobile a:hover,
+.navbar-mobile .active,
+.navbar-mobile li:hover>a {
+    color: $dark_color_1;
+    background-color: $color1;
+}
+
+.navbar-mobile .getstarted,
+.navbar-mobile .getstarted:focus {
+    margin: 15px;
+}
+
+.navbar-mobile .dropdown ul {
+    position: static;
+    display: none;
+    margin: 10px 20px;
+    padding: 10px 0;
+    z-index: 99;
+    opacity: 1;
+    visibility: visible;
+    background: $white;
+    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;
+    color: $dark_color_1;
+}
+
+.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 {
+    background-color: $color1;
+}
+
+.navbar-mobile .dropdown>.dropdown-active {
+    display: block;
+}
+
 @media (max-width: 992px) {
     #header {
         .logo {

diff --git a/scss/partials/_preloader.scss b/scss/partials/_preloader.scss
@@ -56,7 +56,7 @@
     justify-content: center;
     align-items: center;
     background-color: #0c0c0c;
-    z-index: -1;
+    z-index: -10;
     mask-image: url(#Layer_2);;
 
     #loader {
@@ -132,6 +132,8 @@
     transition: all 2s;
 
     &.mask{
+        display: flex;
+        flex-direction: column;
         clip-path: circle(0% at center);
     }
 }