alvin/Challenge_14_Magazijn_App_plannen
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Challenge_14_Magazijn_App_plannen.git synced 2026-03-06 13:22:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Alvin

Browse Source
This commit is contained in:
HodiamontHods
2025-09-30 11:37:54 +02:00
parent 96eefa95a4
commit de6e8bbac1
2 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
concept/index.html
View File

@@ -8,13 +8,19 @@
</head>
<body>
<header>
<ul>
<li><a href=""><button>hallo</button></a></li>
<li><a href=""><button>alvin</button></a></li>
<li><a href=""></a><button>Senna</button></li>
</ul>
<div class="header-buttons">
<div class="left-buttons">
<button>home</button>
<button>info</button>
<button>Magazijn</button>
</div>
<div class="right-buttons">
<button>winkelmand</button>
<button>vertalen</button>
</div>
</div>
</header>
</body>
</html>

35
concept/style.css
View File

@@ -1,25 +1,42 @@
body{
background-color: #cd977e;
background: linear-gradient(to right, #d3705a, #cd977e);
}
header{
background-color: #1f4952;
border-radius: 15px;
padding: 1rem;
}
.header-buttons {
display: flex;
justify-content: space-between;
align-items: center;
}
.left-buttons, .right-buttons {
display: flex;
gap: 10px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #d3705a;
display: flex;
justify-content: center;
border-radius: 15px;
display: none; /* Hide old ul if still present */
}
button{
color: white;
font-size: large;
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;
background-color: #1f4952;
height: 100px;
width: 150px;
margin: 1rem;
background-color: #d3705a;
height: 75px;
width: 100px;
border-radius: 5px;
}
button:hover{
background-color: #cd977e;
}