03.03.2024, 22:52
Achso klar ohne sidebar.html wird es nicht gehen 
. Wurde wie gesagt als template angelegt.
. Wurde wie gesagt als template angelegt.Code:
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sidebar</title>
<!-- CSS -->
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/breakpoints.css">
<link rel="stylesheet" href="assets/css/variable.css">
<link rel="stylesheet" href="assets/css/sidebar.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;700&
family=Playfair+Display:wght@400;500;700&family=Roboto:wght@400;500;700&family=Vidaloka&display=swap" rel="stylesheet">
</head>
<body>
<nav class="sidebar" id="sidebar">
<button class="sidebar-toggle" id="sidebar-toggle">
<img src="assets/icons/f-menu-24.png" alt="menu da barra lateral">
</button>
<button class="sidebar-button">
<img src="assets/icons/carne-48.png" alt="ícone de carne">
<div>Carne</div>
....
</button>
<button class="sidebar-button">
<img src="assets/icons/vegano-48.png" alt="ícone vegano">
<div>Vegano</div>
</button>
</nav>
</body>
</html>