Outiref

Code source de l'URL : http://restaurant-elodie.go.yj.fr/

<!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. &copy; 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>