Outiref

Code source de l'URL : http://www.gaellehery.fr/

<!DOCTYPE html>
<html lang="fr">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Gaelle héry / Chef de projet digital</title>
	  <meta name="description" content="Chef de projet digital vivant sur Paris. Passionnée de photo, diplome de photographe obtenu en 2006 à l'école MJM Grpahic Design de Rennes"/>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <!-- Icon -->
    <link rel="stylesheet" href="assets/fonts/line-icons.css">
    <!-- Slicknav -->
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <!-- Owl carousel -->
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.css">
    
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/nivo-lightbox.css">
    <!-- Animate -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!-- Main Style -->
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- Responsive Style -->
    <link rel="stylesheet" href="assets/css/responsive.css">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Sans:100,10mp40i,300,300i,400,400i,600,600i,700,700i&amp;subset=latin-ext" rel="stylesheet">
	  
	  <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
	  
	 

  </head>
  <body>

    <!-- Header Area wrapper Starts -->
    <header id="header-wrap">
      <!-- Navbar Start -->
      <nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <a href="index.html" class="navbar-brand"><img src="assets/img/logo60.png" alt=""></a>       
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <i class="lni-menu"></i>
          </button>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
              <li class="nav-item active">
                <a class="nav-link" href="#hero-area2">
                  Accueil
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#feature">
                  A propos
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#services">
                  Compétences
                </a>
              </li>
              
             <li class="nav-item">
                <a class="nav-link" href="#timeline">
                  Parcours
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#portfolios">
                  Portfolio
                </a>
              </li>
              
              <li class="nav-item">
                <a class="nav-link" href="#blog">
                  Projets
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contact">
                  Contact
                </a>
              </li>
				<li class="nav-item">
                <a class="nav-link" href="https://www.malt.fr/profile/gaellehery1" target="_blank">
                <img src="images/malt-picto.png"/>
                </a>
              </li>
				<li class="nav-item">
					<a class="nav-link" href="studio/index.html" target="_blank"><i class="lni-camera" style="font-size:22px;"></i></a></li>
            </ul>
          </div>
        </div>
      </nav>
      <!-- Navbar End -->

      <!-- Hero Area Start -->
		
		<div class="container">
			<div class="row">
				<div id="test" class="col-md-12 col-sm-12">
					<div class="contents text-center"><h1 class="head-title wow fadeInUp" style="color:#fff;font-family: 'Josefin Sans', sans-serif;">Création & Production</h1><h6 class="head-title wow fadeInUp">DIGITAL</h6>
			<div></div>
			<div class="header-button wow fadeInUp" data-wow-delay="0.3s">
                  <a href="#testimonial" class="btn btn-common page-scroll">Voir mon actualité</a>
                </div></div></div></div></div>
		<div id="hero-area2" class="hero-area-bg">
		  <video autoplay muted loop id="myVideo">
			  <source src="assets/video/hd.mp4" type="video/mp4">		  
</video>
	
     
			<div class="overlay">
          
        </div>
        <div class="container">
          
        </div>
      </div>
    
	   <section id="testimonial" class="testimonial section-padding">
		
      <div class="overlay"></div>
      <div class="container">
		  
        <div class="row justify-content-center">
			<!--<h2 style="color:#fff;text-align: center;margin: auto;">Mes amis freelance !</h2>-->
          <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
			 <h2 style="color: #fff; text-align: center;">Mon actualité</h2><br>
            <div id="testimonials" class="owl-carousel wow fadeInUp" data-wow-delay="1.2s">
				 
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/logo-jimb-carre-noir.jpg" style="max-height: 50%; max-width: 50%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="https://jimb.fr">JIMB.FR</a></h2>
                    <h3><a href="https://jimb.fr">Bijoux Fantaisie imprimé en 3D</a></h3>
                  </div>
                  <div class="content">
					  <p class="description"><a href="https://jimb.fr">JIMB.FR</a><br>
					  Création et impression 3D. Impression de bijoux fantaisie et d’objets. 
					  </p>
                  </div>
                </div>
              </div>
				<div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/pip2022.png" style="max-height: 50%; max-width: 50%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="https://pip.paris/">PIP.PARIS</a></h2>
                    <h3><a href="https://pip.paris/">Sextoy Fabriqué à Paris</a></h3>
                  </div>
                  <div class="content">
					  <p class="description"><a href="https://pip.paris/">PIP.PARIS</a><br>
					  Créations artisanales de jouets intimes en silicone. Biocompatible et Parisien
					  </p>
                  </div>
                </div>
              </div>
            <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="images/3D-logo.jpg" style="max-height: 50%; max-width: 50%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Modélisation 3D</a></h2>
                    <h3><a href="#">Fusion 360</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Modélisation 3D<br> impression 3D UV et Filament PLA</p>
                  </div>
                </div>
              </div>
  <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="images/Native_Instruments.jpg" style="max-height: 50%; max-width: 50%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Création musicale</a></h2>
                    <h3><a href="#" target="_blank">Native Instrument / Garage Band</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Création de musique électronique<br><br><a href="https://soundcloud.com/gaelle-hery" target="_blank" class="btn btn-common">Ecouter mes créations</a></p>
                  </div>
                </div>
              </div>
              <!--<div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/testimonial/img4.png" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Fernanda Anaya</a></h2>
                    <h3><a href="#">Developer</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective web-readiness. </p>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/testimonial/img5.png" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Jason A.</a></h2>
                    <h3><a href="#">Designer</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective web-readiness. </p>
                  </div>
                </div>
              </div>-->
            </div>
          </div>
        </div>
      </div>
