don't know how long

index.html

@@ -28,7 +28,7 @@
         <h2>Bhuwan Kathayat</h2>
         <h3>Web Designer</h3>
         <button>resume</button>
-        <button>hire me</button>
+        <button >hire me</button>
         <div class="social-handle">
 
            <a href="https://www.linkedin.com/in/bhuwan214/" target="_blank"><li><img src="nav logo/linkedin.png" alt="linkedin logo"></li></a>
@@ -37,11 +37,11 @@ <h3>Web Designer</h3>
            <a href="mailto:bhuwan626282@gmail.com? subject= subject text" target="_blank"><li><img src="nav logo/email.png" alt="email logo" ></li></a>
 
         </div>
+                <a href="fdsgsd"><div class="learn"><p>Learn</p></div></a>
 
-                <div class="learn">Learn</div>
-                <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js" integrity="sha512-7Au1ULjlT8PP1Ygs6mDZh9NuQD0A5prSrAUiPHMXpU6g3UMd8qesVnhug5X4RoDr35x5upNpx0A6Sisz1LSTXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-                <script src="index.js"></script>
       </div>
     </div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js" integrity="sha512-7Au1ULjlT8PP1Ygs6mDZh9NuQD0A5prSrAUiPHMXpU6g3UMd8qesVnhug5X4RoDr35x5upNpx0A6Sisz1LSTXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="index.js"></script>
   </body>
 </html>

index.js

@@ -1,26 +1,30 @@
 gsap.from(".profile-box2",{
-    x:-720,
+    x:-400,
     duration:2,
     delay:0.5,
-    scale:2
+    scale:2,
+    opacity:0,
 })
 
 gsap.from("h2",{
-    x:-900,
+    x:800,
     duration:2,
     delay:0.5,
+    opacity:0,
 })
 
 gsap.from("h3",{
-    x:-900,
+    x:800,
     duration:2,
     delay:0.5,
+    opacity:0,
 })
 
 gsap.from(".line",{
     x:900,
     duration:2,
     delay:0.5,
     rotate:360,
-    scale:1.5
-})
+    scale:1.5,
+})
+

style.css

@@ -156,6 +156,14 @@ button {
   position: relative;
   top: 30.5vh;
   left: 6vw;
+
+}
+
+button:hover{
+    background-color: black;
+    color: white;
+    cursor: pointer;
+
 }
 
 .learn {
@@ -166,9 +174,9 @@ button {
   background-color: black;
   width: 60px;
   height: 60px;
-
   color: white;
   position: relative;
   top: -13vw;
   right: -55vw;
 }
+