From b63641ce441cdb1e476692ec2f6a1a9ed25d8e41 Mon Sep 17 00:00:00 2001
From: theomemin <memint.contact@gmail.com>
Date: Mon, 10 Dec 2018 16:30:34 +0100
Subject: [PATCH] still working in article

---
 project/assets/css/style.css   | 28 ++++++++++++++++++++++++++++
 project/assets/html/index.html | 22 ++++++++++++++++++++--
 2 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 04f6143..3dfceab 100644
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -144,6 +144,29 @@ body{
 	margin-right: 50px;
 	color: grey;
 }
+.article-home{
+	width: 300px;
+	height: 300px;
+	background-color: white;
+	margin: 40px auto auto 20px;
+	box-shadow: 1px 1px 30px 1px lightgrey;
+	font-family: 'Open Sans', sans-serif;
+}
+.articles-home{
+	margin: auto;
+}
+.contenue-home{
+	padding-left: 11px;
+	padding-top: 15px;
+}
+.cat-home{
+	height: 20px;
+	width: 50px;
+	background-color: yellow;
+}
+#titre-article-home{
+	font-weight:bold;
+}
 #twi{
 	height: 18px;
 	width: 18px;
@@ -171,7 +194,12 @@ body{
 	padding-bottom: 20px;
 	font-size: 20px;
 }
+#titre-between{
+	margin-top: 80px;
+	font-family: 'Open Sans', sans-serif;
+	font-size: 22px;
 
+}
 @media screen and (max-width: 640px) {
     .nav_imie {
     	height: 0;
diff --git a/project/assets/html/index.html b/project/assets/html/index.html
index 55cc271..d312152 100644
--- a/project/assets/html/index.html
+++ b/project/assets/html/index.html
@@ -38,8 +38,26 @@
 					</div>
 				</div>
 			</div>
-			<div class="">
-
+			<div class="container">
+				<div class="row">
+					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
+						<h3 id="titre-between">Articles récents</h3>
+					</div>
+				</div>
+			</div>
+			<div class="container">
+				<div class="row">
+					<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="cat-home">
+									<p>OPS</p>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
 			</div>
 		</main>
 		<footer>