</section>
		
      <div id="hero-area" class="hero-area-bg">
		  
       <div class="container">
          <div class="row">
            <div class="col-md-12 col-sm-12">
				
              <div class="contents text-center">
                <h2 class="head-title wow fadeInUp">Passionnée par les technologies, internet,<br>et la photographie</h2>
                <!--<div class="header-button wow fadeInUp" data-wow-delay="0.3s">
                  <a href="#services" class="btn btn-common">Explore</a>
                </div>-->
              </div>
              <div class="img-thumb text-center wow fadeInUp" data-wow-delay="0.6s">
                <img class="img-fluid" src="assets/img/fond-top.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Hero Area End -->

    </header>
    <!-- Header Area wrapper End -->

    <!-- Feature Section Start -->
    <div id="feature">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6 col-md-12 col-sm-12">
            <div class="text-wrapper">
              <div>
                <h2 class="title-hl wow fadeInLeft" data-wow-delay="0.3s">A propos de moi</h2>
                <p class="mb-4">Photographe de formation, j'ai appris de façon autodidacte les outils du Web tels que Dreamweaver, XHTML, CSS, et pars la suite chez Doranco Multimédia Paris, lors d’une formation de développeur d’application multimédia.<br>

				Une diversité d'expériences en tant que <strong>chef de projet digital</strong>, chargée de support, webmaster et photographe me permettent d'affirmer mon sens de l'adaptation.<br>

				</p>
               <p><a href="#services" class="btn btn-common page-scroll">Voir mes compétences</a></p><br> 
				  <p><a href="studio/index.html" class="btn btn-common" target="_blank">Voir plus de projets photos</a></p>
              </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-12 col-sm-12 padding-none feature-bg">
            <div class="feature-thumb">
              <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                <div class="icon">
                  <i class="lni-pencil"></i>
                </div>
                <div class="feature-content">
                  <h3>créative</h3>
                  <p>J’ai travaillé en tant que chef de projet digital (chargée de support, webmaster
et photographe) sur des projets créatifs, comme des vidéos promotionnelles, créations et refonte de sites</p>
                </div>
              </div>
              <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
                <div class="icon">
                  <i class="lni-user"></i>
                </div>
                <div class="feature-content">
                  <h3>autodidacte</h3>
                  <p>À travers mes différentes expériences, j’ai parcouru la chaîne de création d’un
site internet, de la phase de création, à sa recette, livraison et utilisation.</p>
                </div>
              </div>
              <div class="feature-item wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="700ms">
                <div class="icon">
                  <i class="lni-medall-alt"></i>
                </div>
                <div class="feature-content">
                  <h3>couteau suisse</h3>
					<p>Polyvalente et dynamique, je souhaite aujourd’hui mettre à profit mes compétences et mon énergie au
service de votre entreprise et de vos clients</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Feature Section End -->
<section class="video-promo section-padding">
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12">
            <div class="video-promo-content text-center wow fadeInUp" data-wow-delay="0.3s">
              <a href="assets/video/gaellehery.mp4" class="video-popup"><i class="lni-film-play"></i></a>
              <h2 class="mt-3 wow zoomIn" data-wow-duration="1000ms" data-wow-delay="100ms">Petite présentation</h2>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Services Section Start -->
    <section id="services" class="section-padding bg-gray">
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s"><br>Mes compétences</h2>
          <p></p>
        </div>
        <div class="row">
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="0.3s">
              <div class="icon">
                <i class="lni-pencil"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">Créativité</a></h3>
                <p>Photoshop<br>Illustrator<br>Indesign<br>Rawshort</p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="0.6s">
              <div class="icon">
                <i class="lni-briefcase"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">Gestion de projet</a></h3>
                <p>Gestion multi-projets<br>Coordination des différents intervenants<br>Suivi et recette technique<br></p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="0.9s">
              <div class="icon">
                <i class="lni-cog"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">développement web</a></h3>
                <p>HTML5 / CSS3<br>Wordpress<br>Drupal<br>Typo3</p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="1.2s">
              <div class="icon">
                <i class="lni-camera"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">Photographie</a></h3>
                <p>Prise de vue<br>Tirage Noir et blanc<br>Retouche<br>Labo argentique</p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="1.5s">
              <div class="icon">
                <i class="lni-ruler-pencil"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">Mes outils</a></h3>
                <p>JIRA<br>Confluence<br>Invision<br>Trello</p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-4 col-xs-12">
            <div class="services-item wow fadeInRight" data-wow-delay="1.8s">
              <div class="icon">
                <i class="lni-thumbs-up"></i>
              </div>
              <div class="services-content">
                <h3><a href="#">Bonne humeur</a></h3>
                <p>Travail et animation d'équipe<br>Communication interne<br>Corporate<br>Humour</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Services Section End -->

	  <section id="timeline">
	
	<div class="timeline-container" id="timeline-1">
  <div class="timeline-header">
  
    <h2 class="timeline-header__title"></h2>
    <h3 class="timeline-header__subtitle"></h3>
	<h2 style="color:#fff;">PARCOURS</h2>
	  
  </div>
		
  <div class="timeline">
	  <div class="timeline-item" data-text="2019">
      <div class="timeline__content"><img class="timeline__img" src="images/freelance.jpg" alt="Chef de projet digital freelance">
        <h2 class="timeline__content-title">Chef de projet digital <strong>Freelance</strong></h2>
        <br>
		   <p class="timeline__content-desc">
		<strong>Je peux vous accompagner dans vos réalisations et projets multimédias:</strong><br><br>
