title post

This commit is contained in:
Adrien 2019-02-25 11:57:57 +01:00
parent 59796c62dc
commit bbbc776ca0
4 changed files with 91 additions and 76 deletions

View File

@ -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;
} }
@ -193,6 +198,7 @@ h2{
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{

View File

@ -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>

View File

@ -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>

View File

@ -1,7 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
</head> </head>
<body> <body>
<header> <header>
<tag type="includes" file="header" /> <tag type="includes" file="header" />
@ -27,7 +29,8 @@
<div class="credit"> <div class="credit">
<h3>Auteur</h3> <h3>Auteur</h3>
<div class="author"> <div class="author">
<a><tag type="svg" file="avatar" style="color: white; height: 64px"/></a> <a>
<tag type="svg" file="avatar" style="color: white; height: 64px" /></a>
<div class="by"> <div class="by">
<h3 class="name">Adrien Huchet</h3> <h3 class="name">Adrien Huchet</h3>
<h3 class="job">Apprenant IT START</h3> <h3 class="job">Apprenant IT START</h3>
@ -37,15 +40,18 @@
</div> </div>
<div class="bloc-filter"> <div class="bloc-filter">
<p class="title-second">Plus d'articles</p> <h3>Plus d'articles</h3>
<p class="title-small">Catégories</p>
<div class="filtre dev-color">dev</div> <div class="filtre dev-color">dev</div>
<div class="filtre digi-color">digi</div> <div class="filtre digi-color">digi</div>
<div class="filtre ops-color">ops</div> <div class="filtre ops-color">ops</div>
<div class="filtre devops-color">devops</div> <div class="filtre devops-color">devops</div>
</div> </div>
<div class="contenue-recent previous">Précédent</div> <div class="bloc-recent">
<div class="contenue-recent next">Suivant</div> <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> <h3 id="titre-between">Dans le même thème</h3>
<div class="row articles"> <div class="row articles">
@ -68,13 +74,15 @@
</p> </p>
</div> </div>
</div> </div>
</div>
</tag> </tag>
</div> </div>
</main> </main>
<body> </body>
<footer> <footer>
<tag type="includes" file="footer" /> <tag type="includes" file="footer" />
</fotter> </footer>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
</body> crossorigin="anonymous"></script>
</html> </html>