--- /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:500,600|Muli&display=swap" rel="stylesheet">
+ <title>pmi</title>
+</head>
+<body>
+
+<div id="news" class="container mt-5 flex flex-col">
+ <div class="news-feed flex">
+ <img class="mr-12" src="img/news.png" alt="">
+ <div class="news-actu text-grey-dark">
+ <span class="news-date">12/01/19</span>
+ <h3>LSO-12-X98 - Surveillance de pont</h3>
+ <p >
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam,
+ ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan
+ purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus.
+ Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet.
+ </p>
+ <a href="#">En savoir plus</a>
+ </div>
+ </div>
+
+ <div class="news-feed flex mt-12">
+ <img class="mr-12" src="img/news.png" alt="">
+ <div class="news-actu text-grey-dark">
+ <span class="news-date">12/01/19</span>
+ <h3>LSO-12-X98 - Surveillance de pont</h3>
+ <p >
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam,
+ ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan
+ purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus.
+ Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet.
+ </p>
+ <a href="#">En savoir plus</a>
+ </div>
+ </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