- gestion et suivi de projet multimédias<br>
- transformation digitale et conduite du changement<br>
- création de site vitrine (CMS, HTML5)<br>
- création de vos contenus multimédias : photographie, vidéo de promotion, motion video<br><br>
	<strong style="font-size: 20px">Voir mon profil Malt : </strong><a href="https://www.malt.fr/profile/gaellehery1" target="_blank"><img src="images/malt.png"></a>		 
			
</p>
		  <br><a href="#gaya" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
	  
	  <div class="timeline-item" data-text="2017 - 2018">
      <div class="timeline__content" id="gaya"><img class="timeline__img" src="https://www.gaya.fr/images/gaya-facebook.901198bc.jpg" alt="FORMATION - Gestion de projet">
        <h2 class="timeline__content-title">Chef de projet digital</h2>
        <p class="timeline__content-desc"><strong>GAYA</strong><br><br>
		- Suivi de projet<br>
- Prise en compte besoins clients<br>
- Élaboration des spécifications fonctionnelles<br>
- Coordonination des différents intervenants<br>
- Paramétrages applicatifs, reprise de données<br>
- Participer à l’avant-vente<br>
			
		</p>
		   <br><a href="#certification" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
		   
    </div>
		

  
  <div class="timeline-item" data-text="05/2017">
      <div class="timeline__content" id="certification"><img class="timeline__img" src="http://www.gaellehery.fr/images/digitale-active.png" alt="Certification Google Digital Active">
        <h2 class="timeline__content-title">Certification Google Digital Active</h2>
        <p class="timeline__content-desc"><strong></strong><br><br>
		
		</p>
		  <br><a href="#formation2" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
  
    <div class="timeline-item" data-text="2017" >
      <div class="timeline__content" id="formation2"><img class="timeline__img" src="http://www.gaellehery.fr/images/13.jpg" alt="FORMATION - Gestion de projet">
        <h2 class="timeline__content-title">Formation - Gestion de projet</h2>
        <p class="timeline__content-desc"><strong>Doranco Ecole Supérieure des technologies créatives</strong><br><br>
		- Webmarketing <br>
		  - Réferencement SEO / SEA <br>
		  - Ux Design <br>
		  - Méthode agile <br>
		  - Big Data<br>
		  - Digital Publishing<br>
		  - Community manager
		</p><br><a href="#alpha" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2016 - 2017" >
      <div class="timeline__content" id="alpha"><img class="timeline__img" src="http://www.gaellehery.fr/images/ALPHA.jpg" alt="Chef de projet digital">
        <h2 class="timeline__content-title">Digital Producer</h2>
        <p class="timeline__content-desc"><strong>Alpha Layer</strong><br><br>
		- Assurer la relation client (suivi de projet, réunions, formations)<br>
- Prendre en compte les besoins métiers et les projets en cours<br>
- Élaborer les spécifications fonctionnelles<br>
- Test, recette , gestion du backlog<br>
- Gestion des différents prestataires (clients, webdesigner, développeurs...)<br>
- Paramétrages applicatifs, reprise de données<br>
			- Management équipe<br>

		</p><br><a href="#belacom" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
   
   
    <div class="timeline-item" data-text="2014 - 2015" >
      <div class="timeline__content" id="belacom"><img class="timeline__img" src="http://www.gaellehery.fr/images/53.jpg" alt="Chargée support client">
        <h2 class="timeline__content-title">Chargée support client</h2>
        <p class="timeline__content-desc"><strong>Belacom</strong><br><br>
		- Création des comptes clients emailing<br>
- Support client <br>
- Création Graphique : site internet / plaquettes marketing / template / logo
		</p><br><a href="#cabestan" class="btn btn-common page-scroll">suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2012 - 2014" >
      <div class="timeline__content" id="cabestan"><img class="timeline__img" src="http://www.gaellehery.fr/images/57.jpg" alt="Chargée support client">
        <h2 class="timeline__content-title">Chargée support client</h2>
        <p class="timeline__content-desc"><b>Cabestan</b><br><br>
		- Support client niveau I sur la plate-forme d' e-marketing<br>
