Ajout de la page de contact

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;
+    }
+}

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';
+});