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