thomasmarques.github.io/index.html at master · ThomasMarques/thomasmarques.github.io · GitHub

1
<html><head><meta http-equiv=Content-Type content="text/html; charset=UTF-8"><meta charset=utf-8><title>Thomas Marques</title><meta name=description content="// TODO description"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=author content="Thomas Marques"><link href=//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css rel=stylesheet type=text/css><link href=//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css rel=stylesheet type=text/css><link href=//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css rel=stylesheet type=text/css><link href=//cdn.jsdelivr.net/jquery.magnific-popup/0.9.9/magnific-popup.css rel=stylesheet type=text/css><link href=min.css rel=stylesheet type=text/css></head><body><div id=undefined-sticky-wrapper class=sticky-wrapper><div class="navbar navbar-default navbar-static-top" role=navigation><div class=container><button type=button class="navbar-toggle collapsed" data-toggle=collapse data-target=.navbar-collapse><span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span></button></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav" id=main-menu><li><a href=#page-welcome class=i18n i18n-key=home-menu>Home</a></li><li><a href=#page-profile class=i18n i18n-key=profile-menu>Profile</a></li><li><a href=#page-skills class=i18n i18n-key=skills-menu>Skills</a></li><li><a href=#page-education class=i18n i18n-key=education-menu>Education</a></li><li><a href=#page-experience class=i18n i18n-key=experience-menu>Experience</a></li><li><a href=#page-projects class=i18n i18n-key=project-menu>Projects</a></li><li><a href=#page-contact class=i18n i18n-key=contact-menu>Contact</a></li></ul></div><span class=language-selector><ul class=langage><li><a title=English class="i18n-language-selector english-flag to-fade" value=en>English</a></li><li><a title=Français class="i18n-language-selector french-flag to-fade off" value=fr>Français</a></li></ul></span></div></div><section id=page-welcome class=page-welcome><div class=container><header class=centered><h1>Thomas Marques</h1><div class=profession-header><span class=i18n i18n-key=profession-analyst>Analyst</span> <span class=i18n i18n-key=profession-programmer>developer</span> <span class="profession-pipe to-fade">|</span> <span class=i18n i18n-key=profession-engineer>Engineer</span></div></header><div class=social-icons><a href=https://www.linkedin.com/pub/thomas-marques/85/520/961 target=_blank class="btn btn-round btn-clear btn-linkedin"><i class="fa fa-linkedin-square"></i></a> <a href=https://github.com/ThomasMarques target=_blank class="btn btn-round btn-clear btn-github"><i class="fa fa-github-square"></i></a> <a href=https://twitter.com/thm4rques target=_blank class="btn btn-round btn-clear btn-twitter"><i class="fa fa-twitter"></i></a> <a href=https://www.facebook.com/thoumasch target=_blank class="btn btn-round btn-clear btn-facebook"><i class="fa fa-facebook"></i></a> <a href=mailto:marquesthom@gmail.com target=_blank class="btn btn-round btn-clear btn-mail"><i class="fa fa-envelope"></i></a></div><a href=#page-contact class="btn btn-default hire-me to-fade"><span class=i18n i18n-key=hire-me-header>Hire me</span></a></div></section><section id=page-profile class=page-profile><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=personnal-profile>Personnal profile</h2><h3 class=section-title>(in progress)</h3><div class="spacer to-fade"></div></header><div class=row><div class=col-md-3><div class=profile><img src=images/profile.png alt=profile></div></div><div class=col-md-9><p class=i18n i18n-key=personnal-description>I'm me !</p></div></div></div></section><section id=page-skills class=page-skills><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=skills-title>What I do best</h2><div class="spacer to-fade"></div></header><div class=row><div class=col-md-6><li class=custom-progress><div class="custom-progress-bar begin" style="width: 85%">C++</div><div class="custom-progress-bar end" style="width: 15%">85%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 90%">Qt</div><div class="custom-progress-bar end" style="width: 10%">90%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 80%">Java EE</div><div class="custom-progress-bar end" style="width: 20%">80%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 65%">UML</div><div class="custom-progress-bar end" style="width: 35%">65%</div></li></div><div class=col-md-6><li class=custom-progress><div class="custom-progress-bar begin" style="width: 70%">PHP</div><div class="custom-progress-bar end" style="width: 30%">70%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 80%">JavaScript</div><div class="custom-progress-bar end" style="width: 20%">80%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 65%">CC3</div><div class="custom-progress-bar end" style="width: 35%">65%</div></li><li class=custom-progress><div class="custom-progress-bar begin" style="width: 55%">Android</div><div class="custom-progress-bar end" style="width: 45%">55%</div></li></div></div></div></section><section id=page-education class=page-education><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=education-title>Education</h2><div class="spacer to-fade"></div></header><div class=row><div class=col-md-6><article class=education><header><h3 class=to-fade>ISIMA</h3><h5 class=to-fade>Institut Supérieur d’Informatique, de Modélisation et de leurs Applications</h5><p class="graduated-date to-fade"><span class=i18n i18n-key=engineering-school>Engineering school in IT Science</span> - <strong><span class=i18n i18n-key=graduated>graduated</span>:</strong> 2014</p></header><p class=i18n i18n-key=engineering-school-desc>ISIMA is a great school of Engineering in IT Science in Auvergne (France). This school is located in Clermont-Ferrand and has many partnerships with companies such as Michelin locally present or CGI Inc. ISIMA offers a computer training, with both general training and specialization from the 2nd year, combined with two courses of 5 months.</p><img src=images/isima-logo.png alt="" class="isima to-fade"></article></div><div class=col-md-6><article class=education><header><h3 class=to-fade>DUT</h3><h5 class=to-fade>Diplôme Universitaire de Technologie</h5><p class="graduated-date to-fade"><span class=i18n i18n-key=IT-degree>Technical University Degree in IT Science</span> - <strong><span class=i18n i18n-key=graduated>graduated</span>:</strong> 2011</p></header><p class=i18n i18n-key=IT-degree-description>The IT department of Clermont-Ferrand has a very long experience in training for careers in computer science. The teachings (some provided by professionals) focus on computing today which ensures good professional integration but also on the future which offers good prospects for further studies.</p><img src=images/iut-logo.png alt="" class="iut to-fade"></article></div></div></div></section><section id=page-experience class=page-experience><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=experience-title>Experience</h2><div class="spacer to-fade"></div></header><div class=row><div class=col-md-4><article class=experience><header><h3 class=to-fade>CGI Inc.</h3><h5 class=to-fade><span class=i18n i18n-key=sandwich-course>Sandwich course</span> - <span class=i18n i18n-key=job-designation>Analyst programmer</span></h5><p class=to-fade>Clermont-Ferrand, France</p><p class=to-fade><i><span class=i18n i18n-key=september>sep.</span> <span class=to-fade>2013 -</span> <span class=i18n i18n-key=september>sep.</span><span class=to-fade>2014</span></i></p></header><p class=to-fade><span class=i18n i18n-key=sandwich-course-desc>Sandwich course got after my second year internship. I was included in the project team (6 people) to contribute to the ongoing development and propose new solutions. At first, these solutions will enhance the development process with the generalization of tests. In a second step, the goal will be to reduce the response time of the tool among users on other continents.</span></p><p class="key-words to-fade"><i>UML, C++, Qt, QwtPlot, Design pattern,</i><span class=i18n i18n-key=teamwork>Teamwork</span></p></article></div><div class=col-md-4><article class=experience><header><h3 class=to-fade>CGI Inc.</h3><h5 class=to-fade><span class=i18n i18n-key=internship>Internship</span> - <span class=i18n i18n-key=job-designation>Analyst programmer</span></h5><p class=to-fade>Clermont-Ferrand, France</p><p class=to-fade><i><span class=i18n i18n-key=april>apr.</span> <span class=to-fade>2013 -</span> <span class=i18n i18n-key=september>sep.</span> <span class=to-fade>2013</span></i></p></header><p><span class=i18n i18n-key=internship-zz-desc>6 month internship at Ladoux Technology Center in order to work on redesigning a visualization framework. This tool allows to draw measures and models of behavior laws of materials. This intership included the study of the current architecture of the Framework, the proposed technical solutions to meet the needs, the implementation of the solutions adopted and writing technical documentation.</span></p><p class="key-words to-fade"><i>UML, C++, Qt, QwtPlot, Design pattern,</i><i class=i18n i18n-key=teamwork>Teamwork</i></p></article></div><div class=col-md-4><article class=experience><header><h3 class=to-fade>Institut de Médecine du Travail</h3><h5 class=to-fade><span class=i18n i18n-key=internship>Internship</span> - <span class=i18n i18n-key=job-internship>Java developer</span></h5><p class=to-fade>Clermont-Ferrand, France</p><p class=to-fade><i><span class=i18n i18n-key=april>apr</span> <span class=to-fade>2011 -</span> <span class=i18n i18n-key=january>jan.</span> <span class=to-fade>2011</span></i></p></header><p class=i18n i18n-key=internship-dut-desc>3 month internship followed by work at home to develop a Java client. The application can retrieve data from a pulse sensor using the infrared port in order to analyze and display them. The application also allows you to generate reports in Word format automatically through API OpenOffice.</p><p class="key-words to-fade"><i>UML, Java, Charts, Reporting, APIs</i></p></article></div><div class="col-md-12 logo-techno"><div class=logo-techno-sous-div><img src=images/qt-logo.png alt="" class="qt to-fade"></div><div class=logo-techno-sous-div><img src=images/c++-logo.png alt="" class="cpp left to-fade"></div><div class=logo-techno-sous-div><img src=images/uml-logo.png alt="" class="uml right to-fade"></div><div class=logo-techno-sous-div><img src=images/java-logo.png alt="" class="java to-fade"></div></div></div></div></section><section id=page-projects class=page-projects><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=project-menu>Projects</h2><h3 class=section-title>(in progress)</h3><div class="spacer to-fade"></div></header><div class=row><div class="projects projects-title"><div class="col-md-3 col-xs-6"><div class="cube hotspotmap"><div class=link-img><a onclick="changProject('hotspotmap')"><img src=images/projects/thumbs/hotspotmap.png alt=hotspotmap> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('hotspotmap')"><h4>HotspotMap</h4></a><p>PHP • Silex • AngularJS • REST API JavaScript • Bootstrap</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube easydrive"><div class=link-img><a onclick="changProject('easydrive')"><img src=images/projects/thumbs/easydrive.png alt=easydrive> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('easydrive')"><h4>EasyDrive</h4></a><p>Java EE • JSF • EJB • Tomee • Maven PrimeFaces • Cloud</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube badpractice"><div class=link-img><a onclick="changProject('badpractice')"><img src=images/projects/thumbs/badpractice.png alt=badpractice> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('badpractice')"><h4>BadPractice</h4></a><p>Grails • Javascript • Bootstrap Oauth2 • StackOverflow</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube ejbcontainer"><div class=link-img><a onclick="changProject('ejbcontainer')"><img src=images/projects/thumbs/ejbcontainer.png alt=ejbcontainer> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('ejbcontainer')"><h4>EJB container</h4></a><p>Java EE • JUnit • EJB • Proxy Transaction • Persistence</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube isiboule"><div class=link-img><a onclick="changProject('isiboule')"><img src=images/projects/thumbs/isiboule.png alt=isiboule> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('isiboule')"><h4>Isiboule</h4></a><p>C++ • Qt • SQLite • Design pattern Mail sending</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube raspberry"><div class=link-img><a onclick="changProject('raspberry')"><img src=images/projects/thumbs/raspberry.png alt=raspberry> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('raspberry')"><h4>Raspberry PI robot</h4></a><p>C++ • Qt • Android • OpenCV Raspberry Pi • Robot</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube lac"><div class=link-img><a onclick="changProject('lac')"><img src=images/projects/thumbs/lac.png alt=lac> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('lac')"><h4>Lac</h4></a><p>Java • JNA • JFreeChart • Swing Eclipse • XML</p></div></div></div><div class="col-md-3 col-xs-6"><div class="cube clerfit"><div class=link-img><a onclick="changProject('clerfit')"><img src=images/projects/thumbs/clerfit.png alt=clerfit> <span class=search-icon><span></span><i class="fa fa-search"></i></span></a></div><div class=infos><a onclick="changProject('clerfit')"><h4>Clerfit</h4></a><p>PHP • MySQL • JavaScript • HTML &nbsp; Css • FPDF • GD2</p></div></div></div></div></div><div class="row projects-desc"><div class="hotspotmap chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/hotspotmap-home.png><img src=images/projects/hotspotmap-home-small.png alt=hotspotmap-home-small.png></a><hr><a href=images/hotspotmap-add.png><img src=images/projects/hotspotmap-add-small.png alt=hotspotmap-add-small.png></a></div><div class=col-md-8><h3>HotspotMap</h3><p class=i18n i18n-key=hotspotmap-first-desc></p><p class=i18n i18n-key=hotspotmap-second-desc></p><p class=i18n i18n-key=hotspotmap-third-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>mar. 2014</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/Aleanar target=_blank>Alexandre Mottet</a> <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><p class=project-info><span class="i18n dark" i18n-key=sources></span> <a class=to-fade href=https://github.com/ThomasMarques/HotspotMap target=_blank>https://github.com/ThomasMarques/HotspotMap</a></p><a onclick="hideProject('hotspotmap')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="easydrive chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/easydrive-push.png><img src=images/projects/easydrive-push.png alt=easydrive-push></a><hr><a href=images/projects/easydrive-term.png><img src=images/projects/easydrive-term.png alt=easydrive-term></a></div><div class=col-md-8><h3>EasyDrive</h3><p class=i18n i18n-key=easydrive-first-desc></p><p class=i18n i18n-key=easydrive-second-desc></p><p class=i18n i18n-key=easydrive-third-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>mar. 2014</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/k-yak target=_blank>Florian Rotagnon</a> <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><p class=project-info><span class="i18n dark" i18n-key=sources></span> <a class=to-fade href=https://github.com/ThomasMarques/EasyDrive target=_blank>https://github.com/ThomasMarques/HotspotMap</a></p><a onclick="hideProject('easydrive')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="badpractice chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/badpractice.png><img src=images/projects/badpractice.png alt=badpractice.png></a></div><div class=col-md-8><h3>BadPractice</h3><p class=i18n i18n-key=badpractice-first-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>jan. 2014</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/Aleanar target=_blank>Alexandre Mottet</a> <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><p class=project-info><span class="i18n dark" i18n-key=sources></span> <a class=to-fade href=https://bitbucket.org/Aleanar/badpractice target=_blank>https://bitbucket.org/Aleanar/badpractice</a></p><a onclick="hideProject('badpractice')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="ejbcontainer chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/ejbcontainer.png><img src=images/projects/ejbcontainer.png alt=ejbcontainer.png></a></div><div class=col-md-8><h3>EJBContainer</h3><p class=i18n i18n-key=ejbcontainer-first-desc></p><p class=i18n i18n-key=ejbcontainer-second-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>jan. 2014</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><p class=project-info><span class="i18n dark" i18n-key=sources></span> <a class=to-fade href=https://github.com/ThomasMarques/EJBContainer target=_blank>https://github.com/ThomasMarques/EJBContainer</a></p><a onclick="hideProject('ejbcontainer')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="isiboule chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/isiboule-tourn.png><img src=images/projects/isiboule-tourn.png alt=isiboule-tourn.png></a></div><div class=col-md-8><h3>Isiboule</h3><p class=i18n i18n-key=isiboule-first-desc></p><p class=i18n i18n-key=isiboule-second-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>mar. 2013</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/k-yak target=_blank>Florian Rotagnon</a> <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><a onclick="hideProject('isiboule')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="raspberry chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/raspberry.png><img src=images/projects/raspberry-small.png alt=raspberry.png></a><iframe width=560 height=315 src=//www.youtube.com/embed/1C_zbBZSwMs frameborder=0 allowfullscreen></iframe></div><div class=col-md-8><h3>Raspberry</h3><p class=i18n i18n-key=raspberry-first-desc></p><p class=i18n i18n-key=raspberry-second-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>2012</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>ISIMA, Clermont-Ferrand, France</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> <a class=to-fade href=https://github.com/NitroG42 target=_blank>Thomas Coulange</a>, <a class=to-fade href=https://github.com/Drusy target=_blank>Kévin Renella</a>, <a class=to-fade href=https://github.com/k-yak target=_blank>Florian Rotagnon</a> <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><a onclick="hideProject('raspberry')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="lac chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/lac.png><img src=images/projects/lac.png alt=lac.png></a></div><div class=col-md-8><h3>Lac</h3><p class=i18n i18n-key=lac-first-desc></p><p class=i18n i18n-key=lac-second-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>2011 - 2012</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>IUT informatique Clermont-Ferrand</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> Julien Breuil <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><a onclick="hideProject('lac')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div><div class="clerfit chidden hidden"><div class="col-md-4 magnific-popup"><a href=images/projects/clerfit.png><img src=images/projects/clerfit.png alt=clerfit.png></a></div><div class=col-md-8><h3>Lac</h3><p class=i18n i18n-key=clerfit-first-desc></p><p class=i18n i18n-key=clerfit-second-desc></p><div class=project-infos><p class=project-info><span class="i18n dark" i18n-key=date></span> <span class=to-fade>2010 - 2011</span></p><p class=project-info><span class="i18n dark" i18n-key=place></span> <span class=to-fade>IUT informatique Clermont-Ferrand</span></p><p class=project-info><span class="i18n dark" i18n-key=authors></span> Clémence Pera <span class=i18n i18n-key=and></span> <a class=to-fade href=https://github.com/ThomasMarques target=_blank>Thomas Marques</a></p><a onclick="hideProject('clerfit')" class="btn btn-default goback to-fade"><i class="fa fa-long-arrow-left"></i> <span class=i18n i18n-key=go-back></span></a></div></div></div></div></div></section><section id=page-contact class=page-contact><div class=container><header class=section-header><h2 class="section-title i18n" i18n-key=contact-title>Keep in touch with me</h2><div class="spacer to-fade"></div></header><div class=row><div class=col-md-7><form class=form-horizontal id=contact-form method=post target=http://fc.isima.fr/~marquest/mail.php><div class=control-group><div class=controls><input type=text name=name id=name placeholder=Name class="form-control input-lg"></div><div class=control-group><div class=controls><input type=mail name=email id=email placeholder=Email class="form-control input-lg"></div></div><div class=control-group><div class=controls><input type=text name=subject id=subject placeholder=Subject class="form-control input-lg"></div></div></div><div class=control-group><div class=controls><textarea name=message id=message rows=8 class="form-control input-lg" placeholder=Message></textarea></div></div><div class=form-actions><button type=submit class="btn btn-default btn-lg btn-block send to-fade" id=contact-button><i class="fa fa-paper-plane"></i>&nbsp; <span class=i18n i18n-key=send>Send</span></button> <button disabled class="btn btn-default btn-lg btn-block send to-fade hidden" id=contact-button-sending><i class="fa-li fa fa-spinner fa-spin"></i>&nbsp; <span class=i18n i18n-key=mail-sending></span></button> <button disabled class="btn btn-default btn-lg btn-block send to-fade hidden" id=contact-button-fail><i class="fa fa-times"></i>&nbsp; <span class=i18n i18n-key=mail-fail></span></button> <button disabled class="btn btn-default btn-lg btn-block send to-fade hidden" id=contact-button-success><i class="fa fa-check"></i>&nbsp; <span class=i18n i18n-key=mail-success></span></button></div></form></div><div class="col-md-5 contact-info"><h3><span class=i18n i18n-key=contact-info>Other way to contact me</span></h3><p><a href=https://www.linkedin.com/pub/thomas-marques/85/520/961 target=_blank><i class="fa fa-linkedin-square"></i> <span class=i18n i18n-key=add-me>Add me</span> <span class=to-fade>Linkedin</span></a></p><p><a href=https://github.com/ThomasMarques target=_blank><i class="fa fa-github-square"></i> <span class=i18n i18n-key=follow-me>Follow me on</span> <span class=to-fade>Github</span></a></p><p><a href=mailto:marquesthom@gmail.com><i class="fa fa-envelope"></i> <span class=i18n i18n-key=contact-me>Contact me at</span> <span class=to-fade>marquesthom@gmail.com</span></a></p></div></div></div></section><footer id=footer><div class=container><hr><div class=row><div class=col-md-12><p><a href=https://github.com/ThomasMarques/thomasmarques.github.io target=_blank>Thomas Marques <span class=copy>©</span> 2014 - Fork me on github</a></p></div></div></div></footer><script src=//code.jquery.com/jquery-1.11.0.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.11/jquery.scrollTo.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery-one-page-nav/3.0.0/jquery.nav.min.js></script><script src=//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js></script><script src=//cdn.jsdelivr.net/jquery.magnific-popup/0.9.9/jquery.magnific-popup.min.js></script><script src=min.js></script></body></html>