- Assurer la relation client (suivi de projet, formations)<br>
- Suivi des SLA <br>
- Suivi et escalade des tickets <br>
		</p><br><a href="#newplv" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2010 - 2012" >
      <div class="timeline__content" id="newplv"><img class="timeline__img" src="http://www.gaellehery.fr/images/OKP5EJ0.jpg" alt="Webmaster">
        <h2 class="timeline__content-title">Webmaster</h2>
        <p class="timeline__content-desc"><strong>Newplv</strong><br><br>
		- Diffusion des spots publicitaires<br>
- Suivi et audits des spots TV<br>
- Création et mise en place des modèles dynamiques<br>
- Gestion du site internet
		</p><br><a href="#distrigame" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2009 - 2010" >
      <div class="timeline__content" id="distrigame"><img class="timeline__img" src="http://www.gaellehery.fr/images/39.jpg" alt="Intégrateur HTML">
        <h2 class="timeline__content-title">Intégrateur HTML</h2>
        <p class="timeline__content-desc"><strong>Distrigame</strong><br><br>
          - Découpes des maquettes photoshop<br>
- Intégration html<br>
- debug newsletters html
        </p><br><a href="#formation" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2009" >
      <div class="timeline__content" id="formation"><img class="timeline__img" src="http://www.gaellehery.fr/images/13.jpg" alt="FORMATION - Développeur d'applications multimédias">
        <h2 class="timeline__content-title">Formation - Développeur d'applications multimédias</h2>
        <p class="timeline__content-desc"><strong>Doranco Ecole Supérieure des technologies créatives</strong><br><br>
- HTML / CSS<br>
- Photoshop<br>
- Illustrator<br>
- Dreamveaver<br>
- Flash
		</p><br><a href="#azentis" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2006 - 2008" >
      <div class="timeline__content" id="azentis"><img class="timeline__img" src="http://www.gaellehery.fr/images/numerisation.jpeg" alt="Gestionnaire de production en numérisation">
        <h2 class="timeline__content-title">Gestionnaire de production en numérisation</h2>
        <p class="timeline__content-desc"><strong>Azentis</strong><br><br>
		- Numerisation photo/plaques de verre<br>
- Retouche photo (chromie, nettoyage, reconstitution)
		</p><br><a href="#pixmania" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2006" >
      <div class="timeline__content" id="pixmania"><img class="timeline__img" src="http://www.gaellehery.fr/images/tone2-w.jpg" alt="Tireur filtreur">
        <h2 class="timeline__content-title">Tireur filtreur</h2>
        <p class="timeline__content-desc"><strong>Pixmania</strong><br><br>
          - Tirage photo sur Noritsu<br>
- Gestion multi-tireuse
        </p><br><a href="#negatif" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
    <div class="timeline-item" data-text="2006" >
      <div class="timeline__content" id="negatif"><img class="timeline__img" src="http://www.gaellehery.fr/images/NB1-w.jpg" alt="Tireur filtreur Noir et Blanc">
        <h2 class="timeline__content-title">Tireur filtreur Noir et Blanc</h2>
        <p class="timeline__content-desc"><strong>Négatif +</strong><br><br>
		- Développement film Noir et blanc<br>
- Tirage Noir et blanc sur Noritsu
		</p><br><a href="#mjm" class="btn btn-common page-scroll">Lire la suite</a>
      </div>
    </div>
	
	 <div class="timeline-item" data-text="2004 - 2006" >
      <div class="timeline__content" id="mjm"><img class="timeline__img" src="http://www.gaellehery.fr/images/72FI_3305-w.jpg" alt="diplome photographie">
        <h2 class="timeline__content-title">Titre certifié niveau II 
de Photographe</h2>
        <p class="timeline__content-desc"><strong>MJM Graphic Design Rennes</strong><br>Ecole d'arts appliqués<br>
         
        </p>
      </div>
    </div>
	

	
  </div>
</div>
	</section>
	  
	  <div class="skill-area section-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-12 col-xs-12 wow fadeInLeft" data-wow-delay="0.3s">
            <img class="img-fluid" src="assets/img/logoBig.png" alt="Logo Gaelle Héry">
          </div>
          <div class="col-lg-6 col-md-12 col-xs-12 info wow fadeInRight" data-wow-delay="0.3s">
            <div class="site-heading">
              <h2 class="section-title">Plus de <span>10 ans d'expérience</span></h2>
              <p>
                J’évolue dans le digital depuis maintenant plus de 10 ans. Les contacts avec les
