Proposed Changes Updated (#13)

* FAQ fixed

* Floating Media Icons

* Footer Fixed

* Footer images high quality

* Minor Fixes (Footer)

* FIXED

* FAB updated

* Grid fixed and UI changes

Signed-off-by: ritiksp2411 <ritik.rjt@gmail.com>

* Typo

* Onhover media button expans

* Removed expansion open by default

* Button fixed plus social media telegram

* Previous Website

* Previus website

* fix

* FIx

* Fix

Co-authored-by: ritiksp2411 <ritik.rjt@gmail.com>

Author: sgoyal2402

css/styles.css

@@ -57,6 +57,11 @@ body {
   font-weight: 700;
   color: #000;
 }
+.content a {
+  font-size: 24px;
+  font-weight: 700;
+  color: #000;
+}
 
 @media only screen and (max-width: 850px) {
   .content {
@@ -67,9 +72,16 @@ body {
     font-size: 40px;
   }
 
+  .apply-btn {
+    font-size: 12px;
+  }
+
   .content p {
     font-size: 20px;
   }
+  .content a {
+    font-size: 20px;
+  }
 }
 
 @media only screen and (max-width: 520px) {
@@ -83,17 +95,29 @@ body {
     font-size: 24px;
   }
 
+  .apply-btn {
+    font-size: 10px;
+  }
+
+  .btn {
+    width: 200px;
+  }
+
   .content p {
     font-size: 14px;
     margin-bottom: 30px;
     margin-top: 30px;
   }
 
+  .content a {
+    font-size: 14px;
+  }
+
   .content h3 {
     font-size: 20px;
   }
   .content .btn {
-    margin: 10% 30%;
+    margin: 10% 20%;
   }
 }
 
@@ -246,6 +270,10 @@ body {
     margin-left: -15px;
     margin-right: -15px;
   }
+
+  .apply-btn {
+    font-size: 11px;
+  }
 }
 
 .section-padding-80 {
@@ -316,10 +344,10 @@ body {
   }
 }
 
-.main-footer-area {
+/* .main-footer-area {
   position: relative;
   z-index: 1;
-}
+} */
 
 .main-footer-area .single-footer-widget .widget-title {
   font-size: 20px;
@@ -329,7 +357,7 @@ body {
 
 .main-footer-area .single-footer-widget p {
   color: #9293bc;
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .main-footer-area .single-footer-widget p i {
@@ -338,29 +366,25 @@ body {
 
 .main-footer-area .single-footer-widget .footer-logo {
   display: block;
-  margin-bottom: 20px;
+  margin-bottom: 10px;
 }
 
 .main-footer-area .single-footer-widget .social-info a {
-  height: 34px;
-  width: 34px;
-  border: 1px solid #3d3e66;
-  border-radius: 50%;
-  display: inline-block;
   text-align: center;
+  margin-right: 12px;
+  margin-top: 12px;
   line-height: 32px;
-  color: #ffffff;
-  font-size: 15px;
-  margin-right: 8px;
-  -webkit-transition-duration: 500ms;
-  -o-transition-duration: 500ms;
-  transition-duration: 500ms;
+  opacity: 0.8;
+  color: rgb(238, 181, 181);
 }
 
-.main-footer-area .single-footer-widget .social-info a:hover,
-.main-footer-area .single-footer-widget .social-info a:focus {
-  background-color: #5d5e8d;
-  border-color: #5d5e8d;
+.social-info:last-child {
+  margin-right: 0;
+}
+
+.social-info i:hover {
+  opacity: 1;
+  transform: scale(1.1);
 }
 
 .main-footer-area .single-footer-widget .footer-contact-info {
@@ -447,7 +471,8 @@ body {
 }
 
 .copywrite-content {
-  border-top: 1px solid #414269;
+  margin-top: 16px;
+  border-top: 1px solid #929292;
   padding: 15px 0;
 }
 
@@ -473,6 +498,10 @@ body {
   .copywrite-content .copywrite-text p {
     font-size: 12px;
   }
+
+  .copywrite-content .copywrite-text span {
+    display: block;
+  }
 }
 
 .copywrite-content .copywrite-text p a {
@@ -522,12 +551,18 @@ body {
   .copywrite-content .footer-menu .nav li a {
     font-size: 12px;
   }
+  .single-footer-widget {
+    margin-top: 20px;
+  }
 }
 
 @media only screen and (max-width: 767px) {
   .copywrite-content .footer-menu .nav li a {
     font-size: 12px;
   }
+  .single-footer-widget {
+    margin-top: 20px;
+  }
 }
 
 .copywrite-content .footer-menu .nav li a i {
@@ -572,8 +607,8 @@ body {
     font-size: 26px;
   }
 
-  .sponsor-message h5{
-    font-size:17px;
+  .sponsor-message h5 {
+    font-size: 17px;
   }
 }
 
@@ -582,13 +617,13 @@ body {
     font-size: 30px;
   }
 
-  .sponsor-message h5{
-    font-size:12px;
+  .sponsor-message h5 {
+    font-size: 12px;
   }
 }
 
 #faq {
-  padding-top:40px;
+  padding-top: 40px;
   background-image: linear-gradient(180deg, #007fb1 0%, #02867b 100%);
 }
 
@@ -625,7 +660,6 @@ body {
   font-size: 16px;
   line-height: 24px;
   /* font-weight: 600; */
-  padding-left: 5px;
   padding-right: 30px;
 }
 
@@ -636,7 +670,6 @@ body {
   font-size: 16px;
   line-height: 24px;
   /* font-weight: 600; */
-  padding-left: 5px;
   padding-right: 30px;
 }
 
@@ -650,7 +683,7 @@ body {
   content: "";
   display: block;
   height: 2px;
-  margin: 10px;
+  margin: 10px 0;
   background: #85f1c6;
 }
 
@@ -673,18 +706,70 @@ body {
   width: 100% !important;
 }
 
-.col-3 {
+.col-lg-3 {
   display: flex;
   justify-content: center;
-  margin-bottom: 50px;
+  margin-bottom: 40px;
+}
+.col-md-4 {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 30px;
+}
+.col-6 {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20px;
 }
 
 @media only screen and (max-width: 1100px) {
   #sponsors .row img {
     width: 95%;
   }
+
+  .apply-btn {
+    font-size: 13px;
+  }
 }
 
 #sponsors a:hover {
   transform: scale(1.07);
 }
+
+/* Floating Icons CSS */
+.fabs {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+}
+#fab {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+}
+
+.hidden {
+  display: none;
+}
+
+.social-icons {
+  position: absolute;
+  right: 28px;
+  bottom: 72px;
+  margin-bottom: 16px;
+}
+
+.social-icons button {
+  display: flex;
+  margin-bottom: 16px;
+  margin-left: auto;
+}
+
+.social-icons a {
+  color: #fff;
+}
+
+a:hover {
+  text-decoration: none;
+}