-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2e11ff2
commit d55c279
Showing
8 changed files
with
727 additions
and
573 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| const toggleButton = document.getElementById("toggle-mode"); | ||
| const body = document.body; | ||
|
|
||
| toggleButton.addEventListener("click", () => { | ||
| body.classList.toggle("dark-mode"); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,171 +1,206 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://fonts.googleapis.com/icon?family=Material+Icons" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" | ||
| /> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <title>Restaurant Menu</title> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
|
|
||
| <main class="container"> | ||
| <div class="tab"> | ||
| <button class="tablinks" onclick="openTab(event, 'Menu')">Menu</button> | ||
| <button class="tablinks" onclick="openTab(event, 'Cart')">Carrinho</button> | ||
| </div> | ||
| <div class="menu"> | ||
| <h2 class="menu-group-heading">Entrada</h2> | ||
| <div class="menu-group"> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Gyozas</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Gyozas')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Sunomono</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Sunomono')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Temaki</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Temaki')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="menu"> | ||
| <h2 class="menu-group-heading">Pratos Principais</h2> | ||
| <div class="menu-group"> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Uramaki</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Uramaki')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Ramem</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Ramem')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Hot Roll</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Hot Roll')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
|
|
||
| <div id="Cart" class="tabcontent"> | ||
| <h3>Carrinho</h3> | ||
| <div id="cartItems"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| </div> | ||
| <script src="./src/app.js"></script> | ||
| </body> | ||
| </html> | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br" class="light"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://fonts.googleapis.com/icon?family=Material+Icons" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" | ||
| /> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <title>SushiBar | Menu</title> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <main class="container"> | ||
| <div class="menu"> | ||
| <div class="menutext"> | ||
| <h1>Cardápio do Restaurante 🍣</h1> | ||
| <p>Confira nossas deliciosas opções!</p> | ||
| </div> | ||
| <h2 class="menu-group-heading">Entrada</h2> | ||
| <div class="menu-group"> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Gyozas</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Gyozas')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Sunomono</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Sunomono')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Temaki</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Temaki')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="menu"> | ||
| <h2 class="menu-group-heading">Pratos Principais</h2> | ||
| <div class="menu-group"> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Uramaki</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Uramaki')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Ramem</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Ramem')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="menu-item"> | ||
| <img | ||
| src="../img/homem-segurando-varas-com-tempura-roll-arroz-caranguejo-creme-queijo-gergelim-enguia-gengibre-wasabi-vista-lateral (1).jpg" | ||
| alt="Black Placeholder Image" | ||
| class="menu-item-img" | ||
| /> | ||
| <div class="menu-item-text"> | ||
| <h3 class="menu-item-heading"> | ||
| <span class="menu-item-name">Hot Roll</span> | ||
| <span class="menu-item-price">$12.90</span> | ||
| <button onclick="addToCart('Hot Roll')"> | ||
| Adicionar ao carrinho | ||
| </button> | ||
| </h3> | ||
| <p class="menu-item-desc"> | ||
| Nunc efficitur felis vel mi efficitur, sed molestie sem | ||
| scelerisque. Fusce orci risus, congue eu mauris nec, pretium | ||
| tincidunt nulla. | ||
| </p> | ||
|
|
||
| <div id="Cart" class="tabcontent"> | ||
| <h3>Carrinho</h3> | ||
| <div id="cartItems"></div> | ||
|
|
||
| <footer class="top"> | ||
| <img src="logo.svg" /> | ||
| <div class="links"> | ||
| <div> | ||
| <h2>Platform</h2> | ||
| <a>Directus Core</a> | ||
| <a>Open Data Platform</a> | ||
| <a>Feature List</a> | ||
| <a>Road Map</a> | ||
| <a>Marketplace</a> | ||
| </div> | ||
| <div> | ||
| <h2>Cloud</h2> | ||
| <a>Dashboard</a> | ||
| <a>Register</a> | ||
| <a>Pricing</a> | ||
| <a>System Status</a> | ||
| <a>Partner Program</a> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| <footer class="bottom"> | ||
| <div class="legal"> | ||
| <span> © 2023 All rights reserved </span> | ||
| <a> License </a> | ||
| <a> Terms </a> | ||
| <a> Privacy </a> | ||
| </div> | ||
| <div class="links"> | ||
| <a class="fa-brands fa-github"></a> | ||
| <a class="fa-brands fa-linkedin"></a> | ||
| <a class="fa-brands fa-docker"></a> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| </div> | ||
| <script src="./app.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.