diff --git a/Apps/3DHeritageMapApp.html b/Apps/3DHeritageMapApp.html
index 573943d..95ca05a 100644
--- a/Apps/3DHeritageMapApp.html
+++ b/Apps/3DHeritageMapApp.html
@@ -53,6 +53,8 @@ <h2>Options</h2>
     <!-- Button to open options box -->
     <button id="openOptionsBox"><img src="Images/menu.png" alt="menuicon"></button>
 
+    <a href="../DBApp/dbapp.html"><button id="dataBaseButton"><img src="Images/database.png" alt="dataBaseIcon"></button></a>
+
     <!-- Cesium Container -->
     <div id="cesiumContainer"></div>
 
diff --git a/Apps/3DHeritageScripts.js b/Apps/3DHeritageScripts.js
index 01c266c..d755428 100644
--- a/Apps/3DHeritageScripts.js
+++ b/Apps/3DHeritageScripts.js
@@ -392,12 +392,18 @@ document.getElementById('openInfoBox').onclick = () => {
 document.getElementById('closeOptionsBox').onclick = () => {
     document.getElementById('optionsBox').style.display = 'none';
     document.getElementById('openOptionsBox').style.display = 'block';
+
+    // Show the dataBaseButton when infoBox is closed
+    document.getElementById('dataBaseButton').style.display = 'block';
 };
 
 // Add event listener for the open options box button
 document.getElementById('openOptionsBox').onclick = () => {
     document.getElementById('optionsBox').style.display = 'block';
     document.getElementById('openOptionsBox').style.display = 'none';
+
+     // Hide the dataBaseButton when infoBox is opened
+     document.getElementById('dataBaseButton').style.display = 'none';
 };
 
 
diff --git a/Apps/3DHeritageStyles.css b/Apps/3DHeritageStyles.css
index 6baf7b4..fd4d445 100644
--- a/Apps/3DHeritageStyles.css
+++ b/Apps/3DHeritageStyles.css
@@ -66,6 +66,28 @@
      margin-bottom: 10px;
  }
 
+ #dataBaseButton {
+    position: absolute;
+     top: 60px;
+     left: 10px;
+     cursor: pointer;
+     background-color: rgba(42, 42, 42, 0.8);
+     border: none;
+     color: white;
+     border-radius: 4px;
+     padding: 5px 5px;
+     z-index: 1;
+}
+
+#dataBaseButton:hover {
+    background-color: rgb(37, 150, 190);
+     border-style: solid;
+     border: 2px;
+     border-color: white;
+}
+
+
+
  #infoBox {
      position: absolute;
      top: 50px;
diff --git a/Apps/Images/database.png b/Apps/Images/database.png
new file mode 100644
index 0000000..f731456
Binary files /dev/null and b/Apps/Images/database.png differ