update/site-revamp

public/css/style.css

@@ -60,7 +60,7 @@ ul li::before {
     position: absolute;
     top: 10%;
     width: 0;
-    background-color: #00a2ff;
+    background-color: #ec6415;
     z-index: 9999;
     height: 3px;
     transition: 0.8s all;
@@ -76,7 +76,10 @@ ul li a{
     transition: 0.8s all;
 }
 ul li a:hover {
-    color: #00a2ff
+    color: #ec6415
+}
+.requirements {
+    font-size: 23px;
 }
 .logo {
     padding: 0 20px;
@@ -102,15 +105,14 @@ ul li a:hover {
     width: 70%;
 }
 .contact-content {
+    transform: translate(0, -900px);
     position: absolute;
-    top: 240%;
-    left: 65%;
+    right: 1%;
 }
 .require-content {
+    transform: translate(0, -850px);
     position: absolute;
-    left: 10%;
-    bottom: -380%;
-    max-width: 800px;
+    left: 5%;
 }
 .details-box {
     color: white
@@ -143,7 +145,7 @@ ul li a:hover {
     text-transform: capitalize;
 }
 .join-btn:hover {
-    background-color: #f6ba18;
+    background-color: #ec6415;
 }
 .about-container p,
 .creator p {
@@ -220,4 +222,66 @@ ul li a:hover {
 /* Mobile background fix*/
 @media all and (max-width:480px) {
     img {display:block;margin:0 auto;}
-}
+}
+
+.footer-basic {
+    padding:40px 0;
+    background-color:#ffffff;
+    color:#4b4c4d;
+}
+
+.footer-basic ul {
+    padding:0;
+    list-style:none;
+    text-align:center;
+    font-size:18px;
+    line-height:1.6;
+    margin-bottom:0;
+}
+
+.footer-basic li {
+    padding:0 10px;
+}
+
+.footer-basic ul a {
+    color:inherit;
+    text-decoration:none;
+    opacity:0.8;
+}
+
+.footer-basic ul a:hover {
+    opacity:1;
+}
+
+.footer-basic .social {
+    text-align:center;
+    padding-bottom:25px;
+}
+
+.footer-basic .social > a {
+    font-size:24px;
+    width:45px;
+    height:45px;
+    line-height:40px;
+    display:inline-block;
+    text-align:center;
+    border-radius:50%;
+    border:1px solid #ccc;
+    margin:0 8px;
+    color:inherit;
+    opacity:0.75;
+}
+
+.footer-basic .social > a:hover {
+    opacity:0.9;
+}
+
+.footer-basic .copyright {
+    margin-top:15px;
+    text-align:center;
+    font-size:13px;
+    color:#aaa;
+    margin-bottom:0;
+}
+
+/* Credit to https://epicbootstrap.com/snippets/footer-basic */