Merge branch 'Tejashri-Taral:main' into main

Tejashri-Taral · Oct 29, 2024 · 01feaa4 · 01feaa4
2 parents 16b6aab + 6434fca
commit 01feaa4
Show file tree

Hide file tree

Showing 32 changed files with 1,907 additions and 271 deletions.
diff --git a/Boy.html b/Boy.html
@@ -64,12 +64,41 @@
             font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
         }
 
+
+/* Scroll Progress Bar*/
+#progress-container {
+  position: fixed ;
+  top: 1px;
+  left: 0;
+  width: 100%;
+  height: 15px;
+  z-index: 99990;
+  /* background: #f3f3f3; */
+}
+
+#progress-bar {
+  position: fixed;
+  top: 0.3px;
+  left: 0;
+  width: 0%;
+  height: 6px;
+  width: 0;
+  background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+  box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+  transition: width 0.09s ease-in-out;
+  /* border-radius: 10px; */
+}
+
+
+
 
     </style>
 </head>
 </head>
 <body>
-
+    <div id="progress-container">
+        <div id="progress-bar"></div>
+      </div>
     <!-- header section  -->
     <header class="header" id="header">
           <div class="logo">
@@ -1277,5 +1306,7 @@ <h2>Subscription Successful!</h2>
 
 
 </script>    
+<script src="script/progressbar.js"></script>
+
 </body>
 </html>
diff --git a/README.md b/README.md
@@ -79,10 +79,37 @@ Feel free to fork the repository and make changes. You can also raise issues or
 <a href="https://github.com/Tejashri-Taral/TrendTrove-Ecommerce/graphs/contributors">
 <img src="https://contributors-img.web.app/image?repo=Tejashri-Taral/TrendTrove-Ecommerce"/>
 
+
 ## Show Your Support
 
 If you like this project, please consider giving it a ⭐️ on [GitHub](https://github.com/Tejashri-Taral/TrendTrove-Ecommerce).
 
+<!--line-->
+<img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" />
+
+
+## Stargazers ❤️
+
+<div align='left'>
+
+[![Stargazers repo roster for @Tejashri-Taral/TrendTrove-Ecommerce](https://reporoster.com/stars/dark/Tejashri-Taral/TrendTrove-Ecommerce)](https://github.com/Tejashri-Taral/TrendTrove-Ecommerce/stargazers)
+
+
+</div>
+
+## Forkers ❤️
+
+[![Forkers repo roster for @Tejashri-Taral/TrendTrove-Ecommerce](https://reporoster.com/forks/dark/Tejashri-Taral/TrendTrove-Ecommerce)](https://github.com/Tejashri-Taral/TrendTrove-Ecommerce/network/members)
+
+
+<!--line-->
+<img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" />
+
+
+
+
+
+
 ## Connect with Me
 
 - [LinkedIn](https://www.linkedin.com/in/tejashri-taral-5006a82a0/)

diff --git a/Style/about.css b/Style/about.css
@@ -13,6 +13,29 @@ body {
     justify-content: space-between;
     min-height: 100vh;
 }
+/* Scroll Progress Bar*/
+#progress-container {
+  position: fixed ;
+  top: 1px;
+  left: 0;
+  width: 100%;
+  height: 15px;
+  z-index: 99990;
+  /* background: #f3f3f3; */
+}
+
+#progress-bar {
+  position: fixed;
+  top: 0.3px;
+  left: 0;
+  width: 0%;
+  height: 6px;
+  width: 0;
+  background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+  box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+  transition: width 0.09s ease-in-out;
+  /* border-radius: 10px; */
+}
 
 h1, h2 {
     color: #333;

diff --git a/Style/bags.css b/Style/bags.css
@@ -6,6 +6,30 @@ body {
     background-color: #f4f4f4;
 }
 
+/* Scroll Progress Bar*/
+#progress-container {
+    position: fixed ;
+    top: 1px;
+    left: 0;
+    width: 100%;
+    height: 15px;
+    z-index: 99990;
+    /* background: #f3f3f3; */
+  }
+
+  #progress-bar {
+    position: fixed;
+    top: 0.3px;
+    left: 0;
+    width: 0%;
+    height: 6px;
+    width: 0;
+    background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+    box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+    transition: width 0.09s ease-in-out;
+    /* border-radius: 10px; */
+  }
+
 h1 {
     text-align: center;
     font-size: 2.5rem;

diff --git a/Style/sandals.css b/Style/sandals.css
@@ -6,7 +6,29 @@ body {
     background-color: #f9f9f9;
     color: #333;
 }
-
+/* Scroll Progress Bar*/
+#progress-container {
+    position: fixed ;
+    top: 1px;
+    left: 0;
+    width: 100%;
+    height: 15px;
+    z-index: 99990;
+    /* background: #f3f3f3; */
+  }
+
+  #progress-bar {
+    position: fixed;
+    top: 0.3px;
+    left: 0;
+    width: 0%;
+    height: 6px;
+    width: 0;
+    background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+    box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+    transition: width 0.09s ease-in-out;
+    /* border-radius: 10px; */
+  }
 h1 {
     text-align: center;
     margin: 20px 0;

diff --git a/Style/sneaker.css b/Style/sneaker.css
@@ -5,6 +5,30 @@ body {
     background-color: #f9f9f9;
 }
 
+/* Scroll Progress Bar*/
+#progress-container {
+    position: fixed ;
+    top: 1px;
+    left: 0;
+    width: 100%;
+    height: 15px;
+    z-index: 99990;
+    /* background: #f3f3f3; */
+  }
+
+  #progress-bar {
+    position: fixed;
+    top: 0.3px;
+    left: 0;
+    width: 0%;
+    height: 6px;
+    width: 0;
+    background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+    box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+    transition: width 0.09s ease-in-out;
+    /* border-radius: 10px; */
+  }
+
 .header {
     display: flex;
     justify-content: space-between;

diff --git a/Style/sunglasses.css b/Style/sunglasses.css
@@ -7,6 +7,30 @@ body {
     color: #333;
 }
 
+/* Scroll Progress Bar*/
+#progress-container {
+    position: fixed ;
+    top: 1px;
+    left: 0;
+    width: 100%;
+    height: 15px;
+    z-index: 99990;
+    /* background: #f3f3f3; */
+  }
+
+  #progress-bar {
+    position: fixed;
+    top: 0.3px;
+    left: 0;
+    width: 0%;
+    height: 6px;
+    width: 0;
+    background: linear-gradient(90deg, rgba(27, 27, 27, 0.762) 0%, rgb(61, 61, 61) 50%, rgba(38, 38, 38, 0.679) 100%);
+    box-shadow: 0 0 4px rgba(255, 244, 221, 0.7), 0 0 10px rgba(255, 255, 255, 0.496);
+    transition: width 0.09s ease-in-out;
+    /* border-radius: 10px; */
+  }
+
 h1 {
     text-align: center;
     margin: 20px 0;