diff --git a/public/index.html b/public/index.html
index f8723992defbf329c225ba3b2ce7bd5bd4281eb7..3d8240f45e17c99e77249acff86eb0531949c61e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,9 +8,7 @@
     <meta charset="utf-8">
     <meta name="generator" content="GitLab Pages">
     <!-- <title>Home</title> -->
-
     <!-- <link rel="stylesheet" href="style.css">     -->
-
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
   integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
   <link href="css/main.css" rel="stylesheet">
@@ -19,12 +17,8 @@
     <!-- <div id="topbar">
         <div id="menu" class="navbar"></div>
     </div> -->
-    
     <div class="content">
        <!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
-    
-  
-    
     <header>
       <div class="collapse navbar-light" id="navbarHeader">
         <div class="container">
@@ -63,31 +57,24 @@
         </div>
       </div>
     </header>
-  
     <main role="main">
-  
       <section class="jumbotron text-center">
         <div class="container">
           <!-- <h1>A platform for urban CFD</h1> -->
           <!-- <img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind"> -->
           <h1>Abschlussarbeiten GeoVisualisierung</h1>
-          <p class="lead text-muted">Hier finden Sie eine Ãœbersicht der Vorlesung GeoVisualisierung vom WS 20/21.</p>
-          
+          <p class="lead text-muted">Hier finden Sie eine Ãœbersicht der Vorlesung GeoVisualisierung vom WS 20/21.</p> 
           <p>Die Vorlesung GeoVisualisierung findet im Rahmen der Studiengänge Informationslogistik und Informatik bei Prof. Dr. Volker Coors an der Hochschule für Technik Stuttgart statt. 
           <!-- <p>
             <a href="https://www.hft-stuttgart.de/forschung/i-city" class="btn btn-primary my-2 myBtn">iCity Project <br> at HFT</a>
             <a href="http://icity.hft-stuttgart.de/hftsmartplatform/" class="btn btn-primary my-2 myBtn">iCity Smart
-              Cities<br> Platform</a>     
-                
-              
+              Cities<br> Platform</a>         
           </p> -->
-
           <!-- falls Button zukünftig benötigt wird 
           <p>
             <a href="publications.html" class="btn btn-secondary my-2 myBtn">iCity Publications</a>
           </p>
           -->
-
         </div>
       </section>
   
@@ -100,18 +87,21 @@
       <div class="album py-5 bg-light topDownPadding">
         <div class="container">
           <div class="row">
+
+            <!-- BEISPIEL 1 -->
             <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
-                <!-- BEISPIELPROJEKT 1 -->
-                <h5>Titel Beipsielprojekt</h5>
+                <h5>Titel Beispiel</h5>
                 <!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
-                <img class="thumbimg" src="imgs/thumbnails/beispiel.PNG" alt="">
+                
+                <!-- BITTE QUELLCODE UND BILDER IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
+                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/beispiel.PNG" alt="">
                 <div class="card-body">
-                  <p class="card-text">Beschreibungstext hier einfügen</p>                
+                  <p class="card-text">Beschreibungstext hier einfügen...</p>                
                 </div>
                 <div class="d-flex justify-content-between align-items-center btnGroupDiv">
                   <div class="btn-group">
-                    <form action="src/beispiel.html" class="form-signin" method="GET">
+                    <form action="beispielprojekt/src/beispiel.html" class="form-signin" method="GET">
                       <button type="submit" class="btn btn-sm btn-outline-secondary">Details</button>
                     </form>                   
                   </div>
@@ -119,6 +109,8 @@
                 </div>
               </div>
             </div>
+
+            <!-- PROJEKT -->
             <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
                 <h5>Hexgrid 3D Tiles (2m)</h5>
@@ -164,7 +156,8 @@
   
 
       
-  
+  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
+  <!-- --------------------------------------------------------------------------------------------------------------------------------- -->
       <!-- <br>
       <div class="d-flex justify-content-between align-items-center btnGroupDiv">
       <div class="btn-group">
@@ -173,31 +166,22 @@
         </form>
       </div>
       </div> -->
-  
     </main>
-  
     <footer class="text-white">
       <div class="container">
         <p class="float-right">
           <a href="#">Back to top</a>
         </p>
         <p>&copy; by HFT Stuttgart, 2021.</p>
-  
       </div>
     </footer>
-
-        
-  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
   <script src="settings.js"> </script>
-  
   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
   integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
   crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
   integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
   crossorigin="anonymous"></script>
-
-
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
   integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
   crossorigin="anonymous"></script>