mirror of
https://github.com/Aviortheking/Blog_IMIE.git
synced 2025-04-22 10:52:09 +00:00
title post
This commit is contained in:
Adrien
parent
59796c62dc
commit
bbbc776ca0
@ -63,10 +63,15 @@ h2{
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
}
|
||||
.title-second{
|
||||
h3{
|
||||
font-weight: 400;
|
||||
font-size: 17px;
|
||||
}
|
||||
.title-small{
|
||||
font-weight: 200;
|
||||
font-size: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.contenue{
|
||||
height: 285vh;
|
||||
}
|
||||
@ -192,7 +197,8 @@ h2{
|
||||
background-color: #150032;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
.test2{
|
||||
padding: 0px 90px;
|
||||
@ -374,12 +380,12 @@ input {outline: none}
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
background-color: #190034;
|
||||
background-color: #1c1c1c;
|
||||
font-weight: bold;
|
||||
}
|
||||
.upFooter{
|
||||
height: 160px;
|
||||
background-color: #26004a;
|
||||
background-color: #150032;
|
||||
text-align: center;
|
||||
}
|
||||
.lowFooter{
|
||||
@ -446,9 +452,10 @@ input {outline: none}
|
||||
}
|
||||
|
||||
.phraseFooter{
|
||||
font-size: 18px;
|
||||
font-size: 17px;
|
||||
padding-top:10px;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#twi{
|
||||
|
||||
@ -4,8 +4,8 @@
|
||||
<div class="fullFooter">
|
||||
<div class="upFooter">
|
||||
<ul>
|
||||
<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
|
||||
<li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
|
||||
<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 23px; height: 23px"/></a></li>
|
||||
<li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 23px; height: 23px"/></a></li>
|
||||
</ul>
|
||||
<p class="phraseFooter">Suivez-nous sur les réseaux</p>
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div class="bloc_principal">
|
||||
<div class="cover-black">
|
||||
<div class="bloc_principal_titre">
|
||||
<h1>L'actualité de nos campus...</h1>
|
||||
<h1>LE BLOG DES APPRENANTS</h1>
|
||||
</div>
|
||||
<div class="test2">
|
||||
<h2 id="titre-home">Ceci est un magnifique titre</h2>
|
||||
|
||||
@ -1,80 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<tag type="includes" file="header" />
|
||||
</header>
|
||||
<main class="test container">
|
||||
<div class="bloc-post">
|
||||
<div class="container-post post ops">
|
||||
<h2 class="title">Mettre en place un serveur web sous linux</h2>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">OPS</span>
|
||||
<span class="date">26-06-2018</span>
|
||||
</div>
|
||||
<p class="post text">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
|
||||
<br>
|
||||
<br>
|
||||
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
|
||||
</p>
|
||||
</div>
|
||||
<div class="credit">
|
||||
<h3>Auteur</h3>
|
||||
<div class="author">
|
||||
<a><tag type="svg" file="avatar" style="color: white; height: 64px"/></a>
|
||||
<div class="by">
|
||||
<h3 class="name">Adrien Huchet</h3>
|
||||
<h3 class="job">Apprenant IT START</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bloc-filter">
|
||||
<p class="title-second">Plus d'articles</p>
|
||||
<div class="filtre dev-color">dev</div>
|
||||
<div class="filtre digi-color">digi</div>
|
||||
<div class="filtre ops-color">ops</div>
|
||||
<div class="filtre devops-color">devops</div>
|
||||
<body>
|
||||
<header>
|
||||
<tag type="includes" file="header" />
|
||||
</header>
|
||||
<main class="test container">
|
||||
<div class="bloc-post">
|
||||
<div class="container-post post ops">
|
||||
<h2 class="title">Mettre en place un serveur web sous linux</h2>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">OPS</span>
|
||||
<span class="date">26-06-2018</span>
|
||||
</div>
|
||||
<p class="post text">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
|
||||
<br>
|
||||
<br>
|
||||
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
|
||||
</p>
|
||||
</div>
|
||||
<div class="credit">
|
||||
<h3>Auteur</h3>
|
||||
<div class="author">
|
||||
<a>
|
||||
<tag type="svg" file="avatar" style="color: white; height: 64px" /></a>
|
||||
<div class="by">
|
||||
<h3 class="name">Adrien Huchet</h3>
|
||||
<h3 class="job">Apprenant IT START</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contenue-recent previous">Précédent</div>
|
||||
<div class="contenue-recent next">Suivant</div>
|
||||
<div class="bloc-filter">
|
||||
<h3>Plus d'articles</h3>
|
||||
<p class="title-small">Catégories</p>
|
||||
<div class="filtre dev-color">dev</div>
|
||||
<div class="filtre digi-color">digi</div>
|
||||
<div class="filtre ops-color">ops</div>
|
||||
<div class="filtre devops-color">devops</div>
|
||||
</div>
|
||||
|
||||
<h3 id="titre-between">Dans le même thème</h3>
|
||||
<div class="row articles">
|
||||
<tag type="loop" for="posts" limit="6">
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article column-categorie">
|
||||
<h4 class="title">
|
||||
<loop column="title" />
|
||||
</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
<loop column="categorie" />
|
||||
</span>
|
||||
<span class="date">
|
||||
<loop column="date" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="text">
|
||||
<loop column="content" />
|
||||
<div class="bloc-recent">
|
||||
<div class="contenue-recent previous">Article précédent</div>
|
||||
<div class="contenue-recent next">Article suivant</div>
|
||||
</div>
|
||||
|
||||
<h3 id="titre-between">Dans le même thème</h3>
|
||||
<div class="row articles">
|
||||
<tag type="loop" for="posts" limit="6">
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="article column-categorie">
|
||||
<h4 class="title">
|
||||
<loop column="title" />
|
||||
</h4>
|
||||
<div class="etiquettes">
|
||||
<span class="cat">
|
||||
<loop column="categorie" />
|
||||
</span>
|
||||
<span class="date">
|
||||
<loop column="date" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="text">
|
||||
<loop column="content" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</tag>
|
||||
</div>
|
||||
</main>
|
||||
<body>
|
||||
<footer>
|
||||
<tag type="includes" file="footer" />
|
||||
</fotter>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</div>
|
||||
</tag>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
<footer>
|
||||
<tag type="includes" file="footer" />
|
||||
</footer>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user