clients, ainsi qu’avec les équipes techniques m’ont apportés le sens de l’analyse
et du service.
              </p>
            </div>
            <div class="skills-section">
              <!-- Progress Bar Start -->
              <div class="progress-box">
                <h5>Gestion de projet <span class="pull-right">60%</span></h5>
                <div class="progress" style="opacity: 1; left: 0px;">
                  <div class="progress-bar" role="progressbar" data-width="59" style="width: 59%;"></div>
                </div>
              </div>
              <div class="progress-box">
                <h5>Création &amp; Production digitale <span class="pull-right">80%</span></h5>
                <div class="progress" style="opacity: 1; left: 0px;">
                  <div class="progress-bar" role="progressbar" data-width="79" style="width: 79%;"></div>
                </div>
              </div>
              <div class="progress-box">
                <h5>Photographe <span class="pull-right">85%</span></h5>
                <div class="progress" style="opacity: 1; left: 0px;">
                  <div class="progress-bar" role="progressbar" data-width="52" style="width: 85%;"></div>
                </div>
              </div>
              <!-- End Progressbar -->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Start Video promo Section -->
    
    <!-- End Video Promo Section -->

    <!-- Team Section Start -->
    <!--<section id="team" class="section-padding text-center">
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Meet our team</h2>
          <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.</p>
        </div>
        <div class="row">
          <div class="col-sm-6 col-md-6 col-lg-3">
            <!-- Team Item Starts -->
            <!--<div class="team-item text-center wow fadeInRight" data-wow-delay="0.3s">
              <div class="team-img">
                <img class="img-fluid" src="assets/img/team/team-01.png" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">David Smith</a></h3>
                <p>Chief Operating Officer</p>
              </div>
            </div>-->
            <!-- Team Item Ends 
          </div>
        <!--  <div class="col-sm-6 col-md-6 col-lg-3">
            <!-- Team Item Starts 
            <div class="team-item text-center wow fadeInRight" data-wow-delay="0.6s">
              <div class="team-img">
                <img class="img-fluid" src="assets/img/team/team-02.png" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Eric Peterson</a></h3>
                <p>Product Designer</p>
              </div>
            </div>
            <!-- Team Item Ends
          </div>

          <div class="col-sm-6 col-md-6 col-lg-3">
            <!-- Team Item Starts -->
            <!--<div class="team-item text-center wow fadeInRight" data-wow-delay="0.9s">
              <div class="team-img">
                <img class="img-fluid" src="assets/img/team/team-03.png" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Durwin Babb</a></h3>
                <p>Lead Designer</p>
              </div>
            </div>-->
            <!-- Team Item Ends -->
          <!--</div>

          <div class="col-sm-6 col-md-6 col-lg-3">
            <!-- Team Item Starts -->
            <!--<div class="team-item text-center wow fadeInRight" data-wow-delay="1.2s">
              <div class="team-img">
                <img class="img-fluid" src="assets/img/team/team-04.png" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-instagram-filled" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Marijn Otte</a></h3>
                <p>Front-end Developer</p>
              </div>
            </div>-->
            <!-- Team Item Ends -->
          <!-- </div>
          
        </div>
      </div>
    </section>-->
    <!-- Team Section End -->

    <!-- Counter Section Start -->
    
    <!-- Counter Section End -->

    <!-- Pricing section Start --> 
    <!--<section id="pricing" class="section-padding bg-gray">
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Best Pricing</h2>
          <p>A desire to help and empower others between community contributors in technology <br> began to grow in 2020.</p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="table wow fadeInLeft" data-wow-delay="1.2s">
              <div class="title">
                <h3>Basic</h3>
              </div>
              <div class="pricing-header">
                <p class="price-value">$12.90<span>/ Month</span></p>
              </div>
              <ul class="description">
                <li>Business Analyzing</li>
                <li>24/7 Tech Suport</li>
                <li>Operational Excellence</li>
                <li>Business Idea Ready</li>
                <li>2 Database</li>
                <li>Customer Support</li>
              </ul>
              <button class="btn btn-common">Get It</button>
            </div> 
          </div>
          <div class="col-lg-4 col-md-6 col-xs-12 active">
            <div class="table wow fadeInUp" id="active-tb" data-wow-delay="1.2s">
              <div class="title">
                <h3>Profesional</h3>
              </div>
               <div class="pricing-header">
                  <p class="price-value">$49.90<span>/ Month</span></p>
               </div>
              <ul class="description">
                <li>Business Analyzing</li>
                <li>24/7 Tech Suport</li>
                <li>Operational Excellence</li>
                <li>Business Idea Ready</li>
                <li>2 Database</li>
                <li>Customer Support</li>
              </ul>
              <button class="btn btn-common">Get It</button>
           </div> 
          </div>
          <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="table wow fadeInRight" data-wow-delay="1.2s">
              <div class="title">
                <h3>Expert</h3>
              </div>
               <div class="pricing-header">
                  <p class="price-value">$89.90<span>/ Month</span></p>
               </div>
              <ul class="description">
                <li>Business Analyzing</li>
                <li>24/7 Tech Suport</li>
                <li>Operational Excellence</li>
                <li>Business Idea Ready</li>
                <li>2 Database</li>
                <li>Customer Support</li>
              </ul>
              <button class="btn btn-common">Get It</button>
            </div> 
          </div>
        </div>
      </div>
    </section>-->
    <!-- Pricing Table Section End -->

    
    
    <!-- Portfolio Section -->
	  
    <section id="portfolios" class="section-padding">
      <!-- Container Starts -->
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s"><br>Portfolio</h2>
          <p>Gestion de projet web, création de site ou projets photographique</p>
        </div>
        <div class="row">          
          <div class="col-md-12">
            <!-- Portfolio Controller/Buttons -->
            <!--<div class="controls text-center">
              <a class="filter active btn btn-common btn-effect" data-filter="all">
                All 
              </a>
              <a class="filter btn btn-common btn-effect" data-filter=".design">
                Design 
              </a>
              <a class="filter btn btn-common btn-effect" data-filter=".development">
                Development
              </a>
              <a class="filter btn btn-common btn-effect" data-filter=".print">
                Print 
              </a>
            </div>-->
            <!-- Portfolio Controller/Buttons Ends-->
          </div>
        </div>

        <!-- Portfolio Recent Projects -->
        <div id="portfolio" class="row">
          <div class="col-lg-4 col-md-6 col-xs-12 mix development print">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-1p.jpg" alt="" />  
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="assets/img/portfolio/img-1.jpg"><i class="lni-eye item-icon"></i></a>
                      </div>
                      <a href="#">Portrait</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-xs-12 mix development">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-2p.gif" alt="" />  
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="assets/img/portfolio/img-2.gif"><i class="lni-eye item-icon"></i></a>
                      </div>
                      <a href="#">Portrait</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
			<div class="col-lg-4 col-md-6 col-xs-12 mix development">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-5.jpg" alt="" />  
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="https://youtu.be/DdgijpDIh90"><i class="lni-film-play"></i></a>
                      </div>
                      <a href="#">video<br>promotionnelle</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
			
          <div class="col-lg-4 col-md-6 col-xs-12 mix development">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-4.png" alt="" />  
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="assets/img/portfolio/img-4.png"><i class="lni-eye item-icon"></i></a>
                      </div>
                      <a href="#">Responsive <br> institutionnel</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-xs-12 mix development design">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-4.jpg" alt="" /> 
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="assets/img/portfolio/img-4.jpg"><i class="lni-eye item-icon"></i></a>
                      </div>
                      <a href="#">Responsive <br> institutionnel</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
          
          <div class="col-lg-4 col-md-6 col-xs-12 mix print design">
            <div class="portfolio-item">
              <div class="shot-item">
                <img src="assets/img/portfolio/img-6.png" alt="" />  
                <div class="single-content">
                  <div class="fancy-table">
                    <div class="table-cell">
                      <div class="zoom-icon">
                        <a class="lightbox" href="assets/img/portfolio/img-6.png"><i class="lni-eye item-icon"></i></a>
                      </div>
                      <a href="#">Site<br>vitrine</a>
                    </div>
                  </div>
                </div>
              </div>               
            </div>
          </div>
			<div style="margin:auto;" class="row">
				
				<!--<iframe src="//lightwidget.com/widgets/72a8a05415d75b738723a817acbb881f.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>-->
                  <a href="studio/index.html" class="btn btn-common" target="_blank">Voir plus de projets photos</a>
        </div>
      </div>
      <!-- Container Ends -->
		</div>
    </section>
    <!-- Portfolio Section Ends --> 
  
    <!-- Testimonial Section Start -->
  <!-- <section id="testimonial" class="testimonial section-padding">
		 
      <div class="overlay"></div>
      <div class="container">
		  
        <div class="row justify-content-center">-->
			<!--<h2 style="color:#fff;text-align: center;margin: auto;">Mes amis freelance !</h2>-->
         <!--  <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
			
            <div id="testimonials" class="owl-carousel wow fadeInUp" data-wow-delay="1.2s">
				 
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="http://lesg.fr/wp-content/uploads/2017/10/geraud.png" style="max-height: 20%; max-width: 20%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Géraud de la Faye</a></h2>
                    <h3><a href="#"></a></h3>
                  </div>
                  <div class="content">
                    <p class="description">DSI Externalisé</p>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="https://media-exp1.licdn.com/dms/image/C4D03AQGsuh7dOS2Ibw/profile-displayphoto-shrink_200_200/0?e=1586390400&v=beta&t=MK8yRQE_j95kxRD9ideWKwauPWKDhUFv-ds_Gl2x2MA" style="max-height: 20%; max-width: 20%;" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Thomas Robert</a></h2>
                    <h3><a href="https://tukonai.net/" target="_blank">Tukonai Production</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Production Audiovisuelle</p>
                  </div>
                </div>
              </div>
             <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/testimonial/img3.jpg" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Dommini Albert</a></h2>
                    <h3><a href="#">Nesnal Design co.</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective web-readiness. </p>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/testimonial/img4.png" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Fernanda Anaya</a></h2>
                    <h3><a href="#">Developer</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective web-readiness. </p>
                  </div>
                </div>
              </div>
              <div class="item">
                <div class="testimonial-item">
                  <div class="img-thumb">
                    <img src="assets/img/testimonial/img5.png" alt="">
                  </div>
                  <div class="info">
                    <h2><a href="#">Jason A.</a></h2>
                    <h3><a href="#">Designer</a></h3>
                  </div>
                  <div class="content">
                    <p class="description">Holisticly empower leveraged ROI whereas effective web-readiness. Completely enable emerging meta-services with cross-platform web services. Quickly initiate inexpensive total linkage rather than extensible scenarios. Holisticly empower leveraged ROI whereas effective web-readiness. </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
