diff --git a/public/index.html b/public/index.html
index 175aedb378592618760b15837e00b41bed0f0a1d..b7dbac3d554aede06302b763c0962ce397c9c115 100644
--- a/public/index.html
+++ b/public/index.html
@@ -110,7 +110,7 @@
             </div>
 
             <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
-  <div class="col-md-4">
+            <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
                 <h5>Titel Beispielprojekt</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> -->
@@ -132,24 +132,30 @@
 
 
             <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
-            <div class="col-md-4">
+  <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
-                <h5>Hexgrid GeoJSON (5m)</h5>
+                <h5>Titel Beispielprojekt</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/HexGrid5m_PressureMeanGeoJSON.PNG" alt="">
+                <!-- BITTE QUELLCODE UND BILDER JEWEILS IN EINEM EIGENEN PROJEKTORDNER ABLEGEN -->
+                <img class="thumbimg" src="beispielprojekt/imgs/thumbnails/hft_beispielbild.jpg" alt="">
                 <div class="card-body">
-                  <p class="card-text">Wind pressure at roof top height, Hexgrid (hexagon width 5m) is clamped to ground and buildings.</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="iStoeckHMGeoJSON.html" class="form-signin" method="GET">
-                      <button type="submit" class="btn btn-sm btn-outline-secondary">Explore</button>
-                    </form>
+                    <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>
                   <!-- <small class="text-muted">9 mins</small> -->
                 </div>
               </div>
             </div>
+
+
+
+
+            
           </div>
         </div>
       </div>