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:
@ -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 © 2018 bricho.com And Made With Love All Rights Reserved.</p>
|
||||
</footer>
|
||||
<script src="js/libs/particles-conf.js"></script>
|
||||
{/block}
|
Reference in New Issue
Block a user