animations also in contact and experience section

index.html

@@ -19,6 +19,9 @@
     <!-- Latest compiled JavaScript -->
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
 
+    <!--  main javascript  -->
+    <script src="js/index.js"></script>
+
     <!--  Stylesheets  -->
     <link rel="stylesheet" href="css/general.css">
     <link rel="stylesheet" href="css/home.css">
@@ -120,7 +123,7 @@
     <!-- Experience Page -->
     <div id="section3" class="tile">
         <div class="container">
-            <h1>Experience</h1>
+            <h1 id="experienceheader">Experience</h1>
             <div id="experiencecontentcontainer">
 
                 <input class="ratiobtn" id="tab1" type="radio" name="tabs" checked="">
@@ -208,8 +211,8 @@
     <!-- Contact Page -->
     <div id="section5" class="tile">
         <div class="container">
-            <h1>Contact</h1>
-            <h3>I'd love to hear from You!</h3>
+            <h1 id="contactheader">Contact</h1>
+            <h3 id="contactsubheader">I'd love to hear from You!</h3>
             <div class="personalcontacts">
                 <a href="mailto:lukas.heiligenbrunner@gmail.com" target="_blank">
                     <div id="emailsign" class="contactsign">