German Bight Explorer
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>
NEW APPS
These are apps made by the community!