Scribd
Upload
6 views

html

This document is an HTML template for a bakery stock management application. It includes sections for products, orders, deliveries, and stock management, with a navigation menu and a styled layout. The products section features a table displaying product names, prices, and stock quantities.

Uploaded by

boukar moustapha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

html

This document is an HTML template for a bakery stock management application. It includes sections for products, orders, deliveries, and stock management, with a navigation menu and a styled layout. The products section features a table displaying product names, prices, and stock quantities.

Uploaded by

boukar moustapha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

<!

DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Gestion de Stock Boulangerie</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #f9f9f9;

header {

background-color: #6c757d;

color: white;

padding: 10px 0;

text-align: center;

nav ul {

list-style-type: none;

padding: 0;

}
nav ul li {

display: inline;

margin: 0 15px;

nav a {

color: white;

text-decoration: none;

main {

padding: 20px;

section {

margin-bottom: 40px;

h2 {

color: #343a40;

table {

width: 100%;
border-collapse: collapse;

table, th, td {

border: 1px solid #dee2e6;

th, td {

padding: 10px;

text-align: left;

th {

background-color: #e9ecef;

button {

background-color: #28a745;

color: white;

border: none;

padding: 10px 15px;

cursor: pointer;

button:hover {
background-color: #218838;

footer {

text-align: center;

padding: 10px 0;

background-color: #6c757d;

color: white;

</style>

</head>

<body>

<header>

<h1>Application de Gestion de Stock Boulangerie</h1>

<nav>

<ul>

<li><a href="#produits">Produits</a></li>

<li><a href="#commandes">Commandes</a></li>

<li><a href="#livraisons">Livraisons</a></li>

<li><a href="#stock">Stock</a></li>

</ul>

</nav>

</header>

<main>
<section id="produits">

<h2>Produits</h2>

<table>

<thead>

<tr>

<th>Nom du Produit</th>

<th>Prix</th>

<th>Quantité en Stock</th>

</tr>

</thead>

<tbody>

<tr>

<td>Baguette</td>

<td>1.00€</td>

<td>50</td>

</tr>

<tr>

<td>Pain au Chocolat</td>

<td>1.20€</td>

<td>30</td>

</tr>

<tr>

<td>Tarte aux Pommes</td>

<td>2.50€</td>

<td>20</td>
</tr>

</tbody>

</table>

</section>

<section id="commandes">

<h2>Commandes</h2>

<form action="#">

<label for="produit">Choisissez un produit:</label>

<select id="produit" name="produit">

<option value="baguette">Baguette</option>

<option value="pain_au_chocolat">Pain au Chocolat</option>

<option value="tarte_aux_pommes">Tarte aux Pommes</option>

</select>

<label for="quantite">Quantité:</label>

<input type="number" id="quantite" name="quantite" min="1" required>

<button type="submit">Passer la Commande</button>

</form>

</section>

<section id="livraisons">

<h2>Livraisons</h2>

<p>Aucune livraison prévue pour le moment.</p>


</section>

<section id="stock">

<h2>Gestion du Stock</h2> <button onclick="alert('Stock mis à jour !')">Mettre à jour le


Stock</button>

</section>

</main>

<footer>

<p>&copy; 2023 Boulangerie. Tous droits réservés.</p>

</footer>

</body>

</html>

You might also like