Calculator Tools Calculator Tools
Create

German Bight Explorer

Sep 15, 2023

About this app

Explore the German Bight and learn about its geography and features.

German Bight Explorer German Bight Explorer The German Bight is a geographic feature along the coasts of Denmark, Germany, and the Netherlands. It is known for its unique geography and diverse marine life. Explore the German Bight and learn about its fascinating features! Explore German Bight

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>German Bight Explorer</title>
<meta name="description" content="Explore the German Bight and learn about its geography and features.">
<meta name="keywords" content="German Bight, geography, interactive, educational, game">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
var germanBightBtn = document.getElementById("germanBightBtn");
germanBightBtn.addEventListener("click", function() {
window.open("https://en.wikipedia.org/wiki/German_Bight","_blank","nofollow");
});
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #E6E6FA;
font-family: 'Roboto', sans-serif;
}

#main-container {
text-align: center;
margin-top: 50px;
}

h1 {
color: #4B0082;
font-size: 36px;
margin-bottom: 20px;
}

p {
color: #000080;
font-size: 18px;
margin-bottom: 20px;
}

#germanBightBtn {
background-color: #4B0082;
color: #fff;
font-size: 20px;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}

#germanBightBtn:hover {
background-color: #800080;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>German Bight Explorer</h1>
<p>The German Bight is a geographic feature along the coasts of Denmark, Germany, and the Netherlands. It is known for its unique geography and diverse marine life.</p>
<p>Explore the German Bight and learn about its fascinating features!</p>
<button id="germanBightBtn">Explore German Bight</button>
</div>
</body>
</html>