Enhance footer

paras/public/first.css

@@ -1,14 +1,17 @@
 footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 20px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  position: relative;
+  bottom: -320px;
+   width: 100%;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+
+
 
-  }
 
   .footer-container {
     max-width: 800px;
@@ -46,17 +49,19 @@ footer {
   }
 
 .footer-content {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    align-items: flex-start;
-    margin-bottom: 20px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: row;
+  margin-left: 0px;
+  margin: 33px;
 }
 
 .footer-section {
-    flex: 1;
-    min-width: 200px;
-    margin: 10px;
+  flex: 1;
+  min-width: 200px;
+  margin: 5px;
 }
 
 .footer-section h3 {

paras/public/index.html

@@ -134,10 +134,7 @@
 
 
 
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-      -->
-
+
       <style>
       .voting-button {
     display: inline-block;
@@ -218,9 +215,9 @@ <h3>Contact Us</h3>
 
 
         <ul class="social-links">
-          <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
-          <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
-          <li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
+          <li><a href="https://www.linkedin.com/in/iamparas0/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
+          <li><a href="https://x.com/iamparas0" target="_blank"><i class="fab fa-twitter"></i></a></li>
+          <li><a href="https://www.instagram.com/iamparas.0/" target="_blank"><i class="fab fa-instagram"></i></a></li>
         </ul>
       </div>
   </footer>