Some changes

CSS/style.css

@@ -28,6 +28,7 @@ body {
     width: 100%;
     position: fixed;
     top: 0;
+    left: 0;
     background-color: #1F1F1F; 
     z-index: 99;   
     display: flex;
@@ -182,7 +183,7 @@ body {
 
 /* Hero Section */
 .hero-section {
-    padding: 100px 0;
+    padding: 80px 0;
 }
 
 .hero-content h2 {
@@ -191,7 +192,7 @@ body {
     font-family: rejoy;
 }
 
-.hero-content p {
+.hero-content p{
     font-size: 24px;
     position: relative;
     height: 5vh;

HTML/about.html

@@ -94,10 +94,11 @@ <h3>Details</h3>
                 </div>
             </div>
         </section>
+        <hr> 
 
         <!-- Footer -->
         <footer class="text-center py-4">
-            <p>&copy; 2024 Portfolio. All rights reserved.</p>
+            <p>&copy; Portfolio®️ 2024. All rights reserved by DHRUV SHERE.</p>
         </footer>
 
     </div>

HTML/contactus.html

@@ -93,11 +93,11 @@ <h1>Contact Me</h1>
                 </form>
             </div>
         </div>
+        <hr>
 
-
         <!-- Footer -->
         <footer class="text-center py-4">
-            <p>&copy; 2024 Portfolio. All rights reserved.</p>
+            <p>&copy; Portfolio®️ 2024. All rights reserved by DHRUV SHERE.</p>
         </footer>
     </div>
 

HTML/project.html

@@ -72,6 +72,8 @@
                 </div>
             </div>
         </div>
+        <hr>
+
          <!-- Footer -->
          <footer class="text-center py-4">
             <p>&copy; 2024 Portfolio. All rights reserved.</p>

HTML/skill.html

@@ -132,9 +132,10 @@ <h3>Other Tools</h3>
                 </div>
             </div>
         </section>
+        <hr>
 
         <footer class="text-center py-4">
-            <p>&copy; 2024 Portfolio. All rights reserved.</p>
+            <p>&copy; Portfolio®️ 2024. All rights reserved by DHRUV SHERE.</p>
         </footer>
     </div>
 

JS/contactus.js

@@ -48,4 +48,5 @@ document.addEventListener('DOMContentLoaded', () => {
     gsap.from(".container", { duration: 1, opacity: 0, x: -50 });
     gsap.from(".contact-info", { duration: 1, opacity: 0, x: 50 });
     gsap.from(".form-group", { duration: 1, opacity: 0, y: 50, stagger: 0.3 });
-});
+});
+

JS/script.js

@@ -1,25 +1,22 @@
 function locoCall() {
     gsap.registerPlugin(ScrollTrigger);
-
     // Using Locomotive Scroll from Locomotive https://github.com/locomotivemtl/locomotive-scroll
-
     const locoScroll = new LocomotiveScroll({
-        el: document.querySelector("#main"),
+        el: document.querySelector(".main"),
         smooth: true
     });
     // each time Locomotive Scroll updates, tell ScrollTrigger to update too (sync positioning)
     locoScroll.on("scroll", ScrollTrigger.update);
-
     // tell ScrollTrigger to use these proxy methods for the "#main" element since Locomotive Scroll is hijacking things
-    ScrollTrigger.scrollerProxy("#main", {
+    ScrollTrigger.scrollerProxy(".main", {
         scrollTop(value) {
             return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y;
         }, // we don't have to define a scrollLeft because we're only scrolling vertically.
         getBoundingClientRect() {
             return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight };
         },
         // LocomotiveScroll handles things completely differently on mobile devices - it doesn't even transform the container at all! So to get the correct behavior and avoid jitters, we should pin things with position: fixed on mobile. We sense it by checking to see if there's a transform applied to the container (the LocomotiveScroll-controlled element).
-        pinType: document.querySelector("#main").style.transform ? "transform" : "fixed"
+        pinType: document.querySelector(".main").style.transform ? "transform" : "fixed"
     });
     // each time the window updates, we should refresh ScrollTrigger and then update LocomotiveScroll. 
     ScrollTrigger.addEventListener("refresh", () => locoScroll.update());
@@ -35,8 +32,6 @@ async function showProjects(){
     const data=await response.json()
 }
 
-
-
 var tl=gsap.timeline()
 tl.from(".load h3",{
     x:40,
@@ -55,13 +50,6 @@ tl.to(".load h3",{
 tl.to(".load",{
     opacity:0,
 })
-// tl.from(".container-1",{
-//     y:100,
-//     opacity:0,
-//     stagger:0.1,
-//     duration:0.5,
-//     delay:-0.5
-// })
 tl.to(".load",{
     display:"none"
 })

index.html

@@ -65,16 +65,16 @@ <h3>Site</h3>
                     </div>
                 </div>
             </nav>
+            <hr>
         </header>
-
         <!-- Hero Section -->
         <section class="hero-section">
             <div class="container">
                 <div class="row align-items-center">
                     <div class="col-lg-6">
                         <div class="hero-content">
                             <h2>Welcome to My <span id="Name">Portfolio</span></h2>
-                            <p>Hello i am <span id="Name">Dhruv Shere</span></p>
+                            <p>I am <span id="Name">Dhruv Shere</span></p>
                             <p>I'm skilled in <span class="typed-text"></span><span class="cursor"></span></p>
                         </div>
                     </div>
@@ -157,11 +157,11 @@ <h2 id="LanguageNamePopup"></h2>
                 <a href="https://discord.com/invite/yourprofile" target="_blank"><i class="fab fa-discord"></i></a>
             </div>
         </div>
-
+        <hr>
 
         <!-- Footer -->
         <footer class="text-center py-4">
-            <p>&copy; 2024 Portfolio. All rights reserved.</p>
+            <p>&copy; Portfolio®️ 2024. All rights reserved by DHRUV SHERE.</p>
         </footer>
     </div>