diff --git a/public/index.html b/public/index.html
index 5992660fd9b4f3ead5a0fcde8666116948956da1..175aedb378592618760b15837e00b41bed0f0a1d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -93,7 +93,6 @@
               <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> -->
-                
                 <!-- 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">
@@ -110,25 +109,29 @@
               </div>
             </div>
 
-            <!-- PROJEKT -->
-            <div class="col-md-4">
+            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
+  <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
-                <h5>Hexgrid 3D Tiles (2m)</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/HexGrid2m_PressureMean3DTiles.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, shown as a floating 3D Tiles Hexgrid (hexagon width 2m).</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="iStoeckHexgrid_2m.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>
+
+
+            <!-- BITTE HIER BEISPIELDATEN DURCH IHRE DATEN ERSETZEN -->
             <div class="col-md-4">
               <div class="card mb-4 shadow-sm extension">
                 <h5>Hexgrid GeoJSON (5m)</h5>