From b69b865fd1408f7cb0c16540753d128453e1d5e3 Mon Sep 17 00:00:00 2001
From: theomemin <memint.contact@gmail.com>
Date: Sun, 16 Dec 2018 20:27:23 +0100
Subject: [PATCH] maj index/style

---
 project/assets/css/style.css   | 40 +++++++++++++++++++--
 project/assets/html/index.html | 63 ++++++++++++++++++++++++++++++++--
 2 files changed, 98 insertions(+), 5 deletions(-)

diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 3dfceab..0a636e2 100644
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -156,13 +156,47 @@ body{
 	margin: auto;
 }
 .contenue-home{
-	padding-left: 11px;
-	padding-top: 15px;
+	padding-left: 22px;
+	padding-top: 22px;
+	padding-right: 10px;
 }
 .cat-home{
+	margin-top: 10px;
 	height: 20px;
 	width: 50px;
-	background-color: yellow;
+	background-color: #f2d761;
+	text-align: center;
+	display: inline-block;
+}
+.cat-home-name{
+	padding-top: 3px;
+	color: white;
+}
+.date-home{
+	margin-top: 10px;
+	height: 20px;
+	width: 100px;
+	background-color: lightgrey;
+	text-align: center;
+	display: inline-block;
+}
+.date-home-name{
+	padding-top: 3px;
+	color: white;
+}
+.etiquettes{
+	display: block;
+}
+.p-home-article{
+	padding-top: 10px;
+	color:#848484;
+}
+.footer-article-home{
+	width:300px;
+	height: 5px;
+	background-color: #f2d761;
+	position: absolute;
+	bottom: 0;
 }
 #titre-article-home{
 	font-weight:bold;
diff --git a/project/assets/html/index.html b/project/assets/html/index.html
index d312152..28e341f 100644
--- a/project/assets/html/index.html
+++ b/project/assets/html/index.html
@@ -51,10 +51,69 @@
 						<div class="article-home">
 							<div class="contenue-home">
 								<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
-								<div class="cat-home">
-									<p>OPS</p>
+								<div class="etiquettes">
+									<div class="cat-home">
+										<p class="cat-home-name">OPS</p>
+									</div>
+									<div class="date-home">
+										<p class="date-home-name">26-06-2018</p>
+									</div>
 								</div>
+								<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
+									et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
+									post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
+									minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!
+									ne forte paria quandoque temptentur, plus exemplis generalibus nocitura quam delictis.</p>
 							</div>
+							<div class="footer-article-home">
+							</div>
+
+						</div>
+					</div>
+					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
+						<div class="article-home">
+							<div class="contenue-home">
+								<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
+								<div class="etiquettes">
+									<div class="cat-home">
+										<p class="cat-home-name">OPS</p>
+									</div>
+									<div class="date-home">
+										<p class="date-home-name">26-06-2018</p>
+									</div>
+								</div>
+								<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
+									et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
+									post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
+									minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!
+									ne forte paria quandoque temptentur, plus exemplis generalibus nocitura quam delictis.</p>
+							</div>
+							<div class="footer-article-home">
+							</div>
+
+						</div>
+					</div>
+					<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
+						<div class="article-home">
+							<div class="contenue-home">
+								<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
+								<div class="etiquettes">
+									<div class="cat-home">
+										<p class="cat-home-name">OPS</p>
+									</div>
+									<div class="date-home">
+										<p class="date-home-name">26-06-2018</p>
+									</div>
+								</div>
+								<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
+									et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
+									post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
+									minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!
+									ne forte paria quandoque temptentur, plus exemplis generalibus nocitura quam delictis.</p>
+							</div>
+							<div class="footer-article-home">
+							</div>
+
 						</div>
 					</div>
 				</div>