Create layout.html

This commit is contained in:
TheErrorExe 2025-03-17 17:01:25 +01:00 committed by GitHub
parent 1c9531575f
commit d38e699463
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

90
layout.html Normal file
View file

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WiiMart - Layout</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<style>
body {
background-color: #eef6fd;
color: #333;
font-family: Arial, sans-serif;
}
h1, h2, h3 {
color: #0082c9;
}
.navbar {
background-color: #ffffff !important;
}
.navbar-brand {
font-weight: bold;
color: #0082c9 !important;
}
a {
color: #0082c9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
footer {
background-color: #ffffff;
padding: 10px 0;
margin-top: 20px;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="/">
<img src="WiiMart_star_logo.png" alt="WiiMart" width="50" height="50">
WiiMart
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarMenu">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#setup">Setup</a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/Ocarinaoftime/wiimart">Source Code</a></li>
<li class="nav-item"><a class="nav-link" href="mailto:wiimartshopping@gmail.com">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="text-center py-4">
<h1>WiiMart</h1>
<p class="text-muted">Example text</p>
</header>
<section class="container text-center my-4">
<p class="alert alert-warning">
Nintendo, if you want me to take this down, please email me at
<a href="mailto:wiimartshopping@gmail.com">wiimartshopping@gmail.com</a> (please dont though, I love this).
</p>
</section>
<section class="container text-center my-4">
<h2 id="setup">Example</h2>
<p>Example</p>
</section>
<footer class="text-center py-3">
<p>&copy; 2025 WiiMart. Not affiliated with Nintendo.</p>
</footer>
</body>
</html>