added INSPIRER Test area to main gallary

public/index.html

@@ -470,6 +470,36 @@
             </div>
           </div>
 
+ <!-- ////// inspirer testgebiete demo //////-->
+
+          <div class="col-lg-4">
+            <div class="card mb-4 shadow-lg extension">
+              <h5>INSPIRER Testgebiete</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/Inspirer_Testgebiete_thumbnail.jpg" alt="" />
+              <div class="card-body">
+                <p class="card-text">
+                  Shows 3D data for some of the test areas & use-cases of the INSPIRER project. Among them are the HFT buildings 1 and 3 and Fellbach.
+                </p>
+                <!-- <small class="text-muted">9 mins</small> -->
+              </div>
+              <div class="
+                    d-flex
+                    justify-content-between
+                    align-items-center
+                    btnGroupDiv
+                  ">
+                <div class="btn-group">
+                  <form action="Testgebiete.html" class="form-signin" method="GET">
+                    <button type="submit" class="btn btn-sm btn-outline-secondary exploreBtn">
+                      <i class="fas fa-search" aria-hidden="false"> </i>   Explore
+                    </button>
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
+
 
         </div>
       </div>