<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dav'es Space Plants</title>
<!-- Mobile-friendly scaling -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.logo {
max-width: 320px;
width: 80%;
margin-bottom: 30px;
}
h1 {
font-size: 3em;
margin-bottom: 15px;
text-shadow: 0 0 10px black;
}
.construction {
font-size: 1.6em;
margin-bottom: 50px;
text-shadow: 0 0 10px black;
}
.footer {
position: absolute;
bottom: 20px;
font-size: 0.95em;
text-shadow: 0 0 6px black;
}
.footer a {
color: #ffffff;
text-decoration: underline;
}
</style>
</head>
<body>
<!-- Logo -->
<img src="logo.png" alt="Dave's Space Plants Logo" class="logo">
<!-- Header -->
<h1>Dav'es Space Plants</h1>
<!-- Under construction -->
<div class="construction">
Under Construction
</div>
<!-- Footer -->
<div class="footer">
Contact us:
<a href="mailto:exionplants@gmail.com">exionplants@gmail.com</a>
</div>
</body>
</html>