2018-12-17 16:32:46 +01:00

189 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<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é 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>
</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>
</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>
</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>
<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>
<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>
<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>
</div>
</div>
</main>
<footer>
<tag type="includes" file="footer" />
</footer>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
<!-- ? -->