```
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sistema de Gestão de Pedidos</title>
<link rel="stylesheet" href="styles.css"> <!-- external stylesheet -->
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#conferencia-de-pedidos">Conferência de Pedidos</a></li>
<li><a href="#etiquetagem-de-pedidos">Etiquetagem de Pedidos</a></li>
</ul>
<button class="hamburger" aria-label="Menu de navegação">☰</button>
</nav>
</header>
<main>
<section id="conferencia-de-pedidos">
<h2>Conferência de Pedidos</h2>
<table>
<thead>
<tr>
<th>Nome do Cliente</th>
<th>Ambiente do Item</th>
<th>Número de Identificação</th>
<th>NC do Item</th>
<th>Quantidade de Volumes</th>
<th>Gondola</th>
<th>Ações</th>
</tr>
</thead>
<tbody>
<!-- dynamic content will be generated here -->
</tbody>
</table>
</section>
<section id="etiquetagem-de-pedidos">
<h2>Etiquetagem de Pedidos</h2>
<form>
<label for="cliente">Nome do Cliente:</label>
<input type="text" id="cliente" name="cliente" maxlength="50">
<label for="produto">Produto:</label>
<input type="text" id="produto" name="produto" maxlength="50">
<label for="quantidade">Quantidade de Volumes:</label>
<input type="number" id="quantidade" name="quantidade" min="1">
<label for="nc-do-pedido">NC do Pedido:</label>
<input type="text" id="nc-do-pedido" name="nc-do-pedido" maxlength="20">
<label for="ambiente">Ambiente:</label>
<input type="text" id="ambiente" name="ambiente" maxlength="20">
<button type="submit">Gerar Etiquetas</button>
</form>
<div id="etiquetas">
<!-- dynamic content will be generated here -->
</div>
</section>
</main>
<script src="script.js"></script> <!-- external script -->
</body>
</html>
```
Rocket
Mini tools
Open211548Released 1y ago100% Free``` <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sistema de Gestão de Pedidos</title> <link rel="stylesheet" href="styles.css"> <!-- external stylesheet --> </head> <body> <header> <nav> <ul> <li><a href="#conferencia-de-pedidos">Conferência de Pedidos</a></li> <li><a href="#etiquetagem-de-pedidos">Etiquetagem de Pedidos</a></li> </ul> <button class="hamburger" aria-label="Menu de navegação">☰</button> </nav> </header> <main> <section id="conferencia-de-pedidos"> <h2>Conferência de Pedidos</h2> <table> <thead> <tr> <th>Nome do Cliente</th> <th>Ambiente do Item</th> <th>Número de Identificação</th> <th>NC do Item</th> <th>Quantidade de Volumes</th> <th>Gondola</th> <th>Ações</th> </tr> </thead> <tbody> <!-- dynamic content will be generated here --> </tbody> </table> </section> <section id="etiquetagem-de-pedidos"> <h2>Etiquetagem de Pedidos</h2> <form> <label for="cliente">Nome do Cliente:</label> <input type="text" id="cliente" name="cliente" maxlength="50"> <label for="produto">Produto:</label> <input type="text" id="produto" name="produto" maxlength="50"> <label for="quantidade">Quantidade de Volumes:</label> <input type="number" id="quantidade" name="quantidade" min="1"> <label for="nc-do-pedido">NC do Pedido:</label> <input type="text" id="nc-do-pedido" name="nc-do-pedido" maxlength="20"> <label for="ambiente">Ambiente:</label> <input type="text" id="ambiente" name="ambiente" maxlength="20"> <button type="submit">Gerar Etiquetas</button> </form> <div id="etiquetas"> <!-- dynamic content will be generated here --> </div> </section> </main> <script src="script.js"></script> <!-- external script --> </body> </html> ```
