From c15793f3958dd677587e7ed5a1611024d8f4cba7 Mon Sep 17 00:00:00 2001 From: Lyanis Souidi Date: Tue, 17 Jan 2023 22:21:28 +0100 Subject: [PATCH] Ajout de la page de contact --- assets/css/contact.css | 55 +++++++++++++++++++ assets/js/contact.js | 7 +++ contact/index.php | 117 ++++++++++++++++++++++++++++++++++++++++- 3 files changed, 178 insertions(+), 1 deletion(-) create mode 100644 assets/css/contact.css create mode 100644 assets/js/contact.js diff --git a/assets/css/contact.css b/assets/css/contact.css new file mode 100644 index 0000000..ac9f0f9 --- /dev/null +++ b/assets/css/contact.css @@ -0,0 +1,55 @@ +input[type=text], input[type=email], select, textarea { + width: 100%; + padding: 12px; + border: 1px solid #ccc; + border-radius: 4px; + margin-top: 6px; + resize: none +} + +.field { + margin-bottom: 16px; +} + +.button { + background-color: var(--c-b-primary); + padding: 15px 50px; + margin-right: 15px; + border: none; + border-radius: 4px; + font-size: 16px; + margin-left: 0px; + color: var(--c-a-primary); + text-align: center; + text-decoration: none; + display: inline-block; +} + +.button:hover { + background-color: var(--c-a-secondary); + color: var(--c-b-primary); +} + +.button.active { + background-color: var(--c-a-secondary); + color: var(--c-b-primary); +} + +#contact-info a[href^="tel:"]::before { + content: "☎️ "; +} + +#contact a[href^="mailto:"]::before { + content: "✉️ "; +} + +.contact { + display: grid; + gap: 25px; +} + +@media screen and (min-width: 700px) { + .contact { + grid-template-columns: 2fr 1fr; + } +} \ No newline at end of file diff --git a/assets/js/contact.js b/assets/js/contact.js new file mode 100644 index 0000000..d75d2ea --- /dev/null +++ b/assets/js/contact.js @@ -0,0 +1,7 @@ +textarea = document.getElementById('message'); + +textarea.setAttribute('style', 'height:' + (textarea.scrollHeight) + 'px;overflow-y:hidden;'); +textarea.addEventListener("input", function () { + this.style.height = 'auto'; + this.style.height = (this.scrollHeight) + 'px'; +}); diff --git a/contact/index.php b/contact/index.php index 874cea2..a042acf 100644 --- a/contact/index.php +++ b/contact/index.php @@ -1,3 +1,112 @@ + +
+ +
+

Formulaire de contact

+
+
+
+
+ +
+
+
+
'; + + if ($profile == 'business') { + $text .= ' +
+
+
+
'; + } else echo ''; + + if ($subject == 'integration') { + $text .= ''; + } else $text .= '
+
'; + + $text .= '
+
+
+
+ +
+
'; + + return $text; +} +function select_subject($profile) : string { + $text = ' et votre demande concerne'; + if (isset($_GET["subject"]) && $_GET["subject"] == 'warranty') { + $text .= " la garantie Solar Glass."; + $text .= "

La garantie légale de conformité + est assuré par le fabricant intégrant la technologie Solar Glass dans ses appareils, en cas de problème concernant Solar Glass sur votre appareil, + merci donc de contacter directement le fabricant de votre appareil.

"; + } elseif (isset($_GET["subject"]) && $_GET["subject"] == 'integration') { + $text .= " l'intégration de Solar Glass dans vos produits."; + $text .= contact_form($profile, $_GET["subject"]); + } elseif (isset($_GET["subject"]) && $_GET["subject"] == 'other') { + $text .= " autre chose."; + $text .= contact_form($profile, $_GET["subject"]); + } else { + $text .= "..."; + if ($profile == 'business') $text .= "L'intégration de Solar Glass dans vos produits"; + + if ($profile == 'consumer') $text .= "La garantie Solar Glass"; + + $text .= "Autre chose"; + } + + return $text; +} +function select_profile() : string { + $text = ''; + $text .= "

Vous êtes"; + if (isset($_GET["profile"]) && $_GET["profile"] == 'business') { + $text .= " une entreprise"; + $text .= select_subject('business'); + } else if (isset($_GET["profile"]) && $_GET["profile"] == 'consumer') { + $text .= " un particulier"; + $text .= select_subject('consumer'); + } else $text .= "...

+ "business")) . ">Une entreprise + "consumer")) . ">Un particulier"; + + return $text; +} +?> + @@ -6,6 +115,7 @@ Elite Solar + @@ -21,7 +131,11 @@
  • FAQ
    • -
    +
    +
    +

    Nous contacter

    + +
    +