This commit is contained in:
Florian Bouillon 2019-02-25 10:29:45 +01:00
commit 326f932efb
4 changed files with 90 additions and 25 deletions

View File

@ -67,7 +67,6 @@ h2{
font-weight: 400; font-weight: 400;
font-size: 17px; font-size: 17px;
} }
.contenue{ .contenue{
height: 285vh; height: 285vh;
} }
@ -89,11 +88,20 @@ h2{
height: 40px; height: 40px;
background-color: #1c1c1c; background-color: #1c1c1c;
} }
.nav_blog{ .nav_blog{
height: 80px; height: 80px;
background-color: #110230; background-color: #110230;
} }
.item_nav_imie{
font-size: 0;
}
.item_nav_imie a{
text-decoration: none;
color: white;
}
.item_nav_imie a:hover{
color: #6e6e6e;
}
.item_nav_imie{ .item_nav_imie{
display: inline-block; display: inline-block;
@ -179,7 +187,12 @@ h2{
font-size: 20px; font-size: 20px;
color: white; color: white;
} }
.test2{
padding-left: 27px;
padding-right: 27px;
margin-top: 100px;
text-align: center;
}
.content-homediv{ .content-homediv{
padding: 0; padding: 0;
} }
@ -295,16 +308,18 @@ input {outline: none}
* ----------------------------------------------------- */ * ----------------------------------------------------- */
.bloc-post{ .bloc-post{
width: 69%; width: 69%;
margin-top: 30px; margin-top: 70px;
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
display: inline-block; display: inline-block;
border-bottom: 5px solid #2ea3f2;
border-radius: 5px; border-radius: 5px;
} }
.search{
border-bottom: 5px solid #2ea3f2;
}
.container-post{ .container-post{
/* height: 500px; */
background-color: white; background-color: white;
padding: 45px; padding: 45px;
} }
@ -326,7 +341,7 @@ input {outline: none}
.bloc-filter{ .bloc-filter{
width: 25%; width: 25%;
height: 500px; height: 500px;
margin-top: 30px; margin-top: 70px;
background-color: white; background-color: white;
background-size: cover; background-size: cover;
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
@ -377,20 +392,37 @@ input {outline: none}
.pad{ .pad{
padding:0; padding:0;
} }
.contenue-recent{ .contenue-recent{
height: 29px; padding: 14px;
width: 110px;
padding-top: 7px;
padding-left: 15px;
background-color: white; background-color: white;
display: inline-block; display: inline-block;
float:right; margin-top: 20px;
} }
.next{
float : right;
}
.filtre{
width: 100%;
padding: 6px 10px 6px 10px;
color:white;
text-transform: uppercase;
font-size: 14px;
margin-top: 15px;
}
.dev-color{
background-color: #fccb3a;
}
.digi-color{
background-color: #6bb194;
}
.ops-color{
background-color: #2ea3f2;
}
.devops-color{
background-color: #ff1c4a;
}
.bloc-recent{ .bloc-recent{
width: 69%; width: 69%;
margin-top: 50px;
float: left; float: left;
} }
.titre-recent{ .titre-recent{
@ -452,9 +484,6 @@ input {outline: none}
.nav_imie { .nav_imie {
height: 0; height: 0;
} }
.item_nav_imie{
font-size: 0;
}
#twi{ #twi{
height: 0; height: 0;
width: 0; width: 0;
@ -469,6 +498,7 @@ input {outline: none}
.test1{ .test1{
margin-top: 30px; margin-top: 30px;
} }
.articleHome2{ .articleHome2{
margin-top:30px; margin-top:30px;
} }

View File

@ -6,10 +6,10 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<ul> <ul>
<li class="item_nav_imie" ><a>Connexion</a></li> <li class="item_nav_imie" ><a>Connexion</a></li>
<li class="item_nav_imie" ><a>Accès Net-Yparéo</a></li> <li class="item_nav_imie" ><a href="https://imie44.ymag.cloud">Accès Net-Yparéo</a></li>
<li class="item_nav_imie" ><a>IMIE Numérique</a></li> <li class="item_nav_imie" ><a href="https://www.imie.fr">IMIE Numérique</a></li>
<li class="item_nav_imie" ><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li> <li class="item_nav_imie" ><a href="https://twitter.com/EcoleIMIE"><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
<li class="item_nav_imie" ><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li> <li class="item_nav_imie" ><a href="https://www.facebook.com/EcolesIMIE/"><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -22,7 +22,7 @@
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<ul> <ul>
<li class="item_nav_blog_logo" ><a><tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;"/></a></li> <li class="item_nav_blog_logo" ><a href="/"><tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;"/></a></li>
<li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"><a><tag type="svg" file="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px"/></a></li> <li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"><a><tag type="svg" file="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px"/></a></li>
<li class="item_nav_blog_droite devops"><a>DEVOPS</a></li> <li class="item_nav_blog_droite devops"><a>DEVOPS</a></li>
<li class="item_nav_blog_droite ops"><a>OPS</a></li> <li class="item_nav_blog_droite ops"><a>OPS</a></li>

View File

@ -38,8 +38,43 @@
<div class="bloc-filter"> <div class="bloc-filter">
<p class="title-second">Plus d'articles</p> <p class="title-second">Plus d'articles</p>
</div> <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>
<div class="contenue-recent previous">Précédent</div>
<div class="contenue-recent next">Suivant</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> </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> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

View File

@ -18,7 +18,7 @@
</div> </div>
</div> </div>
<div class="bloc-post"> <div class="bloc-post search">
<div class="container-post post ops"> <div class="container-post post ops">
<h2 class="title">Mettre en place un serveur web sous linux</h2> <h2 class="title">Mettre en place un serveur web sous linux</h2>
<div class="etiquettes"> <div class="etiquettes">