<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>
<footer id="footer" class="bg-navy text-white">
- <div class="container py-20 flex justify-between">
+ <div class="container py-20 flex justify-between flex-wrap">
- <div class="justify-start content flex flex-col mr-space">
+ <div class="justify-start content flex flex-col mr-10 max-w-footer-item">
<img class="self-start" src="img/pmi-logo.svg" alt="logo-pmi">
<p class="mt-txt mb-txt">PM instrumentation distribue depuis 1986 des Capteurs et Systèmes de haute technicité.</p>
<div class="flex flex-row">
<div class="flex circle border-solid border-2 rounded-full mr-6 justify-center">
- <a class="flex" href=""><img src="img/twitter.svg" alt=""></a>
+ <a class="flex" href="
https://twitter.com/"><img src="img/twitter.svg" alt=""></a>
</div>
<div class="circle border-solid border-2 rounded-full flex justify-center">
<a class="flex" href=""><img src="img/linkedin.svg" alt=""></a>
</div>
</div>
- <div class="justify-start content flex flex-col ">
- <h3 class="h3 mt-10">Nous contacter</h3>
- <p class="mt-txt mb-txt">PM instrumentation distribue depuis 1986 des Capteurs et Systèmes de haute technicité.</p>
-
- <p class="mb-6">Issue de la société Schaevitz, PM Instrumentation a su développer une gamme de
- capteurs et systèmes
- d’excellente qualité provenant principalement des Etats-Unis.</p>
- <div class="flex flex-row">
- <div class="flex justify-center circle border-solid border-2 rounded-full mr-6">
- <a class="flex" href=""><img src="img/twitter.svg" alt=""></a>
+ <div class="justify-start mr-footer-middle content flex flex-col max-w-footer-info">
+ <h3 class="h3 mt-10">Nous contacter</h3>
+ <div class="flex mt-txt">
+ <img class="self-start img-localization" src="img/icon-localization.svg" alt="">
+ <div class="flex-col ml-8 footer-info">
+ <p class="bold">Adresse</p>
+ <p>59, rue Émile Deschanel</p>
+ <p>92400 - COURBEVOIE - France</p>
</div>
- <div class="circle border-solid border-2 rounded-full flex justify-center">
- <img src="img/linkedin.svg" alt="">
+ </div>
+ <div class="flex mt-8">
+ <img class="self-start" src="img/icon-mail.svg" alt="">
+ <div class="ml-8 footer-info">
+ <p class="bold">Email</p>
+ <a class="no-underline email-link" href="mailto:contact@pm-instrumentation.com">contact@pm-instrumentation.com</a>
+ </div>
+ </div>
+ <div class="flex mt-8">
+ <img class="self-start" src="img/icon-phone.svg" alt="">
+ <div class="ml-8 footer-info">
+ <p class="bold">Téléphone</p>
+ <p>01 46 91 93 32</p>
</div>
</div>
</div>
- <div class="justify-start content flex flex-col ">
- <img class="self-start" src="img/pmi-logo.svg" alt="logo-pmi">
- <p class="mt-txt mb-txt">PM instrumentation distribue depuis 1986 des Capteurs et Systèmes de haute technicité.</p>
+ <div class="justify-start content flex flex-col max-w-footer-info">
+ <h3 class="h3 mt-10">PMI à votre service</h3>
- <p class="mb-6">Issue de la société Schaevitz, PM Instrumentation a su développer une gamme de
- capteurs et systèmes
- d’excellente qualité provenant principalement des Etats-Unis.</p>
+ <div class="flex mt-txt">
+ <div class="self-start circle border-solid border-2 rounded-full"></div>
+ <div class="flex-col ml-8 footer-info">
+ <p class="bold">Support individuel</p>
+ <p>30 ans d'expérience</p>
+ </div>
+ </div>
- <div class="flex flex-row">
- <div class="flex circle border-solid border-2 rounded-full mr-6 justify-center">
- <img src="img/twitter.svg" alt="">
+ <div class="flex mt-6">
+ <div class="self-start circle border-solid border-2 rounded-full"></div>
+ <div class="flex-col ml-8 footer-info">
+ <p class="bold">Support individuel</p>
+ <p>30 ans d'expérience</p>
</div>
- <div class="circle border-solid border-2 rounded-full flex justify-center">
- <img src="img/linkedin.svg" alt="">
+ </div>
+
+ <div class="flex mt-6">
+ <div class="self-start circle border-solid border-2 rounded-full"></div>
+ <div class="flex-col ml-8 footer-info">
+ <p class="bold">Support individuel</p>
+ <p>30 ans d'expérience</p>
</div>
</div>
- </div>
+ </div>
</div>
<div class="bg-navy-dark">
- <div class="container py-2" >
- Copyright
+
+ <div class="footer-list-top container py-10 footer-top-item flex-no-wrap items-center flex justify-around">
+ <p class="footer-links">
+ <a href="">Mentions légales</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Condition Général de vente</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Vie privée</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Crédits</a>
+ </p>
+ </div>
+
+ <div class="flex flex-wrap container py-4 flex items-center justify-between footer-bottom" >
+ <select class=" language py-2" name="language" id="language">
+ <option value="" style="background-image: url('img/fr-flag.svg')">Français</option>
+ </select>
+
+ <div class="footer-bottom-item flex-no-wrap items-center flex justify-around footer-list">
+ <p class="footer-links">
+ <a href="">Mentions légales</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Condition Général de vente</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Vie privée</a>
+ </p>
+ <div class="footer-bar"></div>
+
+ <p class="footer-links">
+ <a href="">Crédits</a>
+ </p>
+ </div>
+ <p>Copyright</p>
</div>
</div>
projects / pmi.git / commitdiff