<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="XXX">
<meta name="author" content="OC">
<title>HELLO HERCULE ! - Le styliste sympa de l'homme barbu</title>
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">
<!-- COMMON CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/vendors.css" rel="stylesheet">
<!-- CUSTOM CSS -->
<link href="css/custom.css" rel="stylesheet">
<!-- REVOLUTION SLIDER CSS -->
<link href="rs-plugin/css/settings.css" rel="stylesheet">
<link href="css/extralayers.css" rel="stylesheet">
</head>
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<div class="sk-rect1"></div>
<div class="sk-rect2"></div>
<div class="sk-rect3"></div>
<div class="sk-rect4"></div>
<div class="sk-rect5"></div>
</div>
</div>
<!-- End Preload -->
<div class="layer"></div>
<!-- Mobile menu overlay mask -->
<!-- Header================================================== -->
<header>
<div id="top_line">
<div class="container">
<div class="row">
<div class="col-6"><i class="icon-phone"></i><strong>+33(0)6 01 02 03 04</strong></div>
<div class="col-6">
<ul id="top_links">
<li><a href="#" id="access_link">Accéder à mon compte client</a></li>
<li><a href="#" ><strong>PRENDRE RENDEZ-VOUS</strong></a></li>
</ul>
</div>
</div><!-- End row -->
</div><!-- End container-->
</div><!-- End top line-->
<div class="container">
<div class="row">
<div class="col-3">
<div id="logo_home">
<h1><a href="#" title="Hello Hercule">Hello Hercule, votre barbier sympa</a></h1>
</div>
</div>
<nav class="col-9">
<a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu mobile</span></a>
<div class="main-menu">
<div id="header_menu">
<img src="img/logo_sticky.png" width="160" height="34" alt="City tours" data-retina="true">
</div>
<a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
<ul>
<li class="submenu">
<a href="#" class="show-submenu">Bienvenue</a>
</li>
<li class="submenu">
<a href="#" class="show-submenu">Nos salons</a>
</li>
<li class="submenu">
<a href="#" class="show-submenu">La barbe</a>
</li>
<li class="submenu">
<a href="#" class="show-submenu">La coiffure</a>
</li>
<li class="submenu">
<a href="#" class="show-submenu">Le tatouage</a>
</li>
</ul>
</div><!-- End main-menu -->
<ul id="top_tools">
<li>
<a href="javascript:void(0);" class="search-overlay-menu-btn"><i class="icon_search"></i></a>
</li>
<li>
<div class="dropdown dropdown-cart">
<a href="#" class="cart_bt"><i class="icon_bag_alt"></i><strong>5</strong></a>
</div><!-- End dropdown-cart-->
</li>
</ul>
</nav>
</div>
</div><!-- container -->
</header><!-- End Header -->
<main>
<!-- Slider -->
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
<!-- MAIN IMAGE -->
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Barber_01_Slider_1800x700.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption white_heavy_40 customin customout text-center text-uppercase" data-x="center" data-y="center" data-hoffset="0" data-voffset="-20" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="1700" data-easing="Back.easeInOut" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">La barbe par Hercule
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0 text-center" data-x="center" data-y="center" data-hoffset="0" data-voffset="15" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2600" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.05" data-endelementdelay="0.1" style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
Le soin et le style</div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0" data-x="center" data-y="center" data-hoffset="0" data-voffset="70" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2900" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 12;"><a href='#' class="button_intro">Prendre rendez-vous</a> <a href='#' class="button_intro outline">Nos experts barbiers</a>
</div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
<!-- MAIN IMAGE -->
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Hairdresser_02_Slider_1800x700.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption white_heavy_40 customin customout text-center text-uppercase" data-x="center" data-y="center" data-hoffset="0" data-voffset="-20" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="1700" data-easing="Back.easeInOut" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Le style par Hercule
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0 text-center" data-x="center" data-y="center" data-hoffset="0" data-voffset="15" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2600" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.05" data-endelementdelay="0.1" style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
Bien plus qu'un coiffeur</div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0" data-x="center" data-y="center" data-hoffset="0" data-voffset="70" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2900" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 12;"><a href='#' class="button_intro">Prendre rendez-vous</a> <a href='#' class="button_intro outline">Nos coiffeurs visagistes</a>
</div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
<!-- MAIN IMAGE -->
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Tatoo_04_Slider_1800x700.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption white_heavy_40 customin customout text-center text-uppercase" data-x="center" data-y="center" data-hoffset="0" data-voffset="-20" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="1700" data-easing="Back.easeInOut" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Hercule dans la peau
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0 text-center" data-x="center" data-y="center" data-hoffset="0" data-voffset="15" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2600" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.05" data-endelementdelay="0.1" style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
Nos artistes subliment votre personnalité</div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0" data-x="center" data-y="center" data-hoffset="0" data-voffset="70" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2900" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 12;"><a href='#' class="button_intro">Prendre rendez-vous</a> <a href='#' class="button_intro outline">Nos artistes tatoueurs</a>
</div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Intro Slide">
<!-- MAIN IMAGE -->
<img src="img/slides_bg/dummy.png" alt="slidebg1" data-lazyload="images/Shops_03_Slider_1800x700.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption white_heavy_40 customin customout text-center text-uppercase" data-x="center" data-y="center" data-hoffset="0" data-voffset="-20" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="1700" data-easing="Back.easeInOut" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Le salon par Hercule
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0 text-center" data-x="center" data-y="center" data-hoffset="0" data-voffset="15" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2600" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.05" data-endelementdelay="0.1" style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">
<div style="color:#ffffff; font-size:16px; text-transform:uppercase">
Chez nous comme chez vous</div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption customin tp-resizeme rs-parallaxlevel-0" data-x="center" data-y="center" data-hoffset="0" data-voffset="70" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2900" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-linktoslide="next" style="z-index: 12;"><a href='_Reservation_Hercule.html' class="button_intro">Prendre rendez-vous</a> <a href='#' class="button_intro outline">Découvrez nos salons</a>
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
<!-- End Slider -->
<div class="container margin_60">
<div class="main_title">
<h2>Les <span>soins</span> du moment</h2>
<p>Parce que votre barbe mérite tout votre amour</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.1s">
<div class="tour_container">
<div class="ribbon_3 popular"><span>premium</span></div>
<div class="img_container">
<a href="#">
<img src="images/Soin_Barber_01.jpg" width="800" height="533" class="img-fluid" alt="Image">
<div class="short_info">
<i class="icon-minefield"></i>Soin premium - 30 min<span class="price">45<sup>€</sup></span>
</div>
</a>
</div>
<div class="tour_title">
<h3><strong>Le soin</strong> Barbe noble</h3>
<div class="rating">
<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><small>(3562 barbus heureux)</small>
</div><!-- end rating -->
<div class="wishlist">
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-flip"><span class="tooltip-back">+ ma liste d'envies</span></span></a>
</div><!-- End wish list-->
</div>
</div><!-- End box tour -->
</div><!-- End col -->
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.2s">
<div class="tour_container">
<div class="img_container">
<a href="single_tour.html">
<img src="images/Soin_Barber_02.jpg" width="800" height="533" class="img-fluid" alt="Image">
<div class="badge_save">offre<strong>-20%</strong></div>
<div class="short_info">
<i class="icon-droplet"></i>Soin hydratant - 30 min<span class="price">14,99<sup>€</sup></span>
</div>
</a>
</div>
<div class="tour_title">
<h3><strong>LE SOIN</strong> Hydratation ultime</h3>
<div class="rating">
<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(2542 barbus heureux)</small>
</div><!-- end rating -->
<div class="wishlist">
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-flip"><span class="tooltip-back">+ ma liste d'envies</span></span></a>
</div><!-- End wish list-->
</div>
</div><!-- End box tour -->
</div><!-- End col -->
<div class="col-lg-4 col-md-6 wow zoomIn" data-wow-delay="0.3s">
<div class="tour_container">
<div class="ribbon_3"><span>Populaire</span></div>
<div class="img_container">
<a href="single_tour.html">
<img src="images/Soin_Barber_03.jpg" width="800" height="533" class="img-fluid" alt="Image">
<div class="short_info">
<i class="icon-ruler"></i>Taille et soin - 45 min<span class="price">48<sup>€</sup></span>
</div>
</a>
</div>
<div class="tour_title">
<h3><strong>L'intégrale</strong> Hercule</h3>
<div class="rating">
<i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><small>(+ de 5000 barbus heureux)</small>
</div><!-- end rating -->
<div class="wishlist">
<a class="tooltip_flip tooltip-effect-1" href="javascript:void(0);">+<span class="tooltip-content-flip"><span class="tooltip-back">+ ma liste d'envies</span></span></a>
</div><!-- End wish list-->
</div>
</div><!-- End box tour -->
</div><!-- End col -->
</div><!-- End row -->
<p class="text-center nopadding">
<a href="#" class="btn_1 medium"><i class="icon-eye-7"></i> Tout le soin de la barbe </a>
</p>
</div><!-- End container -->
<section class="promo_full">
<div class="promo_full_wp magnific">
<div>
<h3>Professionnels et créatifs</h3>
<p>
Offrez-vous un moment de détente et laissez nos experts prendre soin de vous.<br />Découvrez comment en vidéo.
</p>
<a href="https://youtu.be/5-8d7wxDPEY" class="video"><i class="icon-play-circled2-1"></i></a>
</div>
</div>
</section>
<!-- End section -->
<div class="container margin_60">
<div class="main_title">
<h2>Votre style <span>mérite plus</span> qu'un coup de tondeuse</h2>
<p>
Toutes les raisons sont bonnes pour confier votre style à Hercule.
</p>
</div>
<div class="row">
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.2s">
<div class="feature_home">
<i class="pe-7s-alarm"></i>
<h3>Votre temps <span>est précieux</span></h3>
<p>
Nos salons sont ouverts de 10h à 22h, du mardi au dimanche. Nous nous rendons disponibles lorsque vous vous l'êtes.
</p>
<a href="#" class="btn_1 outline">Prenez rendez-vous</a>
</div>
</div>
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.4s">
<div class="feature_home">
<i class="pe-7s-scissors"></i>
<h3>Nos experts, <span>votre style</span></h3>
<p>
Nos barbiers, nos coiffeurs, nos tatoueurs savent mettre leurs talents et leur créativité au service de votre personnalité.
</p>
<a href="#" class="btn_1 outline">Rencontrez Hercule</a>
</div>
</div>
<div class="col-lg-4 wow zoomIn" data-wow-delay="0.6s">
<div class="feature_home">
<i class="pe-7s-map-marker"></i>
<h3>Hercule <span>près de vous</span></h3>
<p>
Il y aura toujours un salon Hello Hercule près de chez vous. Retrouvez-nous dans toutes les régions de France.
</p>
<a href="#" class="btn_1 outline">Trouvez un salon</a>
</div>
</div>
</div>
<!--End row -->
</div>
<!-- End container -->
</main>
<!-- End main -->
<footer class="revealed">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>Envie de nous parler ?</h3>
<a href="tel://004542344599" id="phone">+33(0)6 01 02 03 04</a>
<a href="mailto:#" id="email_footer">hello@hellohercule.com</a>
</div>
<div class="col-md-3">
<h3>Découvrez Hercule</h3>
<ul>
<li><a href="#">Nos salons</a></li>
<li><a href="#">La barbe</a></li>
<li><a href="#">La coiffure</a></li>
<li><a href="#">Le tatouage</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Hercule et moi</h3>
<ul>
<li><a href="#">Espace client</a></li>
<li><a href="#">Ma liste d'envies</a></li>
<li><a href="#">Prendre rendez-vous</a></li>
</ul>
</div>
</div>
</div><!-- End row -->
<div class="row">
<div class="col-md-12">
<div id="social_footer">
<ul>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-google"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>
<li><a href="#"><i class="icon-pinterest"></i></a></li>
<li><a href="#"><i class="icon-vimeo"></i></a></li>
<li><a href="#"><i class="icon-youtube-play"></i></a></li>
</ul>
<p>© Hello Hercule - OpenClassrooms 2018</p>
</div>
</div>
</div><!-- End row -->
</div><!-- End container -->
</footer><!-- End footer -->
<div id="toTop"></div><!-- Back to top button -->
<!-- Search Menu -->
<div class="search-overlay-menu">
<span class="search-overlay-close"><i class="icon_set_1_icon-77"></i></span>
<form role="search" id="searchform" method="get">
<input value="" name="q" type="search" placeholder="Chercher..." />
<button type="submit"><i class="icon_set_1_icon-78"></i>
</button>
</form>
</div><!-- End Search Menu -->
<!-- Sign In Popup -->
<div id="sign-in-dialog" class="zoom-anim-dialog mfp-hide">
<div class="small-dialog-header">
<h3>Sign In</h3>
</div>
<form>
<div class="sign-in-wrapper">
<a href="#0" class="social_bt facebook">Login with Facebook</a>
<a href="#0" class="social_bt google">Login with Google</a>
<div class="divider"><span>Or</span></div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="email" id="email">
<i class="icon_mail_alt"></i>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password" id="password" value="">
<i class="icon_lock_alt"></i>
</div>
<div class="clearfix add_bottom_15">
<div class="checkboxes float-left">
<input id="remember-me" type="checkbox" name="check">
<label for="remember-me">Remember Me</label>
</div>
<div class="float-right"><a id="forgot" href="javascript:void(0);">Forgot Password?</a></div>
</div>
<div class="text-center"><input type="submit" value="Log In" class="btn_login"></div>
<div class="text-center">
Don’t have an account? <a href="javascript:void(0);">Sign up</a>
</div>
<div id="forgot_pw">
<div class="form-group">
<label>Please confirm login email below</label>
<input type="email" class="form-control" name="email_forgot" id="email_forgot">
<i class="icon_mail_alt"></i>
</div>
<p>You will receive an email containing a link allowing you to reset your password to a new preferred one.</p>
<div class="text-center"><input type="submit" value="Reset Password" class="btn_1"></div>
</div>
</div>
</form>
<!--form -->
</div>
<!-- /Sign In Popup -->
<!-- Common scripts -->
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/common_scripts_min.js"></script>
<script src="js/functions.js"></script>
<!-- SLIDER REVOLUTION 4.x SCRIPTS -->
<script src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="js/revolution_func.js"></script>
</body>
</html>
