--- /dev/null
+<!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
--- /dev/null
+$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