-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.pug
67 lines (65 loc) · 4.59 KB
/
index.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
html
head
title PizzaHut | ...
meta(charset="utf-8")
meta(name="viewport" content="width=device-width, initial-scale=1")
// CSS bootstrap
link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css", integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3", crossorigin="anonymous")
// CSS personal
link(rel="stylesheet" href="css/style.css")
body
section.pb-5
h1.display-3.fw-bold.bg-primary.bg-opacity-25.text-center.text-white #[img(src="img/logo.jpg" class='rounded-circle me-5' alt="logo")] Vente Pizza
div.mx-auto.pt-3.pb-4.px-3.bg-light.bg-opacity-75.text-center.text-dark.border.rounded-3
div.form-floating
input(type='text' name='nom' id="nom" placeholder='Votre Nom..' class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none client-info' autofocus)
label(for='nom' class='form-label') Nom de client:
br
div.form-floating
input(type='text' name='adresse' id='adresse' placeholder='Votre adresse..' class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none client-info')
label(class='form-label' for='adresse') Adresser:
h3.mt-2.mb-1 Produits a acheter
.table-responsive
table.table.table-striped.table-hover.text-center
thead
tr
th Nom du produit
th Prix unitaire en €
th Quantité
tbody
tr
td Pizza 4 fromages
td 80
td: input(type="number" min='0' name="piz4f" id="piz4f" class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none' placeholder="Saisir la quantite.." )
tr
td Pizza Herbo
td 75
td: input(type="number" min='0' name="pizh" id="pizh" class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none' placeholder="Saisir la quantite..")
tr
td Pizza Viande Hanchee
td 100
td: input(type="number" min='0' name="pizvh" id="pizvh" class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none' placeholder="Saisir la quantite..")
tr
td Pizza fruits de mer
td 120
td: input(type="number" min='0' name="pizfm" id="pizfm" class='form-control bg-white bg-opacity-50 border-0 border-bottom border-secondary border-4 shadow-none' placeholder="Saisir la quantite..")
h3 Paiment par:
div.w-100.mx-auto
input(type='radio' name='paiment' id='carte' value='carte' class='form-check-input paiment')
label(class='form-label ms-2 me-3' for='carte') Carte Banquaire
input(type='radio' name='paiment' id='cheque' value='cheque' class='form-check-input paiment' checked)
label(class='form-label ms-2 me-3 ' for='cheque') Cheque
br
div#num-carte.form-floating
input(type='text' name='numCarte' id='numCarte' placeholder='Entrer la numero de votre carte..' class='form-control bg-transparent border-0 border-bottom border-primary border-4 shadow-none')
label(class='form-label' for='numCarte') Numero de carte
br
input(type='button' name='envoyer' id='envoyer' value='Envoyer').btn.btn-outline-primary.text-dark.fw-bold.w-50
footer
// JS bootstrap
script(src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js", integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p", crossorigin="anonymous")
//- script(src="../bootstrap.bundle.min.js")
// alert script
script(src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.13/dist/sweetalert2.all.min.js")
// JS personal
script(src="js/script.js")