avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-06-07 16:09:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

kljh

Browse Source
This commit is contained in:
adrien 2019-01-14 16:53:34 +01:00
parent 4aec48dd00
commit 53faa024c3
4 changed files with 80 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
project/assets/css/style.css
View File

@ -108,13 +108,36 @@ body{
.item_nav_blog_droite{
color: #848484;
font-family: 'Open Sans', sans-serif;
padding-top: 30px;
padding-right: 60px;
margin-top: 30px;
margin-right: 60px;
display: inline-block;
float: right;
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{
padding-top: 27px;
display: inline-block;
@ -139,7 +162,7 @@ body{
}
.bloc_principal_titre{
text-align: center;
padding-top: 13px;
padding-top: 14px;
width: 100%;
height: 50px;
background-color: #fdee5a;
@ -159,11 +182,13 @@ body{
.bloc-plus{
margin-top: 40px;
float: right;
width: 120px;
height: 25px;
background-color: #fdee5a;
padding: 10px 15px;
}
.bloc-plus:hover{
background-color: #fcf3a8;
cursor: pointer;
}
.p-home {
padding-top: 20px;
color: white;
@ -234,7 +259,6 @@ input {outline: none}
.article.digi .cat {
background-color: #6bb194;
}
.article.dev .cat {
background-color: #f2d761;
}
@ -255,6 +279,31 @@ input {outline: none}
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{
height: 18px;
width: 18px;

8
project/assets/html/includes/header.html
View File

@ -25,10 +25,10 @@
<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_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" ><a>OPS</a></li>
<li class="item_nav_blog_droite" ><a>DIGI</a></li>
<li class="item_nav_blog_droite" ><a>DEV</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 digi"><a>DIGI</a></li>
<li class="item_nav_blog_droite dev"><a>DEV</a></li>
</ul>
</div>
</div>

4
project/assets/html/index.html
View File

@ -10,7 +10,7 @@
<div class="bloc_principal">
<div class="cover-black">
<div class="bloc_principal_titre">
<h1>L'actualité de nos campus...</h1>
<h1>L'actualit<EFBFBD> de nos campus...</h1>
</div>
<div class="test2">
<h2 id="titre-home">Ceci est un magnifique titre</h2>
@ -29,7 +29,7 @@
</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="col-12 col-md-6 col-lg-4">
<div class="article dev">

19
project/assets/html/post.html
View File

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