mirror of
https://github.com/Aviortheking/Blog_IMIE.git
synced 2025-06-08 00:09:55 +00:00
kljh
This commit is contained in:
adrien
parent
4aec48dd00
commit
53faa024c3
@ -108,13 +108,36 @@ body{
|
|||||||
.item_nav_blog_droite{
|
.item_nav_blog_droite{
|
||||||
color: #848484;
|
color: #848484;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
padding-top: 30px;
|
margin-top: 30px;
|
||||||
padding-right: 60px;
|
margin-right: 60px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item_nav_blog_droite:hover{
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transition: 400ms;
|
||||||
|
-o-transition: 400ms;
|
||||||
|
transition: 400ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_nav_blog_droite.dev:hover{
|
||||||
|
color: #f2d761;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_nav_blog_droite.digi:hover{
|
||||||
|
color: #6bb194;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_nav_blog_droite.ops:hover{
|
||||||
|
color: #64bdea;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_nav_blog_droite.devops:hover{
|
||||||
|
color: #9142b7;
|
||||||
|
}
|
||||||
|
|
||||||
.item_nav_blog_droite_icon{
|
.item_nav_blog_droite_icon{
|
||||||
padding-top: 27px;
|
padding-top: 27px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -139,7 +162,7 @@ body{
|
|||||||
}
|
}
|
||||||
.bloc_principal_titre{
|
.bloc_principal_titre{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 13px;
|
padding-top: 14px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-color: #fdee5a;
|
background-color: #fdee5a;
|
||||||
@ -159,11 +182,13 @@ body{
|
|||||||
.bloc-plus{
|
.bloc-plus{
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
float: right;
|
float: right;
|
||||||
width: 120px;
|
|
||||||
height: 25px;
|
|
||||||
background-color: #fdee5a;
|
background-color: #fdee5a;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
}
|
}
|
||||||
|
.bloc-plus:hover{
|
||||||
|
background-color: #fcf3a8;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
.p-home {
|
.p-home {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
color: white;
|
color: white;
|
||||||
@ -234,7 +259,6 @@ input {outline: none}
|
|||||||
.article.digi .cat {
|
.article.digi .cat {
|
||||||
background-color: #6bb194;
|
background-color: #6bb194;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article.dev .cat {
|
.article.dev .cat {
|
||||||
background-color: #f2d761;
|
background-color: #f2d761;
|
||||||
}
|
}
|
||||||
@ -255,6 +279,31 @@ input {outline: none}
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* -----------------------------------------------------
|
||||||
|
* Posts
|
||||||
|
* ----------------------------------------------------- */
|
||||||
|
|
||||||
|
.bloc-post{
|
||||||
|
width: 72%;
|
||||||
|
height: 500px;
|
||||||
|
margin-top: 70px;
|
||||||
|
background-color: white;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
box-shadow: 1px 1px 30px 1px lightgrey;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bloc-filter{
|
||||||
|
width: 22%;
|
||||||
|
height: 500px;
|
||||||
|
margin-top: 70px;
|
||||||
|
background-color: white;
|
||||||
|
background-size: cover;
|
||||||
|
box-shadow: 1px 1px 30px 1px lightgrey;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
#twi{
|
#twi{
|
||||||
height: 18px;
|
height: 18px;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
|
|||||||
@ -25,10 +25,10 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li class="item_nav_blog_logo" ><a><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></a></li>
|
<li class="item_nav_blog_logo" ><a><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></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" ><a>DEVOPS</a></li>
|
<li class="item_nav_blog_droite devops"><a>DEVOPS</a></li>
|
||||||
<li class="item_nav_blog_droite" ><a>OPS</a></li>
|
<li class="item_nav_blog_droite ops"><a>OPS</a></li>
|
||||||
<li class="item_nav_blog_droite" ><a>DIGI</a></li>
|
<li class="item_nav_blog_droite digi"><a>DIGI</a></li>
|
||||||
<li class="item_nav_blog_droite" ><a>DEV</a></li>
|
<li class="item_nav_blog_droite dev"><a>DEV</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -10,7 +10,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>L'actualit<EFBFBD> de nos campus...</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>
|
||||||
@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h3 id="titre-between">Articles récents</h3>
|
<h3 id="titre-between">Articles r<EFBFBD>cents</h3>
|
||||||
<div class="row articles">
|
<div class="row articles">
|
||||||
<div class="col-12 col-md-6 col-lg-4">
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
<div class="article dev">
|
<div class="article dev">
|
||||||
|
|||||||
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<tag type="includes" file="header" />
|
||||||
|
</header>
|
||||||
|
<main class="test container">
|
||||||
|
<div class="bloc-post">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bloc-filter">
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user