--- /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="cookie-banner" class="bg-navy flex items-center justify-center">
+<p class="text-white">En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de
+ traceurs pour vous proposer réaliser des statistiques de visites.
+ <a href="">En savoir plus</a></p>
+
+ <button class="cookie-btn text-white">J'ai compris</button>
+</div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
+<script src="cookie.js"></script>
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+$h3 = 24px
+$barlow = 'Barlow', sans-serif
+$muli = 'Muli', sans-serif
+$dark = #6B7287
+*
+ padding: 0
+ box-sizing: border-box
+ margin: 0
+ font-family: $muli
+
+#cookie-banner
+ height: 72px
+ width: 100vw
+ font-size: 14px
+ background-color: rgba(21, 47, 78, 0.8)
+ position: fixed
+ bottom: 0
+ p:not(:last-child) {
+ margin-bottom: 0;
+ }
+ p
+ margin-right: 3.5vw
+ .cookie-btn
+ background-color: #0EAADA
+ padding: 9px 13px
+ border-radius: 3px
\ No newline at end of file
projects / pmi.git / commitdiff