<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Baptiste Carlier &mdash; Développeur mobile et web sur en région lilloise (France)</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Développeur web-mobile, Java, Kotlin Google, Android sur Lille (France)" />
    <meta name="keywords" content="Développeur web, Développeur mobile, Google Android, Kotlin" />
    <meta name="author" content="Baptiste Carlier" />

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content="Baptiste Carlier - Développeur mobile et web sur en région lilloise (France)"/>
    <meta property="og:image" content="http://www.baptistecarlier.com/images/profile.jpg"/>
    <meta property="og:url" content="http://www.baptistecarlier.com/"/>
    <meta property="og:site_name" content="BaptisteCarlier.com"/>
    <meta property="og:description" content="Développeur web-mobile, Java, Kotlin Google, Android sur Lille (France)"/>
    <meta name="twitter:title" content="Baptiste Carlier - Développeur mobile et web sur en région lilloise (France)" />
    <meta name="twitter:image" content="http://www.baptistecarlier.com/images/profile.jpg" />
    <meta name="twitter:url" content="http://www.baptistecarlier.com/" />
    <meta name="twitter:card" content="" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!-- Theme style  -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
        <script src="js/respond.min.js"></script>
        <![endif]-->

    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-6695562-3']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>

</head>
<body>

<div id="page">
    <header id="fh5co-header" class="fh5co-cover js-fullheight" role="banner" style="background-image:url('./images/emile-perron-190221.jpg');" data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center">
                    <div class="display-t js-fullheight">
                        <div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
                            <div class="profile-thumb" style="filter: grayscale(0); background: url(images/profile.jpg);"></div>
                            <h1><span>Baptiste Carlier</span></h1>
                            <h3><span>Mobile developer, web developer,<br/>tech lover &amp; <em>daddy cool</em></span></h3>
                            <p><br>
                                <ul class="fh5co-social-icons">
                                    <li><a href="https://fr.linkedin.com/in/baptiste-carlier-a3b9a91b" target="_blank"><i class="icon-linkedin2"></i></a></li>
                                    <li><a href="https://www.youtube.com/@baptistemobiledev" target="_blank"><i class="icon-youtube"></i></a></li>
                                    <li><a href="http://www.twitter.com/bapness" target="_blank"><i class="icon-twitter2"></i></a></li>
                                    <li><a href="https://medium.com/@BapNesS" target="_blank"><i class="icon-quill"></i></a></li>
                                    <li><a href="https://github.com/BapNesS" target="_blank"><i class="icon-github"></i></a></li>
                                    <li><a href="https://stackoverflow.com/users/1126492/baptiste-carlier" target="_blank"><i class="icon-stackoverflow"></i></a></li>
                                    <li><a href="https://dribbble.com/BapNesS" target="_blank"><i class="icon-dribbble2"></i></a></li>
                                </ul>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div id="fh5co-about" class="animate-box about">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>&Agrave; propos de moi</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <ul class="info">
                        <li><span class="first-block">Nom :</span><span class="second-block">Baptiste CARLIER</span></li>
                        <li><span class="first-block">&Acirc;ge :</span><span class="second-block">35 ans</span></li>
                        <li><span class="first-block">Ville :</span><span class="second-block">Lille, France</span></li>
                        <li><span class="first-block">Email :</span><span class="second-block">contact@baptistecarlier.com</span></li>
                    </ul>
                </div>
                <div class="col-md-8 intro">
                    <h2>Hello, je suis Baptiste !</h2>
                    <p>Je suis passionné par les nouvelles technologies, domaine dans lequel je me suis spécialisé depuis mes études supérieures.</p>
                    <p>L'<span>informatique</span>, le <span>développement</span>, le <span>Web</span>, les <span>technologies de Google</span>, <span>Android</span>, la <span>domotique</span>, etc. J'affectionne ces sujets, tant dans ma vie professionnelle que personnelle.</p>
                    <h3>Et à côté&#133;</h3>
                    <p>Je suis l'heureux père d'une super demoiselle que j'aide à grandir.<br/>Je m'implique avec plaisir dans les projets de son école, qu'ils soient numériques ou non.</p>
                    <p>J'essaie aussi de m'organiser des moments pour faire de la natation. Ce qui me vide la tête et me permet de garder la forme ! C'est primordial.</p>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-videos">
        <div class="container">
            <div class="row animate-box fadeInUp animated-fast">
                <div class="text-left fh5co-heading">
                    <h2><i class="icon-competences icon-youtube icon-small icon-color"></i> Vidéos</h2>
                    <p>J'ai lancé une chaîne YouTube il y a quelques temps pour partager du contenu sur Android, Kotlin, Firebase.</p>
                </div>
            </div>
            <div class="row col-md-offset-1 col-md-10">
                <div class="row">
                    <div class="col-md-6 text-center col-padding animate-box fadeInUp animated-fast">
                        <a href="https://www.youtube.com/watch?v=Bacomk0DYNw" target="_blank" class="work" style="background-image: url('https://i.ytimg.com/vi/Bacomk0DYNw/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBOAbleVoKrPaQ-9sjrlK0mhQLWhg');">
                            <div class="desc">
                                <h3>Let's DEV: Je termine de remplacer les Fragments par Compose</h3>
                                <span>10 déc. 2022</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 text-center col-padding animate-box fadeInUp animated-fast">
                        <a href="https://www.youtube.com/watch?v=k0vCLgAPBkI" target="_blank" class="work" style="background-image: url('https://i.ytimg.com/vi/k0vCLgAPBkI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAxll8HdabITCBejDx1ZCFvqefrCg');">
                            <div class="desc">
                                <h3>🚉 Navigation Hoisting, arguments et SavedStateHandle dans ViewModel</h3>
                                <span>3 nov. 2022</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 text-center col-padding animate-box fadeInUp animated-fast">
                        <a href="https://www.youtube.com/watch?v=3kyYmJyAivk" target="_blank" class="work" style="background-image: url('https://i.ytimg.com/vi/3kyYmJyAivk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCKY5WSbWIaxj_M-5_9PFVNfCy0_g');">
                            <div class="desc">
                                <h3>🚉 Jetpack Compose : Navigation avec le NavHost, Routes, et sealed class</h3>
                                <span>22 oct. 2023</span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 text-center col-padding animate-box fadeInUp animated-fast">
                        <a href="https://www.youtube.com/watch?v=DZayh7xmkmE" target="_blank" class="work" style="background-image: url('https://i.ytimg.com/vi/DZayh7xmkmE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCLvHDigrx1PMjPkJ6G1S8l4D0EGQ');">
                            <div class="desc">
                                <h3>🔀 LiveData et StateFlow avec Jetpack Compose</h3>
                                <span>10 sept. 2023</span>
                            </div>
                        </a>
                    </div>
                    </div>
            </div>
        </div>
    </div>

    <div id="fh5co-medium">
        <div class="container">
            <div class="row animate-box fadeInUp animated-fast">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>Blog</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="fh5co-blog animate-box fadeInUp animated-fast">
                        <a href="https://medium.com/@bapness/live-coding-on-stage-the-right-way-c176ae4b8a0d" target="_blank" class="blog-bg" style="background-image: url('https://miro.medium.com/fit/c/360/300/1*g59eHXYSaxMMHBXWClyPuQ.png'); background-color: #EEEEEE;"></a>
                        <div class="blog-text">
                            <span class="posted_on">30 avr. 2023</span>
                            <h3><a href="https://medium.com/@bapness/live-coding-on-stage-the-right-way-c176ae4b8a0d" target="_blank">Live coding on stage, the right way</a></h3>
                            <p>Few days ago, Antoine Robiez and I were on stage at Android Makers, speaking and demonstrating in front of a bunch of people. By demonstrating, I mean that a part of our talk was live coding. It was the second time…</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="fh5co-blog animate-box fadeInUp animated-fast">
                        <a href="https://medium.com/@bapness/overlapping-profile-pictures-with-jetpack-compose-modifier-b91bc8693d21" target="_blank" class="blog-bg" style="background-image: url('https://miro.medium.com/fit/c/360/300/1*WV-DaCOUa4d8sL2xsChwDA.png'); background-color: #EEEEEE;"></a>
                        <div class="blog-text">
                            <span class="posted_on">15 mar. 2023</span>
                            <h3><a href="https://medium.com/@bapness/https://medium.com/@bapness/overlapping-profile-pictures-with-jetpack-compose-modifier-b91bc8693d21" target="_blank">Overlapping profile pictures with Jetpack Compose Modifier</a></h3>
                            <p>Because a picture paints a thousand words, I guess with this one you will understand what I wanted to achieve when I started to work on a…</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="fh5co-blog animate-box fadeInUp animated-fast">
                        <a href="https://medium.com/@bapness/deferred-et-awaitall-comment-parall%C3%A9liser-vos-coroutines-5deedfafedc2" target="_blank" class="blog-bg" style="background-image: url('https://miro.medium.com/fit/c/360/300/1*YTyu2a5OHUffeaROg2M2mg.png'); background-color: #EEEEEE;"></a>
                        <div class="blog-text">
                            <span class="posted_on">5 fév. 2023</span>
                            <h3><a href="https://medium.com/@bapness/deferred-et-awaitall-comment-parall%C3%A9liser-vos-coroutines-5deedfafedc2" target="_blank">Deferred et awaitAll : comment paralléliser vos coroutines</a></h3>
                            <p>L’utilisation des coroutines est un standard pour gérer les tâches concurrentielles sur Android. Elles simplifient grandement le code…</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-resume" class="fh5co-bg-color">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>Mon parcours</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-md-offset-0">
                    <ul class="timeline">
                        <li class="timeline-heading text-center animate-box">
                            <div><h3>Parcours professionnel</h3></div>
                        </li>
                        <li class="timeline-inverted animate-box pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Tech Lead Android</h3>
                                    <span class="company">Decathlon Technology - 01/2023 à aujourd'hui</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Tech Lead d'une feature team Android dédiée à un produit interne utilisé dans l'ensemble des magasins Decathlon.</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Responsable d'application confirmé</h3>
                                    <span class="company">Worldline - 08/2018 à 12/2022</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Lead developer au sein du <strong>Pôle Mobile et Logiciel</strong> de Worldline sur des projets mobiles Android (Kotlin/Java).</p>
                                    <p>Membre de la Tech Squad, communauté dédiée au partage des connaissances, d'innovation et le savoir-faire en interne et en externe.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Responsable d'application confirmé</h3>
                                    <span class="company">Worldline, an Atos company - 06/2016 à 07/2018</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Responsable d'application confirmé dans le <strong>domaine de la santé</strong>. Front (web/Android/iOS) et back sont au c&oelig;ur des travaux de notre équipe.</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Ingénieur étude et développement</h3>
                                    <span class="company">Worldline, an Atos company - 03/2014 à 05/2016</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Ingénieur front/back pour des <strong>sites e-commerce d'un groupe de la grande distribution</strong>, en France et à l'internationale.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Ingénieur étude et développement</h3>
                                    <span class="company">Alten - de 10/2011 à 03/2014</span>
                                </div>
                                <div class="timeline-body">
                                    <p>En prestation en SSII pour des sites e-commerce d'un groupe de la grande distribution, en France et à l'internationale.</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted pro">
                            <div class="timeline-badge"><i class="icon-suitcase"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Développeur</h3>
                                    <span class="company">Edu-Studio & Tymate - 2010 - 2012</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Alternance en tant que développeur de jeu tactile sur tablette multitouch & Android.</p>
                                </div>
                            </div>
                        </li>

                        <br>
                        <li class="timeline-heading text-center animate-box">
                            <div><h3>Stages et laboratoire</h3></div>
                        </li>
                        <li class="timeline-inverted animate-box forma">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Stage en entreprise</h3>
                                    <span class="company">Perpetual Study - de 03/2010 à 08/2010</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Stage en tant que développeur de jeu tactile sur tablette multitouch.</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted forma">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Stage en laboratoire</h3>
                                    <span class="company">LIFL - 09/2009</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Stage d'un mois en laboratoire informatique au FIL de l'USTL en multitouch et domotique.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box forma">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Stage en entreprise</h3>
                                    <span class="company">Aéronet Référencement - de 12/2008 à 03/2009</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Stage en tant qu'Assistant Référenceur.</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted forma">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Stage en entreprise</h3>
                                    <span class="company">Logica (maintenant CGI) - 04/2008 à 06/2008</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Stage au sein de la <em>Cellule Architecture</em>.</p>
                                </div>
                            </div>
                        </li>
                        <br>
                        <li class="timeline-heading text-center animate-box">
                            <div><h3>Diplômes</h3></div>
                        </li>
                        <li class="timeline-inverted animate-box sup">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Master 2 Informatique</h3>
                                    <span class="company">Université Lille 1 Sciences Et Technologies - de 2010 à 2011</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Spécialité E-Services</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted sup">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Master 1 Informatique</h3>
                                    <span class="company">Université Lille 1 Sciences Et Technologies - de 2009 à 2010</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Spécialité Génie Mathématiques et Informatique (GMI)</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box sup">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Licence 3 Informatique</h3>
                                    <span class="company">Université Lille 1 Sciences Et Technologies - de 2008 à 2009</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Spécialité Génie Mathématiques et Informatique (GMI)</p>
                                </div>
                            </div>
                        </li>
                        <li class="animate-box timeline-unverted sup">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">DUT Informatique</h3>
                                    <span class="company">Université Lille 1 Sciences Et Technologies - de 2006 à 2008</span>
                                </div>
                                <div class="timeline-body">
                                    <p>DUT Informatique à l'IUT de Lille</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted animate-box sup">
                            <div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h3 class="timeline-title">Bac Scientifique</h3>
                                    <span class="company">Lycée Raymond Queneau - de 2003 à 2009</span>
                                </div>
                                <div class="timeline-body">
                                    <p>Spécialité Physique-Chimie</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-blog" class="competences">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-left">
                    <h2><i class="icon-competences icon-book3 icon-small icon-color"></i> Comp&eacute;tences &amp; outils</h2>
                </div>
            </div>
            <div class="row animate-box">
                <div class="col-md-12 col-md-offset-0 text-left">
                    <ul class="abalities">
                        <li class="l">Kotlin</li>
                        <li class="l">KMM (Kotlin Multiplatform Mobile)</li>
                        <li class="l">Android</li>
                        <li class="l">Jetpack Compose</li>
                        <li class="l">Java</li>
                        <li class="t">Android Studio</li>
                        <li class="l">HTML</li>
                        <li class="l">CSS</li>
                        <li class="l">Javascript</li>
                        <li class="l">Clean Architecture</li>
                        <li class="l">MySQL</li>
                        <li class="t">Git</li>
                        <li class="t">Maven</li>
                        <li class="t">IntelliJ</li>
                        <li class="t">Sonar</li>
                        <li class="t">Ktlint</li>
                        <li class="t">Detekt</li>
                        <li class="t">Figma</li>
                        <li class="l">Firebase</li>
                        <li class="t">Gradle</li>
                        <li class="t">Nexus Sonatype</li>
                        <li class="l">Shell</li>
                        <li class="t">GitLab</li>
                        <li class="t">GitHub</li>
                        <li class="t">Montage vidéo</li>
                        <li class="t">PuTTy</li>
                        <li class="t">Jira</li>
                        <li class="t">Confluence</li>
                        <li class="l">YouTube</li>
                        <li class="t">Wordpress</li>
                        <li class="l">PHP</li>
                        <li class="t">Office</li>
                    </ul>
                </div>
            </div>
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-right">
                    <h2 class="certif">Certifications <i class="icon-competences icon-trophy3 icon-small icon-color"></i></h2>
                </div>
            </div>
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-right">
                    <div class="competence_block">
                        <div class="competence_name">
                            <p>Professional Scrum&reg; Developer I<br/>
                                <span class="posted_on">Octobre 2017</span></p>
                        </div>
                        <div class="competence_link">
                            <a href="https://www.scrum.org/professional-scrum-certifications/professional-scrum-developer-assessment" target="_blank"><i class="icon-link"></i></a>
                        </div>
                    </div>
                    <div class="competence_block">
                        <div class="competence_name">
                            <p>ITIL&reg; Foundation Certificate in IT Service Management<br/>
                                <span class="posted_on">Janvier 2015</span></p>
                        </div>
                        <div class="competence_link">
                            <a href="https://www.axelos.com/certifications/itil-certifications/itil-foundation-level" target="_blank"><i class="icon-link"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-features" class="animate-box">
        <div class="container">
            <div class="services-padding">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                        <h2>Retrouvez moi en ligne</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
                            <a href="https://fr.linkedin.com/in/baptiste-carlier-a3b9a91b" target="_blank">
                                <span class="icon">
                                    <i class="icon-linkedin2"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>LinkedIn</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
                            <a href="https://www.youtube.com/@baptistemobiledev" target="_blank">
                                <span class="icon">
                                    <i class="icon-youtube"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>YouTube</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4 text-center">
                        <div class="feature-left">
                            <a href="https://twitter.com/BapNesS" target="_blank">
                                <span class="icon">
                                    <i class="icon-twitter2"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>Twitter</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 text-center">
                        <div class="feature-left">
                            <a href="https://medium.com/@BapNesS" target="_blank">
                                <span class="icon">
                                    <i class="icon-quill"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>Medium</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 text-center">
                        <div class="feature-left">
                            <a href="https://github.com/BapNesS" target="_blank">
                                <span class="icon">
                                    <i class="icon-github"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>GitHub</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 text-center">
                        <div class="feature-left">
                            <a href="https://stackoverflow.com/users/1126492/baptiste-carlier" target="_blank">
                                <span class="icon">
                                    <i class="icon-stackoverflow"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>Stackoverflow</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 text-center">
                        <div class="feature-left">
                            <a href="https://dribbble.com/BapNesS" target="_blank">
                                <span class="icon">
                                    <i class="icon-dribbble2"></i>
                                </span>
                                <div class="feature-copy">
                                    <h3>Dribbble</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12" style="text-align: right">
                    <p><a href="http://www.BaptisteCarlier.com" target="_blank">BaptisteCarlier.com</a> / 2023<br/>Picture from <a href="http://unsplash.com" target="_blank">Unsplash</a></p>
                </div>
            </div>
        </div>
    </div>

    <div class="gototop js-top">
        <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
    </div>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Easy PieChart -->
<script src="js/jquery.easypiechart.min.js"></script>
<!-- Main -->
<script src="js/main.js"></script>

</body>
</html>