</section>-->
    <!-- Testimonial Section End -->  

    <!-- Blog Section -->
    <section id="blog" class="section-padding">
      <!-- Container Starts -->
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s"><br>Derniers projets web</h2>
          <p></p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
            <!-- Blog Item Starts -->
            <div class="blog-item-wrapper wow fadeInLeft" data-wow-delay="0.3s">
              <div class="blog-item-img">
                <a href="single-post.html">
                  <img src="assets/img/portfolio/delafaye.png" alt="">
                </a>                
              </div>
              <div class="blog-item-text"> 
                <h3>
                <a href="single-post.html">delafaye.eu</a>
                </h3>
                <p>
                Site vitrine pour un consultant spécialisé RGPD 
                </p>
                <a href="projet-delafaye.html" class="btn btn-common btn-rm">Voir plus</a>
              </div>
            </div>
            <!-- Blog Item Wrapper Ends-->
          </div>

          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
            <!-- Blog Item Starts -->
            <div class="blog-item-wrapper wow fadeInUp" data-wow-delay="0.6s">
              <div class="blog-item-img">
                <a href="single-post.html">
                  <img src="assets/img/portfolio/arcep.jpg" alt="">
                </a>                
              </div>
              <div class="blog-item-text"> 
                <h3>
                <a href="single-post.html">Arcep.fr</a>
                </h3>
                <p>
                Gestion de projet / refonte du site v1
                </p>
                <a href="projet-arcep.html" class="btn btn-common btn-rm">Voir plus</a>
              </div>
            </div>
            <!-- Blog Item Wrapper Ends-->
          </div>

          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 blog-item">
            <!-- Blog Item Starts -->
            <div class="blog-item-wrapper wow fadeInRight" data-wow-delay="0.3s">
              <div class="blog-item-img">
                <a href="single-post.html">
                  <img src="assets/img/portfolio/andra2.jpg" alt="">
                </a>                
              </div>
              <div class="blog-item-text"> 
                <h3>
                  <a href="single-post.html">andra.fr</a>
                </h3>
                <p>
                Gestion de projet / Refonte des sites de l'Andra
                </p>
                <a href="projet-andra.html" class="btn btn-common btn-rm">Voir plus</a>
              </div>
            </div>
            <!-- Blog Item Wrapper Ends-->
          </div>
        </div>
      </div>
    </section>
    <!-- blog Section End -->
	  
	  <section id="counter" class="section-padding">
      <div class="overlay"></div>
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-12 col-md-12 col-xs-12">
            <div class="row">
              
              <!-- Start counter -->
              <div class="col-xs-6 col-sm-4">
                <div class="counter-box wow fadeInUp" data-wow-delay="0.4s">
                  <div class="icon-o"><i class="lni-coffee-cup"></i></div>
                  <div class="fact-count">
                    <h3><span class="counter">2124</span></h3>
                    <p>Cafés</p>
                  </div>
                </div>
              </div>
              <!-- End counter -->
              <!-- Start counter -->
              <div class="col-xs-6 col-sm-4">
                <div class="counter-box wow fadeInUp" data-wow-delay="0.6s">
                  <div class="icon-o"><i class="lni-briefcase"></i></div>
                  <div class="fact-count">
                    <h3><span class="counter">13</span></h3>
                    <p>années<br>expériences</p>
                  </div>
                </div>
              </div>
              <!-- End counter -->
              <!-- Start counter -->
              <div class="col-xs-6 col-sm-4">
                <div class="counter-box wow fadeInUp" data-wow-delay="0.8s">
                  <div class="icon-o"><i class="lni-image"></i></div>
                  <div class="fact-count">
                    <h3><span class="counter">15653</span></h3>
                    <p>Photos</p>
                  </div>
                </div>
              </div>
              <!-- End counter -->
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Clients Section Start -->
    <!--<div id="clients" class="section-padding bg-gray">
      <div class="container">
        <div class="section-header text-center">
          <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">NOTABLE CLIENTS</h2>
          <p>Over the last 20 years, we have helped and guided organisations to achieve outstanding results</p>
        </div>
        <div class="row text-align-">
          <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.3s">
            <div class="client-item-wrapper">
              <img class="img-fluid" src="assets/img/clients/img1.png" alt="">
            </div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.6s">
            <div class="client-item-wrapper">
              <img class="img-fluid" src="assets/img/clients/img2.png" alt="">
            </div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="0.9s">
            <div class="client-item-wrapper">
              <img class="img-fluid" src="assets/img/clients/img3.png" alt="">
            </div>
          </div>
          <div class="col-lg-3 col-md-3 col-xs-12 wow fadeInUp" data-wow-delay="1.2s">
            <div class="client-item-wrapper">
              <img class="img-fluid"  src="assets/img/clients/img4.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>-->
    <!-- Clients Section End -->

    <!-- Contact Section Start -->
    <section id="contact" class="section-padding">    
      <div class="container">
        <div class="row contact-form-area wow fadeInUp" data-wow-delay="0.4s">
			
          <div class="col-md-6 col-lg-6 col-sm-12">
            <div>
				<iframe id="fluide" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d40287.57969568445!2d2.3112656230200783!3d48.860090453232516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis!5e0!3m2!1sfr!2sfr!4v1559731620946!5m2!1sfr!2sfr" height="250px" width="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
              <!--<form id="contactForm">
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <input type="text" class="form-control" id="name" name="name" placeholder="Name" required data-error="Please enter your name">
                      <div class="help-block with-errors"></div>
                    </div>                                 
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <input type="text" placeholder="Email" id="email" class="form-control" name="email" required data-error="Please enter your email">
                      <div class="help-block with-errors"></div>
                    </div> 
                  </div>
                   <div class="col-md-12">
                    <div class="form-group">
                      <input type="text" placeholder="Subject" id="msg_subject" class="form-control" required data-error="Please enter your subject">
                      <div class="help-block with-errors"></div>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-group"> 
                      <textarea class="form-control" id="message" placeholder="Your Message" rows="5" data-error="Write your message" required></textarea>
                      <div class="help-block with-errors"></div>
                    </div>
                    <div class="submit-button">
                      <button class="btn btn-common" id="form-submit" type="submit">Send Message</button>
                      <div id="msgSubmit" class="h3 text-center hidden"></div> 
                      <div class="clearfix"></div> 
                    </div>
                  </div>
                </div>            
              </form>-->
            </div>
          </div>
          <div class="col-md-6 col-lg-6 col-sm-12">
            <div class="contact-right-area wow fadeIn">
              
              <h2>Contactez-moi</h2>
              <div class="contact-right">
                <div class="single-contact">
                  <div class="contact-icon">
                    <i class="lni-map-marker"></i>
                  </div>
                  <p>Paris, 20éme</p>
                </div>
                <div class="single-contact">
                  <div class="contact-icon">
                    <i class="lni-envelope"></i>
                  </div>
                  <p><a href="mailto:gaelle.hery@gmail.com" target="_blank">gaelle.hery@gmail.com</a></p>
                </div>
                <div class="single-contact">
                  <div class="contact-icon">
                    <i class="lni-phone-handset"></i>
                  </div>
                  <p><a href="tel:+33754832906">07 54 83 29 06</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Contact Section End -->
	  
	  
    
    <!-- Copyright Section Start -->
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-xs-6 col-sm-4">
            <div>
              <img src="assets/img/logo.png" alt="">
            </div>
          </div>
          <div class="col-xs-6 col-sm-4">     
            <div class="social-icon text-center">
             
              <a class="Mail" href="mailto:gaelle.hery@gmail.com" target="_blank"><i class="lni-envelope"></i></a>
              <a class="instagram" href="https://www.instagram.com/gaellehery/?hl=fr" target="_blank"><i class="lni-instagram-filled"></i></a>
              <a class="linkedin" href="https://www.linkedin.com/in/gaellehery" target="_blank"><i class="lni-linkedin-filled"></i></a>
            </div>
          </div>
          <div class="col-xs-6 col-sm-4">
            <p class="float-right">Copyright © Gaelle Héry - 2019</p>
          </div> 
        </div>
      </div>
    </div>
    <!-- Copyright Section End -->

    <!-- Go to Top Link -->
    <a href="#" class="back-to-top">
    	<i class="lni-arrow-up"></i>
    </a>
    
    <!-- Preloader -->
    <div id="preloader">
      <div class="loader" id="loader-1"></div>
    </div>
    <!-- End Preloader -->
    
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="assets/js/jquery-min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/jquery.mixitup.js"></script>
    <script src="assets/js/wow.js"></script>
    <script src="assets/js/jquery.nav.js"></script>
    <script src="assets/js/scrolling-nav.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>  
    <script src="assets/js/nivo-lightbox.js"></script>     
    <script src="assets/js/jquery.magnific-popup.min.js"></script>     
    <script src="assets/js/waypoints.min.js"></script>   
    <script src="assets/js/jquery.slicknav.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/form-validator.min.js"></script>
    <script src="assets/js/contact-form-script.min.js"></script>
	  
	  	<script src="assets/js/index.js"></script>
		<script src="https://cdn.lightwidget.com/widgets/lightwidget.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','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-2064785-2', 'auto');
  ga('send', 'pageview');

</script>
      
  </body>
</html>