Maj de bootstrap en V4 finale

Création d'un module à part pour gérer les applications
 - Ajout de VautMeUp
 - Préparation de l'appli karting
Ajout d'un bloc "Projets personnels"
This commit is contained in:
2018-06-27 00:46:00 +02:00
parent 2cdbbadcc2
commit 5659eb6309
35 changed files with 14681 additions and 9663 deletions

View File

@ -1,4 +1,5 @@
{extends '../../../../../module/Application/view/layout/layout.tpl'}
{block 'content'}
<!--------------------------------------HEADER-------------------------------------->
@ -19,7 +20,8 @@
<li><a id="about-link" href="#about">À propos </a></li>
<li><a id="competences-link" href="#competences">Competences</a></li>
<li><a id="experiences-link" href="#experiences">Experiences</a></li>
<li><a id="engagement-link" href="#engagement">Engagements</a></li>
{*<li><a id="engagement-link" href="#engagement">Engagements</a></li>*}
<li><a id="projets-link" href="#projets">Projets</a></li>
<li><a id="contact-link" href="#contact">Contact</a></li>
</ul>
</nav>
@ -331,7 +333,7 @@
</section>
<!--------------------------------------ENGAGEMENT SECTION-------------------------------------->
{*
<section id="engagement">
<div class="container">
<div class="section-title">
@ -355,7 +357,7 @@
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 hb vb">
<div class="service-block">
<i class="icon fas fa-mobile-alt"></i>
<h3>Fully Responsive</h3>
<h3>Responsif</h3>
</div>
</div>
@ -394,7 +396,74 @@
</div>
</section>
*}
<!--------------------------------------PROJETS PERSONELS SECTION-------------------------------------->
<section id="projets">
<div class="container">
<div class="section-title">
<h1>Mes projets <span class="accent-text">Personels</span></h1>
</div>
<div class="row center-xs center-sm center-md center-lg">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div id="carousel-projets" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#carousel-projets" data-slide-to="0" class="active"></li>
<li data-target="#carousel-projets" data-slide-to="1"></li>
<li data-target="#carousel-projets" data-slide-to="2"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/illust_TimeLaps.JPG">
<div class="carousel-caption d-none d-md-block">
<h5>TimeLaps</h5>
<p>
Application de gestion de relai de course d'endurance.
Permet entre autre de gérer les relais, le panneautage, l'autonomie et la durée dans les stands.
</p>
</div>
</div>
<div class="carousel-item">
<img src="img/illust_VaultMeUp.JPG">
<div class="carousel-caption d-none d-md-block">
<h5>VaultMeUp</h5>
<p>
Application permettant de générer un mot de passe complèxe à partir d'une url et d'une clé de génération (Mot de passe qu'on utilise régulièrement).
Le mot de passe généré est unique pour chaque couple url/clé ce qui permet de retrouver le mot de passe d'origine en cas d'oubli.
</p>
<a class="btn btn-outline-light" href="/vault" target="_blank">Ouvrir l'application</a>
</div>
</div>
<div class="carousel-item">
<img src="img/illust_FlatWeather.JPG">
<div class="carousel-caption d-none d-md-block">
<h5>FlatWeather</h5>
<p>
Application mobile permetant d'obtenir la météo de de manière géolocalisée, à la demande et via carte.
Cette application à été réalisée pour monter en compétence sur IonicFramefork et AngularJs.
</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev hover-dark" href="#carousel-projets" data-slide="prev">
<i class="fas fa-2x fa-chevron-left hover-dark"></i>
</a>
<a class="carousel-control-next hover-dark" href="#carousel-projets" data-slide="next">
<i class="fas fa-2x fa-chevron-right "></i>
</a>
</div>
</div>
</div>
</section>
<!--------------------------------------CONTACT SECTION-------------------------------------->
<section id="contact">
@ -530,8 +599,6 @@
</div>
</div>
</div>
<!--------------------------------------FOOTER SECTION-------------------------------------->
<footer>
<p>Copyright &#169; 2018 bricho.com And Made With Love All Rights Reserved.</p>
</footer>
<script src="js/libs/particles-conf.js"></script>
{/block}