avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-04-22 19:02:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

maj index/style

Browse Source
This commit is contained in:
theomemin 2018-12-16 20:27:23 +01:00
parent b63641ce44
commit b69b865fd1
2 changed files with 98 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
project/assets/css/style.css
View File

@ -156,13 +156,47 @@ body{
margin: auto; margin: auto;
} }
.contenue-home{ .contenue-home{
padding-left: 11px; padding-left: 22px;
padding-top: 15px; padding-top: 22px;
padding-right: 10px;
} }
.cat-home{ .cat-home{
margin-top: 10px;
height: 20px; height: 20px;
width: 50px; 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{ #titre-article-home{
font-weight:bold; font-weight:bold;

61
project/assets/html/index.html
View File

@ -51,10 +51,69 @@
<div class="article-home"> <div class="article-home">
<div class="contenue-home"> <div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4> <h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home"> <div class="cat-home">
<p>OPS</p> <p class="cat-home-name">OPS</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div> </div>
</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> </div>
</div> </div>