<!DOCTYPE html>
<html lang="fr"><!-- Basic -->
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V8HC9ZSRL3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V8HC9ZSRL3');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Site Metas -->
<title>Restaurant Elodie - Street Food italienne, fait maison au coeur d'Epinal</title>
<meta name="keywords" content="">
<meta name="description" content="Fast food proposant des plats italiens fait maison en plein centre ville d'Epinal. Découvrez notre restaurant traditionnel qui vous fera voyager avec nos délicieuses panzerottis à personnaliser.">
<meta name="author" content="">
<!-- Site Icons -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<!-- Start header -->
<header class="top-navbar">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/restaurantelodie-logo.png" alt="resto italien" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbars-rs-food" aria-controls="navbars-rs-food" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbars-rs-food">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="index.html">Accueil</a></li>
<li class="nav-item"><a class="nav-link" href="menu.html">Menu</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">Notre histoire</a></li>
<li class="nav-item"><a class="nav-link" href="reservation.html">Click & Collect</a></li>
<li class="nav-item"><a class="nav-link" href="where.html">Où nous trouver</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- End header -->
<!-- Start slides -->
<div id="slides" class="cover-slides">
<ul class="slides-container">
<li class="text-left">
<img src="images/slider1panzerotti.jpg" alt="restaurant italien">
<div class="container">
<div class="row">
<div class="col-md-12">
<strong class="m-b-20">Welcome To <br> Restaurant Elodie</strong>
<p class="m-b-40">FAST FOOD ITALIEN FAIT MAISON : venez déguster des spécialités italiennes en version street food !</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="about.html">NOTRE HISTOIRE</a></p>
</div>
</div>
</div>
</li>
<li class="text-left">
<img src="images/slider2legumes.jpg" alt="fast food italien">
<div class="container">
<div class="row">
<div class="col-md-12">
<strong class="m-b-20">Découvrez <br> notre menu</strong>
<p class="m-b-40">DECOUVREZ NOS PANZEROTTIS A PERSONNALISER : le choix est simple, nous sommes le meilleur fast food italien d'Epinal.</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="menu.html">NOS PANZEROTTIS</a></p>
</div>
</div>
</div>
</li>
<li class="text-left">
<img src="images/slide3pate.jpg" alt="street food italien">
<div class="container">
<div class="row">
<div class="col-md-12">
<strong class="m-b-20">Commandez en ligne</strong>
<p class="m-b-40">CLICK AND COLLECT, RETRAIT RAPIDE DANS NOTRE RESTAURANT ITALIEN AU CENTRE D'EPINAL.</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="reservation.html">COMMANDER</a></p>
</div>
</div>
</div>
</li>
</ul>
<div class="slides-navigation">
<a href="#" class="next"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
<a href="#" class="prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
</div>
</div>
<!-- End slides -->
<!-- Start About -->
<div class="about-section-box">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 text-center">
<div class="inner-column">
<h1>Welcome To <span>Restaurant Elodie</span></h1>
<h4>Qui sommes-nous ?</h4>
<p>Notre fast food italien vous propose des panzerottis fait maison, dans le respect de la cuisine traditionnelle italienne depuis 2010. </p>
<p>Depuis 10 ans, nous mettons tout notre amour dans nos recettes. Alors, qu'attendez-vous pour venir ?</p>
<a class="btn btn-lg btn-circle btn-outline-new-white" href="menu.html">NOTRE MENU</a>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<img src="images/about-deco-resto.jpg" alt="restauration rapide" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- End About -->
<!-- Start QT -->
<div class="qt-box qt-background">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto text-center">
<p class="lead">
" Vivons d'amour et de panzerottis. "
</p>
<span class="lead"></span>
</div>
</div>
</div>
</div>
<!-- End QT -->
<!-- Start Menu -->
<div class="menu-box">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading-title text-center">
<h2>Goûtez aux saveurs de l'Italie</h2>
<p>Dégustez nos délicieux panzerottis ! Au choix, ou à personnaliser. C'est vous qui décidez !</p>
</div>
</div>
</div>
<div class="row inner-menu-box">
<div class="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Tout</a>
<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Panzerottis</a>
<a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Accompagnements</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div class="row">
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-mozza.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti Mozza</h4>
<p>Garni de sauce tomate et mozzarella.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-jambon.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti Jambon</h4>
<p>Garni de sauce tomate, mozzarella et jambon cuit.</p>
<h5> 4 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-dumois.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti du mois</h4>
<p>Emincés de poulet, sauce curry et petits pois.</p>
<h5> 4 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/mozza-pane.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Mozza panées</h4>
<p>Billes de mozzarella panées.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/brochettes.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Brochettes</h4>
<p>Brochettes de tomates cerises et billes de mozzarella, avec huile d'olive, sel et origan.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/pommes-pane.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Pommes panées</h4>
<p>Roulés de pommes de terres panés.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
<div class="row">
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-mozza.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti Mozza</h4>
<p>Garni de sauce tomate et mozzarella.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-jambon.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti Jambon</h4>
<p>Garni de sauce tomate, mozzarella et jambon cuit.</p>
<h5> 4 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid lunch">
<div class="gallery-single fix">
<img src="images/panz-dumois.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Panzerotti du mois</h4>
<p>Emincés de poulet, sauce curry et petits pois.</p>
<h5> 4 €</h5>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
<div class="row">
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/mozza-pane.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Mozza panées</h4>
<p>Billes de mozzarella panées.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/brochettes.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Brochettes</h4>
<p>Brochettes de tomates cerises et billes de mozzarella, avec huile d'olive, sel et origan.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 special-grid dinner">
<div class="gallery-single fix">
<img src="images/pommes-pane.png" class="img-fluid" alt="Image">
<div class="why-text">
<h4>Pommes panées</h4>
<p>Roulés de pommes de terres panés.</p>
<h5> 3,50 €</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Menu -->
<!-- Start Gallery -->
<div class="gallery-box">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading-title text-center">
<h2>Ils se sont régalés</h2>
<p>Alors ils nous ont partagé leurs souvenirs...</p>
</div>
</div>
</div>
<div class="tz-gallery">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image1.jpg">
<img class="img-fluid" src="images/avis-image1.jpg" alt="Gallery Images">
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image2.jpg">
<img class="img-fluid" src="images/avis-image2.jpg" alt="Gallery Images">
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image3.jpg">
<img class="img-fluid" src="images/avis-image3.jpg" alt="Gallery Images">
</a>
</div>
<div class="col-sm-12 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image4.jpg">
<img class="img-fluid" src="images/avis-image4.jpg" alt="Gallery Images">
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image5.jpg">
<img class="img-fluid" src="images/avis-image5.jpg" alt="Gallery Images">
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-4">
<a class="lightbox" href="images/avis-image6.jpg">
<img class="img-fluid" src="images/avis-image6.jpg" alt="Gallery Images">
</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Gallery -->
<!-- Start Customer Reviews -->
<div class="customer-reviews-box">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading-title text-center">
<h2>Avis clients</h2>
<p>N'hésitez pas à nous laisser votre avis, cela nous permettra d'évoluer et de savoir ce que vous avez apprécié.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 mr-auto ml-auto text-center">
<div id="reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner mt-4">
<div class="carousel-item text-center active">
<div class="img-box p-1 border rounded-circle m-auto">
<img class="d-block w-100 rounded-circle" src="images/quotations-button.png" alt="">
</div>
<h5 class="mt-4 mb-0"><strong class="text-warning text-uppercase">Florian OnAir</strong></h5>
<h6 class="text-dark m-0">Seul</h6>
<p class="m-0 pt-3">C'étais le premier fast food italien que j'ai testé, et j'ai vraiment adoré. Des vrais panzerottis italiens, fait maison, et délicieux !</p>
</div>
<div class="carousel-item text-center">
<div class="img-box p-1 border rounded-circle m-auto">
<img class="d-block w-100 rounded-circle" src="images/quotations-button.png" alt="">
</div>
<h5 class="mt-4 mb-0"><strong class="text-warning text-uppercase">Steve Fonsi</strong></h5>
<h6 class="text-dark m-0">Avec des amis</h6>
<p class="m-0 pt-3">L'ambiance est chaleureuse, on se sent comme à la maison. C'est le meilleur restaurant italien d'épinal, c'est sur ! Si vous n'avez pas encore testé les panzerottis, c'est l'endroit qu'il vous faut, pas besoin de voyager.</p>
</div>
<div class="carousel-item text-center">
<div class="img-box p-1 border rounded-circle m-auto">
<img class="d-block w-100 rounded-circle" src="images/quotations-button.png" alt="">
</div>
<h5 class="mt-4 mb-0"><strong class="text-warning text-uppercase">Caroline Dupont</strong></h5>
<h6 class="text-dark m-0">En famille</h6>
<p class="m-0 pt-3">La cuisine italienne fait maison, j'en raffole ! C'est meilleur que toutes les pizzeria d'épinal. Je reviendrai.</p>
</div>
</div>
<a class="carousel-control-prev" href="#reviews" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Précédent</span>
</a>
<a class="carousel-control-next" href="#reviews" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Suivant</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Customer Reviews -->
<!-- Start Contact info -->
<div class="contact-imfo-box">
<div class="container">
<div class="row">
<div class="col-md-4 arrow-right">
<i class="fa fa-volume-control-phone"></i>
<div class="overflow-hidden">
<h4>Téléphone</h4>
<p class="lead">
06.12.34.56.78
</p>
</div>
</div>
<div class="col-md-4 arrow-right">
<i class="fa fa-envelope"></i>
<div class="overflow-hidden">
<h4>Email</h4>
<p class="lead">
restaurantelodie@admin.com
</p>
</div>
</div>
<div class="col-md-4">
<i class="fa fa-map-marker"></i>
<div class="overflow-hidden">
<h4>Location</h4>
<p class="lead">
2, rue de la Panzerotti<br>88000 Épinal
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact info -->
<!-- Start Footer -->
<footer class="footer-area bg-f">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<h3>À propos</h3>
<p>Venez dégustez des panzerottis italiennes, 100% fait maison, en plein centre d'Epinal. Le meilleur fast food italien de la région !</p>
</div>
<div class="col-lg-3 col-md-6">
<h3>NEWSLETTER</h3>
<div class="subscribe_form">
<form class="subscribe_form">
<input name="EMAIL" id="subs-email" class="form_input" placeholder="Adresse email..." type="email">
<button type="submit" class="submit">SOUSCRIRE</button>
<div class="clearfix"></div>
</form>
</div>
<ul class="list-inline f-social">
<li class="list-inline-item"><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6">
<h3>Informations - Contact</h3>
<p class="lead">2, rue de la Panzerotti<br>88000 Épinal</p>
<p class="lead"><a href="tel:0612345678">06.12.34.56.78 </a></p>
<p><a href="email:info@admin.com"> restaurantelodie@admin.com</a></p>
</div>
<div class="col-lg-3 col-md-6">
<h3>Horaires</h3>
<p><span class="text-color">Lundi: </span>Fermé</p>
<p><span class="text-color">Mar-Mer :</span> 09:00 - 22:00</p>
<p><span class="text-color">Jeu-Ven :</span> 09:00 - 22:00</p>
<p><span class="text-color">Sam-Dim :</span> 17:00 - 22:00</p>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="company-name">All Rights Reserved. © 2020 <a href="#">Restaurant Elodie</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<a href="#" id="back-to-top" title="Back to top" style="display: none;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
<!-- ALL JS FILES -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- ALL PLUGINS -->
<script src="js/jquery.superslides.min.js"></script>
<script src="js/images-loded.min.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/baguetteBox.min.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/contact-form-script.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
