mirror of
https://github.com/Alvin-Zilverstand/Schoolkantine.git
synced 2026-03-07 05:53:00 +01:00
s
This commit is contained in:
@@ -4,13 +4,13 @@ body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column; /* Change to column to accommodate the top bar */
|
||||
background-color: #f2c14e;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* Top bar menu */
|
||||
.menu-bar {
|
||||
width: 100%;
|
||||
background-color: #f2c14e;
|
||||
background-color: #ffe1b0;
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* Allow wrapping of menu items */
|
||||
@@ -35,11 +35,11 @@ body {
|
||||
}
|
||||
|
||||
.menu-bar.dark {
|
||||
background-color: #d1a73e; /* Darker background color when modal is open */
|
||||
background-color: #ffb700; /* Darker background color when modal is open */
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
background-color: #fff;
|
||||
background-color: #ffb700;
|
||||
padding: 10px 20px;
|
||||
margin: 5px;
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -1,37 +0,0 @@
|
||||
.welcome {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
background-color: #ffffff;
|
||||
color: #431111;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.welcome h1 {
|
||||
font-size: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.welcome p {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.welcome button {
|
||||
padding: 10px 20px;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
background-color: #431111;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
box-shadow: #ff0000;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.welcome button:hover {
|
||||
transform: scale(1.2); /* Grows 20% larger */
|
||||
background-color: #a35c5c;
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>De welkompagina van de Mees</title>
|
||||
<link rel="stylesheet" href="welcome.css">
|
||||
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="welcome">
|
||||
<div class="circle-wrapper">
|
||||
<h1>Mees</h1>
|
||||
<p>Naar menu</p>
|
||||
</div>
|
||||
<a href="index.html">
|
||||
<button>Menu</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<center>
|
||||
<p>© 2025 Vista </p>
|
||||
</center>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user