Merge branch 'main' into enhance_footer

Anjaliavv51 · Oct 3, 2024 · 0b39977 · 0b39977
2 parents 73acc8e + b220f0a
commit 0b39977
Show file tree

Hide file tree

Showing 15 changed files with 668 additions and 453 deletions.
diff --git a/.github/workflows/add-gssoc-label-pr.yml b/.github/workflows/add-gssoc-label-pr.yml
diff --git a/.github/workflows/mkdocs.yaml b/.github/workflows/mkdocs.yaml
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
+
     "liveServer.settings.port": 5501
-}
+}
diff --git a/Coverpage.html b/Coverpage.html
@@ -6,6 +6,7 @@
     <title>Retro</title>
     <meta http-equiv="refresh" content="30">
     <link rel="shortcut icon" type="image/x-icon" href="./Favicon image/favicon-32x32.png">
+    <link rel="stylesheet" href="./style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style id="background-color">
         body {

diff --git a/Css-files/content.css b/Css-files/content.css
@@ -62,7 +62,7 @@ body {
 .navbarbg {
   padding: 8px 0;
   background-color: hsl(20, 43%, 93%); 
-  text-align: center; 
+  text-align: left; 
 }
 
 .navbarbg ul {
@@ -555,6 +555,10 @@ input
         transform: translateY(-50%); /* Center the icon vertically */
         color: gray; /* Icon color */
     }
+.input-icon input, 
+.input-icon textarea {
+      padding-left: 30px; /* Adjust padding to create space for the icon */
+}
 
 #contactForm {
   display: flex;

diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
@@ -322,16 +322,33 @@
             background-color: rgb(196, 89, 89);
           }
 
-          .social-icons a {
-              font-size: 1.2rem;
-              padding: 15px;
-              text-decoration: none;
-              color: white;
-          }
-
-          .fa-facebook:hover { color: #3B5998; }
-          .fa-instagram:hover { color: #D62976; }
-          .fa-twitter:hover { color: #00B6F1; }
+
+.social-icons a {
+  font-size: 1.2rem;
+  padding: 8px;
+  margin: 15px;
+  text-decoration: none;
+  color: rgb(248, 243, 243);
+}
+
+.social-icons a:hover {
+  color: brown;
+  background-color: hsl(203%, 29%, 91%);
+  border-radius: 10px;
+  transform: scale(1.5); /* Increase size */
+  transition: transform 0.3s ease; /* Smooth transition effect */
+}
+.fa-brands.fa-facebook:hover {
+  color: #3B5998 !important;
+}
+
+.fa-brands.fa-instagram:hover {
+  color: #D62976 !important;
+}
+
+.fa-brands.fa-x-twitter:hover {
+  color: #181e20 !important;
+}
 
           #sr {
               display: none;
@@ -661,12 +678,13 @@ <h3 style="font-family: var(--ff-philosopher);color: black;">Contact Us!</h3>
             <div class="pages">
                 <h2 style="font-family: var(--ff-philosopher);color: black;">Follow Us</h2>
 
+
                 <div class="social-icons">
-                    <div class="social-icons">
-                        <a class="fa-brands fa-facebook" href="https://facebook.com" target="_blank"></a>
-                        <a class="fa-brands fa-instagram" href="https://instagram.com" target="_blank"></a>
-                        <a class="fa-brands fa-x-twitter" href="https://twitter.com" target="_blank"></a>
-                    </div>
+                    <a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 29%, 91%);"></a>
+                    <a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 29%, 91%);"></a>
+                    <a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 29%, 91%);"></a>
+                </div>
+
                 </div>
                 <p style="margin-bottom:0;font-family: var(--ff-philosopher);color: white;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
                 </p>