|
|
<!doctype html>
|
|
|
<html class="no-js" lang="en">
|
|
|
|
|
|
<head>
|
|
|
<!-- meta data -->
|
|
|
<meta charset="utf-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
|
|
|
|
<!--font-family-->
|
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&subset=devanagari,latin-ext" rel="stylesheet">
|
|
|
|
|
|
<!-- title of site -->
|
|
|
<title>Portfolio</title>
|
|
|
|
|
|
<!-- For favicon png -->
|
|
|
<link rel="shortcut icon" type="image/icon" href="assets/logo/blanc.jpg"/>
|
|
|
|
|
|
<!--font-awesome.min.css-->
|
|
|
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
|
|
|
|
|
|
<!--flat icon css-->
|
|
|
<link rel="stylesheet" href="assets/css/flaticon.css">
|
|
|
|
|
|
<!--animate.css-->
|
|
|
<link rel="stylesheet" href="assets/css/animate.css">
|
|
|
|
|
|
<!--owl.carousel.css-->
|
|
|
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
|
|
|
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
|
|
|
|
|
|
<!--bootstrap.min.css-->
|
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
|
|
|
|
<!-- bootsnav -->
|
|
|
<link rel="stylesheet" href="assets/css/bootsnav.css" >
|
|
|
|
|
|
<!--style.css-->
|
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
|
|
|
|
<!--responsive.css-->
|
|
|
<link rel="stylesheet" href="assets/css/responsive.css">
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!--[if lte IE 9]>
|
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
|
|
<![endif]-->
|
|
|
|
|
|
<!-- top-area Start -->
|
|
|
<header class="top-area">
|
|
|
<div class="header-area">
|
|
|
<!-- Start Navigation -->
|
|
|
<nav class="navbar navbar-default bootsnav navbar-fixed dark no-background">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<!-- Start Header Navigation -->
|
|
|
<div class="navbar-header">
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
|
|
|
<i class="fa fa-bars"></i>
|
|
|
</button>
|
|
|
<a class="navbar-brand" href="index.html">Enzo Jolys</a>
|
|
|
</div><!--/.navbar-header-->
|
|
|
<!-- End Header Navigation -->
|
|
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
<div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
|
|
|
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
|
|
|
<li class=" smooth-menu active"></li>
|
|
|
<li class="smooth-menu"><a href="#about">À propos de moi</a></li>
|
|
|
<li class="smooth-menu"><a href="#education">Étude</a></li>
|
|
|
<li class="smooth-menu"><a href="#experience">expérience</a></li>
|
|
|
|
|
|
<li class="smooth-menu"><a href="#portfolio">Mes projets</a></li>
|
|
|
<li class="smooth-menu"><a href="#contact">contact</a></li>
|
|
|
</ul><!--/.nav -->
|
|
|
</div><!-- /.navbar-collapse -->
|
|
|
</div><!--/.container-->
|
|
|
</nav><!--/nav-->
|
|
|
<!-- End Navigation -->
|
|
|
</div><!--/.header-area-->
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</header><!-- /.top-area-->
|
|
|
<!-- top-area End -->
|
|
|
|
|
|
<!--welcome-hero start -->
|
|
|
<section id="welcome-hero" class="welcome-hero">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-md-12 text-center">
|
|
|
<div class="header-text">
|
|
|
<!--<h2>hi <span>,</span> i am <br> browny <br> star <span>.</span> </h2>-->
|
|
|
<h2 class="name" >Enzo Jolys</h2>
|
|
|
<p class="name">Développeur</p>
|
|
|
<!--<a href="assets/download/browney.txt" download>download resume</a>-->
|
|
|
</div><!--/.header-text-->
|
|
|
</div><!--/.col-->
|
|
|
</div><!-- /.row-->
|
|
|
</div><!-- /.container-->
|
|
|
|
|
|
</section><!--/.welcome-hero-->
|
|
|
<!--welcome-hero end -->
|
|
|
|
|
|
<!--about start -->
|
|
|
<section id="about" class="about">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>À propos de moi</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="about-content">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-6">
|
|
|
<div class="single-about-txt">
|
|
|
<h3>
|
|
|
Bonjour ! Je m'appelle Enzo Jolys et je suis actuellement étudiant en informatique
|
|
|
</h3>
|
|
|
<p>
|
|
|
J'ai découvert l'informatique au lycée avec la matière NSI depuis je suis passionné.
|
|
|
J'ai donc continué mes études dans ce sens avec un BUT Informatique afin d'avoir des compétences pratique.
|
|
|
Grâce à ces compétences, j'ai pu intégrer un master qui me permettra de diriger des futur projets avec une équipe.
|
|
|
</p>
|
|
|
<div class="cv">
|
|
|
<a href="assets/download/CV.pdf" download>Mon CV</a>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-about-add-info">
|
|
|
<h3>Téléphone</h3>
|
|
|
<p>07 67 67 26 60 </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-about-add-info">
|
|
|
<h3>Email</h3>
|
|
|
<p>enzo.jolys@gmail.com</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-about-add-info">
|
|
|
<h3>website</h3>
|
|
|
<p>www.brownsine.com</p>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-offset-1 col-sm-5">
|
|
|
<div class="single-about-img">
|
|
|
<img src="assets/images/about/photo.jpeg" alt="profile_image">
|
|
|
<div class="about-list-icon">
|
|
|
<ul>
|
|
|
<!--
|
|
|
<li>
|
|
|
<a href="#">
|
|
|
<i class="fa fa-facebook" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
</li>-->
|
|
|
<li>
|
|
|
<a href="https://codefirst.iut.uca.fr/containers/enzojolys-Portfolio/">
|
|
|
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
|
|
|
</li><!-- / li -->
|
|
|
<!--
|
|
|
<li>
|
|
|
<a href="#">
|
|
|
<i class="fa fa-twitter" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
|
|
|
</li> -->
|
|
|
<li>
|
|
|
<a href="https://www.linkedin.com/in/enzo-jolys-798a43251/">
|
|
|
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
</li><!--
|
|
|
<li>
|
|
|
<a href="#">
|
|
|
<i class="fa fa-instagram" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
</li> -->
|
|
|
|
|
|
|
|
|
</ul><!-- / ul -->
|
|
|
</div><!-- /.about-list-icon -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section><!--/.about-->
|
|
|
<!--about end -->
|
|
|
|
|
|
<!--education start -->
|
|
|
<section id="education" class="education">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>Étude</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="education-horizontal-timeline">
|
|
|
<div class="row">
|
|
|
<!--
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-horizontal-timeline">
|
|
|
|
|
|
<div class="experience-time">
|
|
|
<h2>2008 - 2010</h2>
|
|
|
<h3>master <span>of </span> computer science</h3>
|
|
|
</div>
|
|
|
<div class="timeline-horizontal-border">
|
|
|
<i class="fa fa-circle" aria-hidden="true"></i>
|
|
|
<span class="single-timeline-horizontal"></span>
|
|
|
</div>
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
university of north carolina
|
|
|
</h4>
|
|
|
<h5>north carolina, USA</h5>
|
|
|
<p class="description">
|
|
|
Duis aute irure dolor in reprehenderit in vol patate velit esse cillum dolore eu fugiat nulla pari. Excepteur sint occana inna tecat cupidatat non proident.
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-->
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-horizontal-timeline">
|
|
|
<div class="experience-time">
|
|
|
<h2>2018 - 2020</h2>
|
|
|
<h3>baccalauréat <span>général</span></h3>
|
|
|
</div><!--/.experience-time-->
|
|
|
<div class="timeline-horizontal-border">
|
|
|
<i class="fa fa-circle" aria-hidden="true"></i>
|
|
|
<span class="single-timeline-horizontal"></span>
|
|
|
</div>
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
Gabriel Touchard - George Washington
|
|
|
</h4>
|
|
|
<h5>Le Mans, France</h5>
|
|
|
<p class="description">
|
|
|
Les majeurs choisie était "Numérique et science de l'informatique" (NSI) ainsi que "Mathématique"
|
|
|
</p>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-4">
|
|
|
<div class="single-horizontal-timeline">
|
|
|
<div class="experience-time">
|
|
|
<h2>2021 - 2024</h2>
|
|
|
<h3>BUT <span>informatique</span></h3>
|
|
|
</div><!--/.experience-time-->
|
|
|
<div class="timeline-horizontal-border">
|
|
|
<i class="fa fa-circle" aria-hidden="true"></i>
|
|
|
<span class="single-timeline-horizontal spacial-horizontal-line
|
|
|
"></span>
|
|
|
</div>
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
Universite clermont auvergne
|
|
|
</h4>
|
|
|
<h5>Clermont-ferrand, France</h5>
|
|
|
<p class="description">
|
|
|
Conception, développement, gestion d'une application et gestion d'un projet sont les compétences que le BUT nous transmet
|
|
|
</p>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section><!--/.education-->
|
|
|
<!--education end -->
|
|
|
|
|
|
<!--skills start -->
|
|
|
<!--
|
|
|
<section id="skills" class="skills">
|
|
|
<div class="skill-content">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>skills</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-md-6">
|
|
|
<div class="single-skill-content">
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">adobe photoshop</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>90%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">adobe illustrator</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>85%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">adobe after effects</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="97" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>97%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">sketch</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>90%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-6">
|
|
|
<div class="single-skill-content">
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">html 5</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>90%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">css 3 animation</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>85%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText">communication</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="97" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>97%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="barWrapper">
|
|
|
<span class="progressText"> creativity</span>
|
|
|
<div class="single-progress-txt">
|
|
|
<div class="progress ">
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="10" aria-valuemax="100" style="">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<h3>90%</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
-->
|
|
|
<!--/.skills-->
|
|
|
<!--skills end -->
|
|
|
|
|
|
<!--experience start -->
|
|
|
<section id="experience" class="experience">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>expérience</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="experience-content">
|
|
|
<div class="main-timeline">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<div class="single-timeline-box fix">
|
|
|
<div class="row">
|
|
|
<div class="col-md-5">
|
|
|
<div class="timeline-content text-right">
|
|
|
<h4 class="title" >2019/2020/2022 </h4>
|
|
|
<h3>Mise en rayons - CDD</h3>
|
|
|
</div><!--/.experience-time-->
|
|
|
</div><!--/.col-->
|
|
|
<div class="col-md-offset-1 col-md-5">
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
|
|
|
E.Leclerc
|
|
|
</h4>
|
|
|
<p class="description">
|
|
|
Job d'été : Mise en rayons des produit frais/surgelés/bazar/liquide
|
|
|
</p>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div><!--/.col-->
|
|
|
</div>
|
|
|
</div><!--/.single-timeline-box-->
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
<div class="single-timeline-box fix">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-5">
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content text-right">
|
|
|
<h4 class="title">
|
|
|
2023
|
|
|
</h4>
|
|
|
<h3>Développeur - Stage</h3>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div><!--/.col-->
|
|
|
<div class="col-md-offset-1 col-md-5 experience-time-main">
|
|
|
<div class="experience-time">
|
|
|
<h2>
|
|
|
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
|
|
|
Covéa
|
|
|
</h2>
|
|
|
<p class="description">
|
|
|
Automatisation de test fonctionnels
|
|
|
avec Sélénium (Java) sur le socle d'une GED (Gestion Electronique de Documents)
|
|
|
</p>
|
|
|
</div><!--/.experience-time-->
|
|
|
</div><!--/.col-->
|
|
|
</div>
|
|
|
</div><!--/.single-timeline-box-->
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
<div class="single-timeline-box fix">
|
|
|
<div class="row">
|
|
|
<div class="col-md-5">
|
|
|
<div class="timeline-content text-right">
|
|
|
<h4 class="title">
|
|
|
2023
|
|
|
</h4>
|
|
|
<h3>Intérimaire </h3>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.col-->
|
|
|
<div class="col-md-offset-1 col-md-5">
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
|
|
|
Adecco
|
|
|
</h4>
|
|
|
<p class="description">
|
|
|
Préparateur de commandes chez Geodis Calberson </p>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div><!--/.col-->
|
|
|
</div>
|
|
|
</div><!--/.single-timeline-box-->
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
<div class="single-timeline-box fix">
|
|
|
<div class="row">
|
|
|
<div class="col-md-5">
|
|
|
<div class="timeline-content text-right">
|
|
|
<h4 class="title">
|
|
|
2024
|
|
|
</h4>
|
|
|
<h3>Développeur - Stage </h3>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.col-->
|
|
|
<div class="col-md-offset-1 col-md-5">
|
|
|
<div class="timeline">
|
|
|
<div class="timeline-content">
|
|
|
<h4 class="title">
|
|
|
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
|
|
|
Sopra Steria
|
|
|
</h4>
|
|
|
<p class="description">
|
|
|
Automatisation de tâches à l’aide de l’outil Power Automate et de modifications sur un batch (Spring batch). Développement d’une application avec Angular et Spring boot </p>
|
|
|
</div><!--/.timeline-content-->
|
|
|
</div><!--/.timeline-->
|
|
|
</div><!--/.col-->
|
|
|
</div>
|
|
|
</div><!--/.single-timeline-box-->
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
</div><!--.main-timeline-->
|
|
|
</div><!--.experience-content-->
|
|
|
</div>
|
|
|
|
|
|
</section><!--/.experience-->
|
|
|
<!--experience end -->
|
|
|
|
|
|
<!--profiles start -->
|
|
|
<!--
|
|
|
<section id="profiles" class="profiles">
|
|
|
<div class="profiles-details">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>profiles</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="profiles-content">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-themeforest"></i></a>
|
|
|
<div class="profile-icon-name">themeforest</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-themeforest"></i></a>
|
|
|
<div class="profile-icon-name">themeforest</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-dribbble"></i></a>
|
|
|
<div class="profile-icon-name">dribbble</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-dribbble"></i></a>
|
|
|
<div class="profile-icon-name">dribbble</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-behance-logo"></i></a>
|
|
|
<div class="profile-icon-name">behance</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-behance-logo"></i></a>
|
|
|
<div class="profile-icon-name">behance</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile profile-no-border">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-github-logo"></i></a>
|
|
|
<div class="profile-icon-name">github</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-github-logo"></i></a>
|
|
|
<div class="profile-icon-name">github</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="profile-border"></div>
|
|
|
<div class="row">
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
|
|
|
<div class="profile-icon-name">flickR</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-flickr-website-logo-silhouette"></i></a>
|
|
|
<div class="profile-icon-name">flickR</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-smug"></i></a>
|
|
|
<div class="profile-icon-name">smungMung</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-smug"></i></a>
|
|
|
<div class="profile-icon-name">smungMung</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-squarespace-logo"></i></a>
|
|
|
<div class="profile-icon-name">squareSpace</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-squarespace-logo"></i></a>
|
|
|
<div class="profile-icon-name">squareSpace</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-3">
|
|
|
<div class="single-profile profile-no-border">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
|
|
|
<div class="profile-icon-name">bitBucket</div>
|
|
|
</div>
|
|
|
<div class="single-profile-overlay">
|
|
|
<div class="profile-txt">
|
|
|
<a href=""><i class="flaticon-bitbucket-logotype-camera-lens-in-perspective"></i></a>
|
|
|
<div class="profile-icon-name">bitBucket</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
-->
|
|
|
<!--profiles end -->
|
|
|
|
|
|
<!--portfolio start -->
|
|
|
<section id="portfolio" class="portfolio">
|
|
|
<div class="portfolio-details">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>Mes projets</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="portfolio-content">
|
|
|
<div class="isotope">
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
<div class="item">
|
|
|
<img src="assets/images/portfolio/logoSmartFit.png" alt="portfolio image"/>
|
|
|
<div class="isotope-overlay">
|
|
|
<a href="https://codefirst.iut.uca.fr/git/SmartFit">
|
|
|
Application de suivi de sport
|
|
|
</a>
|
|
|
</div><!-- /.isotope-overlay -->
|
|
|
</div><!-- /.item -->
|
|
|
<div class="item">
|
|
|
<img src="assets/images/portfolio/kinect.jpg" alt="portfolio image"/>
|
|
|
<div class="isotope-overlay">
|
|
|
<a href="#">
|
|
|
Application pour utiliser une kinect (C#)
|
|
|
</a>
|
|
|
</div><!-- /.isotope-overlay -->
|
|
|
</div><!-- /.item -->
|
|
|
</div><!-- /.col -->
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
<div class="item">
|
|
|
<img src="assets/images/portfolio/doushiki.svg" alt="portfolio image"/>
|
|
|
<div class="isotope-overlay">
|
|
|
<a href="https://codefirst.iut.uca.fr/git/Binome/Swift_Ark">
|
|
|
Jeux doushouQi (IOS)
|
|
|
</a>
|
|
|
</div><!-- /.isotope-overlay -->
|
|
|
</div><!-- /.item -->
|
|
|
</div><!-- /.col -->
|
|
|
|
|
|
<div class="col-sm-4">
|
|
|
<div class="item">
|
|
|
<img src="assets/images/portfolio/course.png" alt="portfolio image"/>
|
|
|
<div class="isotope-overlay">
|
|
|
<a href="https://codefirst.iut.uca.fr/git/R-Dash">
|
|
|
Application pour analyser les données d'une voiture de course
|
|
|
</a>
|
|
|
</div><!-- /.isotope-overlay -->
|
|
|
</div><!-- /.item -->
|
|
|
|
|
|
</div><!-- /.col -->
|
|
|
</div><!-- /.row -->
|
|
|
</div><!--/.isotope-->
|
|
|
</div><!--/.gallery-content-->
|
|
|
</div><!--/.container-->
|
|
|
</div><!--/.portfolio-details-->
|
|
|
|
|
|
</section><!--/.portfolio-->
|
|
|
<!--portfolio end -->
|
|
|
|
|
|
<!--clients start -->
|
|
|
<!--
|
|
|
<section id="clients" class="clients">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>clients</h2>
|
|
|
</div>
|
|
|
<div class="clients-area">
|
|
|
<div class="container">
|
|
|
<div class="owl-carousel owl-theme" id="client">
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c1.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c2.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c3.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c4.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c5.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c6.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<a href="#">
|
|
|
<img src="assets/images/clients/c7.png" alt="brand-image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</section>
|
|
|
-->
|
|
|
<!--clients end -->
|
|
|
|
|
|
<!--contact start -->
|
|
|
<section id="contact" class="contact">
|
|
|
<div class="section-heading text-center">
|
|
|
<h2>contact</h2>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
<div class="contact-content">
|
|
|
<div class="single-contact-box">
|
|
|
<div class="contact-adress">
|
|
|
<div class="contact-add-head">
|
|
|
<h3>Enzo Jolys</h3>
|
|
|
<p>Développeur</p>
|
|
|
</div>
|
|
|
<div class="contact-add-head">
|
|
|
<h3>Téléphone</h3>
|
|
|
<p>07 67 67 26 60</p>
|
|
|
</div>
|
|
|
<div class="contact-add-head">
|
|
|
<h3>Email</h3>
|
|
|
<p>enzo.jolys@gmail.com</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--/.contact-content-->
|
|
|
</div><!--/.container-->
|
|
|
<!--
|
|
|
<div class="x">
|
|
|
<div class="hm-foot-icon">
|
|
|
<ul>
|
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
|
|
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
|
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
|
|
|
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
-->
|
|
|
</section><!--/.contact-->
|
|
|
<!--contact end -->
|
|
|
|
|
|
|
|
|
<!-- Include all js compiled plugins (below), or include individual files as needed -->
|
|
|
|
|
|
<script src="assets/js/jquery.js"></script>
|
|
|
|
|
|
<!--modernizr.min.js-->
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
|
|
|
|
|
<!--bootstrap.min.js-->
|
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
|
|
|
|
<!-- bootsnav js -->
|
|
|
<script src="assets/js/bootsnav.js"></script>
|
|
|
|
|
|
<!-- jquery.sticky.js -->
|
|
|
<script src="assets/js/jquery.sticky.js"></script>
|
|
|
|
|
|
<!-- for progress bar start-->
|
|
|
|
|
|
<!-- progressbar js -->
|
|
|
<script src="assets/js/progressbar.js"></script>
|
|
|
|
|
|
<!-- appear js -->
|
|
|
<script src="assets/js/jquery.appear.js"></script>
|
|
|
|
|
|
<!-- for progress bar end -->
|
|
|
|
|
|
<!--owl.carousel.js-->
|
|
|
<script src="assets/js/owl.carousel.min.js"></script>
|
|
|
|
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
|
|
|
|
|
|
|
|
|
<!--Custom JS-->
|
|
|
<script src="assets/js/custom.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |
