avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-04-22 10:52:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

maj index.php/add imgs/maj responsiv

Browse Source
This commit is contained in:
theomemin 2018-12-10 13:37:34 +01:00
parent 016d11864a
commit 3987ff7326
9 changed files with 89 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,7 +59,16 @@ body{
height: 300vh;
background-color: #eeeeee;
}
.test1{
float: left;
text-align: center;
margin-top: 133px;
}
.test2{
margin-top: 166px;
float: right;
font-family: 'Open Sans', sans-serif;
}
.nav_imie{
height: 40px;
background-color: #1c1c1c;
@ -91,17 +100,17 @@ body{
}
.item_nav_blog_droite{
color: #848484;
font-family: 'Open Sans', sans-serif;
padding-top: 30px;
padding-right: 60px;
display: inline-block;
color: black;
float: right;
}
.item_nav_blog_droite_icon{
padding-top: 30px;
padding-top: 27px;
display: inline-block;
color: black;
float: right;
}
.bloc_principal{
@ -116,14 +125,23 @@ body{
width: 100%;
height: 50px;
background-color: #ffef2b;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
}
.content-homediv{
padding: 0;
}
.item_nav_blog_logo{
padding-top: 5px;
padding-top: 2px;
display: inline-block;
float: left;
}
.p-home {
padding-top: 20px;
color: grey;
}
#twi{
height: 18px;
width: 18px;
@ -135,10 +153,11 @@ body{
}
#search{
font-family: 'Open Sans', sans-serif;
background-color: transparent;
border: none;
width: 120px;
border-bottom: #1c1c1c solid 2px;
width: 180px;
border-bottom: #848484 solid 1px;
}
#glass{
@ -146,6 +165,10 @@ body{
width: 20px;
margin-left: 8px;
}
#titre-home{
padding-bottom: 20px;
font-size: 20px;
}
@media screen and (max-width: 640px) {
.nav_imie {
@ -162,6 +185,21 @@ body{
height: 0;
width: 0;
}
.img-home{
width: 250px;
}
.test1{
margin-top: 20px;
}
.test2{
margin-top: 20px;
}
#titre-home{
padding-bottom: 10px;
}
.p-home{
padding-top: 7px;
}
}
@media screen and (max-width: 365px) {
@ -171,4 +209,22 @@ body{
width: 60px;
border-bottom: #1c1c1c solid 2px;
}
.img-home{
width: 200px;
}
.test1{
margin-top: 20px;
}
.test2{
margin-top: 20px;
}
#titre-home{
padding-bottom: 10px;
}
.p-home{
padding-top: 7px;
}
.bloc_principal_titre{
font-size: 20px;
}
}

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

@ -23,9 +23,9 @@
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<ul>
<a><li class="item_nav_blog_logo" ><img src="/assets/img/logo_imie.png"></li></a>
<a><li class="item_nav_blog_logo" ><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></li></a>
<a><li class="item_nav_blog_droite_icon"><img id="glass" src="assets/img/glass.png"></li></a>
<a><li class="item_nav_blog_droite_icon"><input id="search" type="text"></li></a>
<a><li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"></li></a>
<a><li class="item_nav_blog_droite" >DEVOPS</li></a>
<a><li class="item_nav_blog_droite" >OPS</li></a>
<a><li class="item_nav_blog_droite" >DIGI</li></a>

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

@ -7,14 +7,30 @@
<tag type="includes" file="header" />
</header>
<main class="test">
<div class="pres">
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="bloc_principal">
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="bloc_principal">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content-homediv">
<div class="bloc_principal_titre">
<h1>Le titre de la div (bloc_principal)</h1>
<h1>L'actualité de nos campus...</h1>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 test1">
<img class="img-home" src="/assets/img/img_acceuil2.jpg">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 test2">
<h2 id="titre-home">Ceci est un magnifique titre</h2>
<p class="p-home">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p class="p-home">Vin reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>

BIN
project/assets/img/glass.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 769 B

After

Width:  |  Height:  |  Size: 957 B

BIN
project/assets/img/img_acceuil.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
project/assets/img/img_acceuil2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

1
project/assets/img/logo-imie-blog.svg Normal file
View File

@ -0,0 +1 @@
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 951 309"><defs><style>.cls-1{fill:none;}.cls-2,.cls-3,.cls-6,.cls-7{fill:#fff;}.cls-3{font-size:58.17px;}.cls-3,.cls-7{font-family:BrushScriptMT, Brush Script MT;font-style:italic;}.cls-4{fill:#0d0c0d;}.cls-5{clip-path:url(#clip-path);}.cls-6{font-size:74.64px;font-family:Domyouji, Domyouji;}.cls-7{font-size:86.53px;}.cls-8{font-size:78.94px;fill:#0b0b0e;font-family:ZonaBlack-Black, Zona Black;}</style><clipPath id="clip-path"><rect class="cls-1" x="670.04" y="22.55" width="259.93" height="261.51"/></clipPath></defs><title>Plan de travail 2</title><path class="cls-2" d="M801,215.23a14.6,14.6,0,0,1,4.18-3.31,13.08,13.08,0,0,1,6.18-1.52c4,0,8,0,12.07,0,9.53,0,17.57,7.05,17.65,15.58.08,9.43,0,18.85,0,28.28,0,1-.38,1.15-1.36,1.14-4.28,0-8.57-.06-12.86,0-1.18,0-1.36-.36-1.36-1.3,0-9,0-17.91,0-26.87,0-2.09-.8-2.83-3.1-2.84q-5.31,0-10.64,0c-2.28,0-3.12.79-3.12,2.86,0,8.86,0,17.72,0,26.58,0,1.18-.2,1.62-1.68,1.58-4-.11-8.05-.09-12.07,0-1.39,0-1.86-.24-1.85-1.59.08-8.81.05-17.63,0-26.44,0-2.29-.75-3-3.27-3h-10c-2.78,0-3.62.73-3.62,3.18,0,8.82,0,17.63,0,26.44,0,1.13-.34,1.42-1.58,1.4-4.23-.07-8.47,0-12.7,0-.95,0-1.27-.18-1.27-1.09,0-9.43-.09-18.86.06-28.29.13-8.7,8.23-15.61,18-15.62,3.65,0,7.31.09,11,0A14.2,14.2,0,0,1,801,215.23Z"/><path class="cls-2" d="M892,239.53c-5,0-10.05,0-15.08,0-1.27,0-2,.27-2.09,1.52s.42,1.82,1.87,1.93c4.75.37,9.51.41,14.26.48,5.56.07,11.11.06,16.67,0,1.09,0,1.46.26,1.44,1.27q-.09,4.76,0,9.51c0,1-.34,1.18-1.36,1.17-9.26,0-18.52,0-27.78,0-7.86-.06-15.42-6.13-16.46-13.41-.8-5.6-.32-11.25-.22-16.88a12.46,12.46,0,0,1,1.18-4.54c.34-.81.69-1.16,1.43-.29.29.34.66.62,1,1,.53.59,1,.59,1.47-.05.73-1,1.47-.91,2.23,0,.35.42.82.75,1.19,1.15.85.93,1.66,1.79,2.78.21a.74.74,0,0,1,1.2,0c1,1,2.09,2,3.16,3,.48.43.26.67-.14,1-1.42,1.21-2.79,2.46-4.21,3.66-.6.52-1.05.88-.2,1.66s1.25.45,1.72-.15c.76-.94,1.38-.77,2,.1.51.68,1.06.86,1.68.05s1.38-.9,2.09,0c.57.73,1.12.86,1.76,0s1.47-.7,2.1.11,1.06.77,1.64,0,1.41-.87,2.1,0,1.11.86,1.75,0,1.35-.82,2,0,1.45,1.1,2.26.07c.54-.67,1.06-.65,1.58,0,.68.92,1.4,1,2.13,0s1.46-.76,2.15.1c.36.45.72.91,1.45.21s.52-.93-.07-1.48q-9.3-8.73-18.57-17.5c-.49-.47-.86-1.08-1.73-.28s-.3,1,.27,1.42c1,.65.69,1.24-.11,1.81s-1.33,1.14-.09,1.92.1,1.36-.44,2-1.2.75-1.82,0-1.23-1.1-2-.05c-.49.7-1.14.76-1.77,0-.39-.44-.9-.81-1.3-1.24-.9-1-1.73-2-3-.29-.32.43-.81.27-1.19-.13s-1-1-1.51-1.46c-1.67-1.62-1.68-1.63.27-3.09a17.26,17.26,0,0,1,10.27-3.64q9-.1,17.93.06a18.9,18.9,0,0,1,7.34,1.62,10,10,0,0,1,6.47,9.37c.19,4.72-1.09,9.29-2,13.89-.27,1.29-.09,3-1.11,3.73s-3,.23-4.48.25c-4,0-8,0-12.06,0Z"/><path class="cls-2" d="M742.06,233.78c0-6.72,0-13.45,0-20.17,0-1.07.33-1.37,1.51-1.35q6.35.09,12.69,0c1.15,0,1.39.33,1.38,1.29q0,20.31,0,40.62c0,1-.29,1.26-1.4,1.25-4.23-.06-8.46-.07-12.69,0-1.19,0-1.51-.26-1.5-1.33C742.09,247.32,742.06,240.55,742.06,233.78Z"/><path class="cls-2" d="M859.88,233.94c0,6.72,0,13.45,0,20.17,0,1.08-.33,1.33-1.5,1.31-4.28-.07-8.56,0-12.85,0-1,0-1.24-.25-1.23-1.12q0-20.44,0-40.9c0-.88.31-1.13,1.27-1.12,4.33,0,8.67,0,13,0,1.09,0,1.29.34,1.29,1.23C859.86,220.3,859.88,227.12,859.88,233.94Z"/><path class="cls-2" d="M749.92,210.47c-2.22,0-4.44,0-6.66,0-.81,0-1.25-.1-1.22-1,.07-2.22.05-4.44,0-6.66,0-.75.26-1,1.08-1q6.81,0,13.62,0c.93,0,1.16.29,1.14,1.07,0,2.17,0,4.35,0,6.52,0,.82-.27,1-1.16,1C754.46,210.44,752.19,210.47,749.92,210.47Z"/><path class="cls-2" d="M852.25,201.88c2.22,0,4.43,0,6.65,0,.93,0,1.31.17,1.28,1.09-.07,2.17-.06,4.35,0,6.52,0,.84-.33,1-1.19,1q-6.74,0-13.46,0c-.85,0-1.23-.15-1.2-1,.06-2.22,0-4.45,0-6.67,0-.76.31-1,1.11-.95C847.71,201.9,850,201.88,852.25,201.88Z"/><text class="cls-3" transform="translate(668.91 252.97)">By</text><g id="carré"><rect class="cls-4" x="670.04" y="22.55" width="266.43" height="263.89"/><g class="cls-5"><path class="cls-2" d="M879.81,202.26H865.92v-8.33h13.89Zm-.23,44.22H865.93V204.14h13.65Zm-16.63,0H849.29v-28.3a2.17,2.17,0,0,0-2.16-2.18H836.31a2.18,2.18,0,0,0-2.17,2.18v28.3H820.49v-28.3a2.18,2.18,0,0,0-2.17-2.18H807.58a2.24,2.24,0,0,0-2.24,2.18v28.3H791.68v-28.3a15.94,15.94,0,0,1,15.9-15.92h10.74a11.79,11.79,0,0,1,9,5,11.66,11.66,0,0,1,9-5h10.82A15.88,15.88,0,0,1,863,218.18Zm-74-44.22H775v-8.33h13.88Zm-.22,44.22H775V204.14H788.7Z"/><text class="cls-6" transform="translate(877.65 246.68) scale(1.01 1)">e</text></g></g><text class="cls-7" transform="translate(684.28 246.44) scale(1.01 1)">By</text><text class="cls-8"><tspan x="338.27" y="183.32">&lt;BLOG</tspan><tspan x="99.79" y="262.76">ETUDIANT/&gt;</tspan></text></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
project/assets/img/logo_imie 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
project/assets/img/logo_imie.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 34 KiB