some comments and reformattings

index.html

@@ -4,19 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Lukas Heiligenbrunner</title>
+
     <!-- Latest compiled and minified CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
-
     <!-- jQuery library -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-
     <!-- Popper JS -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
-
     <!-- Latest compiled JavaScript -->
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
-    <!--    <script src="js/bootstrap.min.js"></script>-->
 
+    <!--  Stylesheets  -->
     <link rel="stylesheet" href="css/index.css">
 </head>
 <!-- The scrollable area -->
@@ -45,10 +43,9 @@
             </li>
         </ul>
     </div>
-
 </nav>
 
-
+<!-- Home Page-->
 <div id="section1" class="tile">
     <div class="container">
         <div>
@@ -63,6 +60,7 @@
     </div>
 </div>
 
+<!-- About Page -->
 <div id="section2" class="bg-warning tile">
     <div class="container">
         <h1>About me</h1>
@@ -72,19 +70,25 @@
             Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page! </p>
     </div>
 </div>
+
+<!-- Projects Page -->
 <div id="section3" class="bg-secondary tile">
     <div class="container">
         <h1>Projects</h1>
         <p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
             Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
-            Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! </p>
+            Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo
+            Projects Page! </p>
     </div>
 </div>
+
+<!-- Contact Page -->
 <div id="section4" class="bg-danger tile">
     <div class="container">
         <h1>Contact</h1>
         <h3>Stay in Contact!</h3>
-        <p>Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page!
+        <p>Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo
+            Contacts page! Todo Contacts page!
             Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page!
             Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! </p>
     </div>