770 lines
40 KiB
HTML
770 lines
40 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<link href="css/normalize.css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Portfolio d'Anthony Dumas, développeur Web & Mobile basé sur la région de Clermont-Ferrand!">
|
|
<meta name="author" content="Anthony Dumas">
|
|
|
|
<meta name="keywords" content="anthony, dumas, developpeur, web, CV, portfolio, michelin, iot, dmas, antony, mobile, dut, imagerie, numerique, catapult, simulator, photographie">
|
|
|
|
<title>Anthony Dumas - Portfolio</title>
|
|
|
|
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link href="css/freelancer.css" rel="stylesheet">
|
|
|
|
<!-- Custom Fonts -->
|
|
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900' rel='stylesheet' type='text/css'>
|
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
|
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(window).load(function () {
|
|
$(".loader").fadeOut("slow");
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body id="page-top" class="index">
|
|
|
|
<div class="loader"></div>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header page-scroll">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#page-top">Anthony Dumas</a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="hidden">
|
|
<a href="#page-top"></a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#about">À propos</a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#portfolio">Portfolio</a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img class="img-responsive" src="img/profile.png" alt="">
|
|
<div class="intro-text">
|
|
<span class="name">Anthony Dumas</span>
|
|
<hr class="light">
|
|
<span class="skills">Développeur Web - Etudiant en Informatique</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- About Section -->
|
|
<section class="about" id="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>À Propos</h2>
|
|
<hr class="star-primary-etudes">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="visible-lg-md col-lg-6 col-md-6 hidden-sm hidden-xs">
|
|
<div class="visible">
|
|
<center>
|
|
<br>
|
|
<br>
|
|
<img src="img/me/Portrait.png" alt="">
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="visible-sm col-sm-6">
|
|
<div class="visible">
|
|
<center>
|
|
<img src="img/me/Portrait.png" alt="">
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="visible-xs col-xs-12">
|
|
<center>
|
|
<br>
|
|
<div class="text-center">
|
|
<h2>Développeur<br>Web&Mobile</h2></div>
|
|
<h4>Java, C#, HTML, CSS, Javascript</h4>
|
|
<br>
|
|
<h4>
|
|
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/15 - 07/15</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Michelin, Clermont-FD</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> Licence 2 : informatique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2015 - 2016</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Blaise pascal, Aubiere</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> DUT Imagerie Numérique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013 - 2015</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
|
|
|
|
</h4>
|
|
|
|
<h4><i class="fa fa-language"></i> english : toeic - 990<br>
|
|
<small>Professional proficiency in English.</small></h4>
|
|
<br>
|
|
|
|
<h4><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
|
|
<br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h4>
|
|
<br>
|
|
|
|
<h4><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Clermont-Ferrand<br>Puy-De-Dome, Auvergne, FR</h4>
|
|
<h3>Mobile : 06.38.42.80.21</h3>
|
|
<h4><a href="mailto:anthony-dumas@pad-panic.fr">anthony-dumas@pad-panic.fr</a></h4> </center>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="visible-sm col-sm-6">
|
|
<br>
|
|
<h2>Développeur<br>Web & Mobile</h2>
|
|
<h4>Java, C#, HTML, CSS, Javascript</h4>
|
|
<h4><br>
|
|
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Michelin, Clermont-FD</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> Licence 2 : informatique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2015 - 2016</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Blaise pascal, Aubiere</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> DUT Imagerie Numérique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013 - 2015</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
|
|
</h4>
|
|
<h4><i class="fa fa-language"></i> english : toeic - 990<br>
|
|
<small>Professional proficiency in English.</small></h4>
|
|
<h4><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
|
|
<br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h4>
|
|
|
|
<h4><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Clermont-Ferrand<br>Puy-De-Dome, Auvergne, FR</h4>
|
|
<h3>Mobile : 06.38.42.80.21</h3>
|
|
<h4><a href="mailto:anthony-dumas@pad-panic.fr">anthony-dumas@pad-panic.fr</a></h4></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="visible-md col-md-6">
|
|
<br>
|
|
<h2>Développeur<br>Web & Mobile</h2>
|
|
<h3>Java, C#, HTML, CSS, Javascript</h3>
|
|
<h3>
|
|
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Michelin, Clermont-FD</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> Licence 2 : informatique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2015 - 2016</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Blaise pascal, Aubiere</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> DUT Imagerie Numérique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013 - 2015</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
|
|
</h3>
|
|
|
|
<h3><i class="fa fa-language"></i> english : toeic - 990<br>
|
|
<small>Professional proficiency in English.</small></h3>
|
|
|
|
<h3><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
|
|
<br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h3>
|
|
|
|
<h3><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Clermont-Ferrand<br>Puy-De-Dome, Auvergne, FR</h3>
|
|
<h3>Mobile : 06.38.42.80.21</h3>
|
|
<h4><a href="mailto:anthony-dumas@pad-panic.fr">anthony-dumas@pad-panic.fr</a></h4>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="visible-lg col-lg-6">
|
|
<br>
|
|
<h2>Développeur<br>Web & Mobile</h2>
|
|
<h3>Java, C#, HTML, CSS, Javascript</h3>
|
|
<h3>
|
|
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Mars-Juillet 2016</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Michelin, Clermont-Ferrand</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> Licence 2 : informatique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2015-2016</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Université blaise pascal, Aubiere</small><br>
|
|
|
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span> DUT Imagerie Numérique<br>
|
|
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013-2015</small>
|
|
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
|
|
</h3>
|
|
<h3><i class="fa fa-language"></i> english : toeic - 990<br>
|
|
<small>Professional proficiency in English.</small></h3>
|
|
|
|
|
|
<h3><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
|
|
<br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h3>
|
|
|
|
|
|
|
|
<h3><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Clermont-Ferrand<br>Puy-De-Dome, Auvergne, FR</h3>
|
|
<h3>Mobile : 06.38.42.80.21</h3>
|
|
<h3><a href="mailto:anthony-dumas@pad-panic.fr">anthony-dumas@pad-panic.fr</a></h3>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
<a href="/content/CV_AnthonyDumas.pdf" class="btn btn-lg btn-outline">
|
|
<i class="fa fa-file-pdf-o"></i> Téléchargez mon CV
|
|
</a>
|
|
<br>
|
|
<br>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Portfolio Grid Section -->
|
|
<section class="portfolio" id="portfolio">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>Portfolio</h2>
|
|
<hr class="star-primary-portfolio">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/michelin.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/catapult.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/webdev.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="https://500px.com/anthony-dumas" class="portfolio-link" data-toggle="">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class=""></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/photo.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/3dwork.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-sm-4 portfolio-item">
|
|
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/video.jpg" class="img-responsive" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Contact Section -->
|
|
|
|
<section id="contact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>Contact</h2>
|
|
<p>Discutons autour d'un café! <i class="fa fa-coffee"></i></p>
|
|
<hr class="star-primary">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<!-- To configure the contact form e-mail address, go to mail/contact_me.php and update the e-mail address in the PHP file on line 19. -->
|
|
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
|
|
<form name="sentMessage" id="contactForm" novalidate>
|
|
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label>Nom</label>
|
|
<input type="text" class="form-control" placeholder="Nom" id="name" required data-validation-required-message="Alors, comment-vous appellez vous ?">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label>Adresse E-mail</label>
|
|
<input type="email" class="form-control" placeholder="Adresse E-mail" id="email" required data-validation-required-message="Veuillez indiquer votre adresse e-mail !.">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label>Numéro de Téléphone</label>
|
|
<input type="tel" class="form-control" placeholder="Numéro de Téléphone" id="phone" required data-validation-required-message="Quelqu'un a oublié son numéro de téléphone.">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label>Message</label>
|
|
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Tout ça pour ne laisser aucun message ?"></textarea>
|
|
<p class="help-block text-danger"></p>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div id="success"></div>
|
|
<div class="row">
|
|
<div class="form-group col-xs-12">
|
|
<button type="submit" class="btn btn-success btn-lg">Envoyer</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
<footer class="text-center">
|
|
<div class="footer-above">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="footer-col col-md-4">
|
|
<h3>Infos en +</h3>
|
|
<p>Titulaire du Permis de Conduire
|
|
<br>Disponible à toute heure par e-mail</p>
|
|
</div>
|
|
|
|
<div class="footer-col col-md-4">
|
|
<h3>Gardons contact !</h3>
|
|
<ul class="list-inline">
|
|
<li>
|
|
<a href="https://twitter.com/anthony__dumas" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter-square"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="mailto:anthony-dumas@pad-panic.fr" class="btn-social btn-outline" data-toggle="tooltip" data-placement="top" title="anthony-dumas@pad-panic.fr"><i class="fa fa-fw fa-envelope"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.linkedin.com/in/anthonyyvondumas" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin-square"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/AdamasFR" class="btn-social btn-outline"><i class="fa fa-fw fa-github-square "></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-col col-md-4">
|
|
<h3>Adresse</h3>
|
|
<p>7, Chemin des Fauconniers
|
|
<br>63114, Authezat, Puy-de-Dôme</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-below">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
Copyright © Anthony Yvon Dumas - 2016
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Portfolio Modals -->
|
|
|
|
<!-- Michelin -->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<img src="img/portfolio/michelin.jpg" class="img-responsive img-centered" alt="">
|
|
<p>Pendant 18 semaines, j'ai réalisé au profit du Groupe Michelin une étude sur l'Internet des Objets, composé d'un état de l'art du marché ainsi que de différentes présentations autour de ce thème. Pendant ce stage, j'ai aussi réalisé un prototype embarqué permettant de suivre la position d'un véhicule sur un plan. </p>
|
|
<br>
|
|
<p>Enfin, le but final était de présenter le sujet aux différents membre du plateau technique de Michelin par le biais de plusieurs présentations. Le tout s'est déroulé dans un environnement Agile.</p>
|
|
<br>
|
|
<img src="img/portfolioimg/MichelinIOT1.jpg" class="img-responsive img-centered" alt="">
|
|
<br>
|
|
<p>Le but du projet était de montrer ce dont la technologie pouvait faire avec un budget restreint et d'ouvrir une discussion sur les différentes missions que pourraient remplir les nouvelles technologies de l'Internet des Objets.</p>
|
|
|
|
<p>Vous pouvez retrouver le matériel de présentation du stage sur <a href="http://prezi.com/o8ey8mmpnkvp/?utm_campaign=share&utm_medium=copy&rc=ex0share">Prezi</a> !</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
<li>Employeur:
|
|
<strong><a href="http://www.michelin.com/fre">Michelin</a>
|
|
</strong>
|
|
</li>
|
|
<li>Date:
|
|
<strong><a href="http://www.michelin.com/fre">Mars-Juillet 2015</a>
|
|
</strong>
|
|
</li>
|
|
<li>Service:
|
|
<strong><a href="http://www.michelin.com/fre">Direction Groupe Systèmes d'Information</a>
|
|
</strong>
|
|
</li>
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Catapult Simulator 3D -->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<img src="img/portfolioimg/CaptureCS3D_1.jpg" class="img-responsive img-centered" alt="">
|
|
|
|
|
|
<p>Catapult Simulator 3D est un projet étudiant qui ne paye pas de mine. Deux niveaux, quelques musiques, le but du projet était de comprendre les mécanismes du moteur, de comprendre comment intégrer des scripts en C# et des éléments graphiques dans un moteur comme Unity et publier l'application publiquement sur un store, ici, le Google Play Store d'Android.</p>
|
|
<p>Il y a évidemment énormément de choses que je ne ferais pas de la même façon mais, je suis convaincu que cette expérience m'a permis de comprendre l'étendue du moteur 3D Unity et qu'elle m'a permis de m'améliorer dans la gestion de projet en crise pour l'avenir.</p>
|
|
<br>
|
|
<div class='embed-container'>
|
|
<iframe src='https://www.youtube.com/embed/SaxKyzp_dzQ' frameborder='0' allowfullscreen></iframe>
|
|
</div>
|
|
<br>
|
|
|
|
<p>Pour plus d'information sur le jeu, cliquez <a href="http://pad-panic.fr/catapult-simulator/" alt="Lien vers le site web officiel">ici</a>, ou cliquez sur le bouton Google Play pour accèder a la page de l'application sur le Google Play.</p>
|
|
<a href="https://play.google.com/store/apps/details?id=com.Truc.bidule&hl=fr&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1"><img alt="Get it on Google Play" class="img-responsive" alt="Responsive image" src="https://play.google.com/intl/en_us/badges/images/apps/fr-play-badge.png" /></a>
|
|
|
|
|
|
|
|
<ul class="list-inline item-details">
|
|
<li>Ecole:
|
|
<strong><a href="http://www.iutimagerie.fr/imagerie/">IUT du Puy en Velay</a>
|
|
</strong>
|
|
</li>
|
|
<li>Date:
|
|
<strong><a href="#">Janvier 2014</a>
|
|
</strong>
|
|
</li>
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Développement Web -->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<img src="img/portfolio/webdev.jpg" class="img-responsive img-centered" alt="">
|
|
<p>Durant mes années d'études, j'ai eu l'occasion de travailler mes compétences en développement web en utilisant des technologies comme HTML 5, CSS et le Javascript.</p>
|
|
<br>
|
|
<img src="img/image_content/CVWebSize.jpg" class="img-responsive img-centered" alt="">
|
|
<p>J'ai par exemple réalisé les différentes versions de ce site web, en faisant une mise à jour du design au fur et à mesure que mes compétences évoluaient, en intégrant un meilleur design, de meilleures illustrations et enfin en rendant le site beaucoup plus responsive, en utilisant des technologies comme Bootstrap.</p>
|
|
<br>
|
|
<img src="/img/image_content/Image22.jpg" class="img-responsive img-centered" alt="">
|
|
<p>J'ai aussi réalisé, durant mon stage chez Michelin, un site web permettant d'afficher les informations renvoyées par un objet connecté de ma fabrication.</p>
|
|
<br>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Imagerie Numérique -->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<img src="img/image_content/render3DStardust.jpg" class="img-responsive img-centered" alt="">
|
|
<p>Le projet final du cours de modélisation 3D de mon DUT Imagerie Numérique était de réaliser une modélisation d'un environnement de notre choix.</p>
|
|
<p>J'ai une passion pour la science-fiction et l'espace, donc j'ai décidé de réaliser une vue depuis un vaisseau spatial en orbite autour de la terre en rajoutant des éléments graphiques qui viennent de mes oeuvres préférées.</p>
|
|
<p>J'ai beaucoup appris en terme d'éclairage d'une scène, de mise en scène pour de la 3D et en physique des textiles pour la 3D.</p>
|
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Montage Vidéo -->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<img src="img/portfolio/video.jpg" class="img-responsive img-centered" alt="">
|
|
<p>Pendant mon temps libre, j'ai appris à faire du montage vidéo. D'abord, pour ma famille, avec ce bon vieux Windows Movie Maker, puis pour les amis avec respectivement Sony Vegas Pro et Adobe Premiere Pro. C'est devenu un loisir pour moi.</p>
|
|
<style>
|
|
.embed-container {
|
|
position: relative;
|
|
padding-bottom: 56.25%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.embed-container iframe,
|
|
.embed-container object,
|
|
.embed-container embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<div class='embed-container'>
|
|
<iframe src='https://www.youtube.com/embed/SaxKyzp_dzQ' frameborder='0' allowfullscreen></iframe>
|
|
</div>
|
|
<br>
|
|
<p>Dans le cadre de mon cours de gestion de projet, j'ai réalisé en équipe Catapult Simulator 3D sur Android, un petit jeu simple pour expérimenter avec le moteur et le service de publication d'application. J'ai aussi réalisé un trailer, en respectant les consignes indiquées pour notre rapport.</p>
|
|
<br>
|
|
|
|
|
|
<style>
|
|
.embed-container {
|
|
position: relative;
|
|
padding-bottom: 56.25%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.embed-container iframe,
|
|
.embed-container object,
|
|
.embed-container embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<div class='embed-container'>
|
|
<iframe src='https://www.youtube.com/embed/HvoDXR0ZvGU' frameborder='0' allowfullscreen></iframe>
|
|
</div>
|
|
<br>
|
|
<p>Il y a quelques années, pour aider mes amis de NintendoLeSite, j'ai décidé de réaliser le générique de la seconde saison de leur émission, disponible sur DreamVids, tout en respectant leur propre univers, celui de Nintendo et des jeux vidéo.</p>
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery -->
|
|
<script src="js/jquery.js"></script>
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="js/classie.js"></script>
|
|
<script src="js/cbpAnimatedHeader.js"></script>
|
|
|
|
<!-- Contact Form JavaScript -->
|
|
<script src="js/jqBootstrapValidation.js"></script>
|
|
<script src="js/contact_me.js"></script>
|
|
|
|
<!-- Custom Theme JavaScript -->
|
|
<script src="js/freelancer.js"></script>
|
|
|
|
<script>
|
|
(function (i, s, o, g, r, a, m) {
|
|
i['GoogleAnalyticsObject'] = r;
|
|
i[r] = i[r] || function () {
|
|
(i[r].q = i[r].q || []).push(arguments)
|
|
}, i[r].l = 1 * new Date();
|
|
a = s.createElement(o),
|
|
m = s.getElementsByTagName(o)[0];
|
|
a.async = 1;
|
|
a.src = g;
|
|
m.parentNode.insertBefore(a, m)
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
|
|
ga('create', 'UA-72744412-1', 'auto');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|