This commit is contained in:
2018-12-18 15:09:49 +01:00
parent 3ecfa1f568
commit 31564554ea
11 changed files with 229 additions and 266 deletions

View File

@ -9,8 +9,8 @@
<li class="item_nav_imie" ><a>Acc<EFBFBD>s Net-Ypar<61>o</a></li>
<li class="item_nav_imie" ><a>IMIE Drones & Data</a></li>
<li class="item_nav_imie" ><a>IMIE Num<75>rique</a></li>
<li class="item_nav_imie" ><a><img id="twi" src="assets/img/twitter.png"></a></li>
<li class="item_nav_imie" ><a><img id="fb" src="assets/img/facebook.png"></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><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
</ul>
</div>
</div>
@ -24,7 +24,7 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<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"><a><img id="glass" src="assets/img/glass.png"></a></li>
<li class="item_nav_blog_droite_icon"><a><tag type="svg" file="mignify" style="color: black; width: 18px; height: 18px"/></a></li>
<li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"></li>
<li class="item_nav_blog_droite" ><a>DEVOPS</a></li>
<li class="item_nav_blog_droite" ><a>OPS</a></li>
@ -32,8 +32,8 @@
<li class="item_nav_blog_droite" ><a>DEV</a></li>
</ul>
</div>
</div></div>
</div>
</div>
</div>
</
</div>
</div>

View File

@ -6,176 +6,133 @@
<header>
<tag type="includes" file="header" />
</header>
<main class="test">
<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="cover-black">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 content-homediv">
<div class="bloc_principal_titre">
<h1>L'actualit<69> de nos campus...</h1>
</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>
<div class="bloc-plus" ><p id="info-plus">En savoir plus</p></div>
</div>
</div>
</div>
</div>
<main class="test container">
<div class="bloc_principal">
<div class="cover-black">
<div class="bloc_principal_titre">
<h1>L'actualit<69> de nos campus...</h1>
</div>
<div class="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>
<div class="bloc-plus">
<p id="info-plus">En savoir plus</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h3 id="titre-between">Articles r<>cents</h3>
<h3 id="titre-between">Articles r<>cents</h3>
<div class="row articles">
<div class="col-12 col-md-6 col-lg-4">
<div class="article dev">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
DEV
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">
Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-dev">
<p class="cat-home-name">DEV</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-dev">
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="article digi">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
DIGI
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-digi">
<p class="cat-home-name">DIGI</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-digi">
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="article ops">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
OPS
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-ops">
<p class="cat-home-name">OPS</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-ops">
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="article ops">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
OPS
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-ops">
<p class="cat-home-name">OPS</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-ops">
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="article devops">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
DEVOPS
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-devops">
<p class="cat-home-name">DEVOPS</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-devops">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 articles-home">
<div class="article-home">
<div class="contenue-home">
<h4 id="titre-article-home">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<div class="cat-home-ops">
<p class="cat-home-name">OPS</p>
</div>
<div class="date-home">
<p class="date-home-name">26-06-2018</p>
</div>
</div>
<p class="p-home-article">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
minimis ad clades excita luctuosas, quas obliterasset utinam iuge silentium!</p>
</div>
<div class="footer-article-home-ops">
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="article ops">
<h4 class="title">Mettre en place un serveur web sous linux</h4>
<div class="etiquettes">
<span class="cat">
OPS
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
</div>
</div>
@ -185,5 +142,4 @@
</footer>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
<!-- ? -->
</html>