From: nael Date: Wed, 12 Jun 2019 14:17:47 +0000 (+0200) Subject: wip #2756 @1 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=b8de8b69563d911285a4437d99317c255c0b7f7d;p=pmi.git wip #2756 @1 --- diff --git a/public/_modules/news-article/img/arrow-left.svg b/public/_modules/news-article/img/arrow-left.svg new file mode 100644 index 0000000..5e75c9a --- /dev/null +++ b/public/_modules/news-article/img/arrow-left.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/_modules/news-article/img/news.png b/public/_modules/news-article/img/news.png new file mode 100644 index 0000000..c932be9 Binary files /dev/null and b/public/_modules/news-article/img/news.png differ diff --git a/public/_modules/news-article/index.html b/public/_modules/news-article/index.html new file mode 100644 index 0000000..1c282ec --- /dev/null +++ b/public/_modules/news-article/index.html @@ -0,0 +1,71 @@ + + + + + + + + + + pmi + + + +
+
+

Lorem Ipsum

+
+
+ +
+
+ +
+
+ 12/01/19 +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula velit libero, id porta nulla dictum vel. Duis id euismod mauris.

+

+ Ut in auctor turpis. Proin in velit eu tellus facilisis commodo. In convallis neque quis + augue vulputate finibus. Pellentesque volutpat a erat non tempor. Aliquam sagittis, nisi + quis elementum porttitor, lectus arcu facilisis mi, eget aliquet enim velit ut elit. + Donec eget purus pellentesque, tincidunt dolor et, condimentum neque. Curabitur vulputate + a sapien eget aliquet. Aenean pharetra neque vel sapien luctus, rutrum scelerisque mi + dapibus. Nunc commodo lobortis ornare. Nullam pharetra, diam eu auctor auctor, lectus + nisi lobortis ipsum, in imperdiet nulla est condimentum tortor. Duis ut commodo lacus. + Etiam id risus ac arcu ullamcorper fringilla nec eget nunc. Aliquam tincidunt vitae urna + eu volutpat.

+

+ Nam a nulla in erat consequat dignissim. Etiam a mauris lacinia lorem varius tristique + nec at augue. Nunc iaculis efficitur laoreet. Donec finibus lobortis eros. Suspendisse + sed sapien vel magna tempor +

+ +

Integer id vehicula orci.

+

+ Sed vestibulum vestibulum placerat. Nulla ac odio posuere, pretium nisi sed, semper justo. + Curabitur facilisis tortor nec sapien sagittis, vel semper diam blandit. Curabitur + pretium, libero nec gravida volutpat, mi metus consectetur purus, et vulputate nunc + elit non felis. Nulla vitae mauris nunc. Duis a nisi a leo mattis tristique. In posuere + dui eu mauris faucibus tristique. Morbi vehicula mi non nibh maximus, ut molestie nisl + faucibus. Aliquam posuere augue eget velit tempor, ac vehicula ipsum dignissim. Aliquam + in dui sed nulla egestas bibendum id eu tortor. Etiam vel ipsum vitae eros ultricies + lacinia at vel justo. Sed pellentesque odio vel dui ornare congue.

+ Plus d'informations sur : +

+ www.consectetur.com +

+ + +
+ + Retour aux actualités +
+ +
+
+
+ + + + \ No newline at end of file diff --git a/public/_modules/news-article/style.styl b/public/_modules/news-article/style.styl new file mode 100644 index 0000000..92e3b03 --- /dev/null +++ b/public/_modules/news-article/style.styl @@ -0,0 +1,36 @@ +$h3 = 24px +$h2 = 36px +$barlow = 'Barlow', sans-serif +$muli = 'Muli', sans-serif +$dark = #6B7287 +$lightgrey = #F7F8FC +$darkblue = #152F4E +$lightblue = #0EAADA +$verylightgrey =#E7E9F3 + +* + padding: 0 + box-sizing: border-box !important + margin: 0 + font-family: $muli + +#news-article + margin 5vw 10vw // à supprimer + h3 + font-size: 24px + .content + max-width: 744px + @media (max-width : 767px) + margin-top: 2.5vw + .news-date + font-size: 14px + .news-txt + margin-bottom: 0 !important + .section-event + background $lightgrey + width 18.125vw + @media (max-width : 1280px) + width 100% + .event-title + font-family: $barlow + font-weight: 500 \ No newline at end of file