From 11fb06308eadde5b7f49acef6b47e0193ae511f2 Mon Sep 17 00:00:00 2001 From: chenouna Date: Wed, 17 Jan 2024 22:14:52 +0100 Subject: [PATCH] TRAVAUX SUR LA PAGE RESERVATION --- reservation.css | 136 +++++++++++++++++++++++++++++++++++++++++++++++ reservation.html | 82 ++++++++++++++++++++++++++++ 2 files changed, 218 insertions(+) create mode 100644 reservation.css create mode 100644 reservation.html diff --git a/reservation.css b/reservation.css new file mode 100644 index 0000000..d5bd6b3 --- /dev/null +++ b/reservation.css @@ -0,0 +1,136 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #ffffff; + color: #000; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100vh; +} + +header { + position: fixed; + background-color: #000; + top: 0; + left: -50; + width: 100%; + padding: 20px 100px; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 99; +} + + +.navigation a { + position: relative; + font-size: 1.1em; + color: #fff; + text-decoration: none; + font-weight: 500; + margin-left: 40px; +} + +.navigation a::after { + content: ''; + position: absolute; + left: 0; + bottom: -6px; + width: 100%; + height: 3px; + background: #fff; + border-radius: 5px; + transform-origin: right; + transform: scaleX(0); + transition: transform .5s; + +} +.navigation a:hover::after { + transform-origin: left; + transform: scaleX(1); + +} + +.navigation .btnLogin-popup { + width: 130px; + height: 50px; + background: transparent; + border: 2px solid #fff; + outline: none; + border-radius: 6px; + cursor: pointer; + font-size: 1.1em; + color: #fff; + font-weight: 500; + margin-left: 40px; + transition: .5s; +} + +.navigation .btnLogin-popup:hover { + background: #fff; + color: #162938; + +} + +h1, h2 { + color: #ffffff; +} + +form { + width: 70%; + max-width: 600px; +} + +div { + margin-bottom: 20px; + width: 100%; +} + +label { + display: block; + margin-bottom: 5px; + color: #000; +} + +select, input, textarea { + width: 100%; + padding: 8px; + margin-bottom: 10px; + box-sizing: border-box; +} + +button { + background-color: #000; + color: #fff; + padding: 10px 20px; + border: none; + cursor: pointer; +} + +button:hover { + background-color: #333; +} + +ul { + list-style: none; + padding: 0; +} + + +.date-container { + display: flex; + justify-content: space-between; + width: 50%; /* Ajuste selon tes besoins */ + margin-top: 40px; +} + +.date-container li { + width: 48%; /* Ajuste selon tes besoins */ +} + +.date-container label.date-label { + vertical-align: top; +} \ No newline at end of file diff --git a/reservation.html b/reservation.html new file mode 100644 index 0000000..7ec68fe --- /dev/null +++ b/reservation.html @@ -0,0 +1,82 @@ + + + + + + Réservation d'Équipements + + + + +
+ + +
+

Réservation d'Équipements

+ +
+ + +
+
+
  • + + +
    • + +
  • + + +
    • +
    +
    +

    Équipements Disponibles :

    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +

    Récapitulatif de la Réservation :

    +

    +
    + +
    + + +
    + + + function confirmReservation() { + } + + + + +