]> _ Git - pmi.git/commitdiff
wip #2821 @0.20
authornael <nael@cubedesigners.com>
Tue, 4 Jun 2019 16:06:46 +0000 (18:06 +0200)
committernael <nael@cubedesigners.com>
Tue, 4 Jun 2019 16:06:46 +0000 (18:06 +0200)
public/_modules/contact-form/index.html [new file with mode: 0644]
public/_modules/contact-form/style.styl [new file with mode: 0644]

diff --git a/public/_modules/contact-form/index.html b/public/_modules/contact-form/index.html
new file mode 100644 (file)
index 0000000..d4911d0
--- /dev/null
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="../../css/app.css">
+    <link href="https://fonts.googleapis.com/css?family=Barlow:600|Muli&display=swap" rel="stylesheet">
+    <title>pmi</title>
+</head>
+<body>
+
+<div id="contact-form">
+    <div class="form">
+        <p>Vous souhaitez obtenir des informations sur PM-Instrumentation ?
+            Remplissez le formulaire ci-dessous, nous vous recontactons sous 48h.</p>
+
+        <label for="name">Nom*</label>
+        <input type="text" id="name">
+    </div>
+</div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/_modules/contact-form/style.styl b/public/_modules/contact-form/style.styl
new file mode 100644 (file)
index 0000000..faa71b4
--- /dev/null
@@ -0,0 +1,20 @@
+$h3 = 24px
+$h2 = 36px
+$barlow = 'Barlow', sans-serif
+$muli = 'Muli', sans-serif
+$dark = #6B7287
+$lightgrey = #F7F8FC
+$darkblue = #152F4E
+$lightblue = #0EAADA
+
+*
+  padding: 0
+  box-sizing: border-box !important
+  margin: 0
+  font-family: $muli
+
+#contact-form
+  .form
+    background $lightgrey
+    padding 48px
+    width 38.75vw
\ No newline at end of file