index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="somos un restaurant de comida italiana que guarda las tradiciones de la comida de la toscana napolitana">
		<meta name="keywords" content="pasta,italiana,comida,spaguetti,vino,focacha">
		<meta name="author" content="Luciano Viñas">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Lucciano´s - Bienvenidos</title>
		<link href="https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap" rel="stylesheet">
		<link rel="stylesheet"  href="css/normalice.css">
		<link rel="stylesheet"  href="libs/wow/animate.css">
		<link rel="stylesheet"  href="libs/owl/owl.carousel.css">
		<link rel="stylesheet"  href="libs/owl/owl.theme.default.css">
		<link rel="stylesheet"  href="css/style.css">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		<link rel="shortcut icon"  href="img/icono.png">
		<script src="https://kit.fontawesome.com/37ef4fca07.js" crossorigin="anonymous"></script>
		<script src="js/jquery.js"></script>
		<script src="js/jquery-ui.js"></script>
		<script src="libs/wow/wow.js"></script>
		<script src="libs/owl/owl.carousel.js"></script>
		<script src="libs/jquery-validation/jquery-validation.js"></script>

	</head>
	<body class="abierto">
		<header class="cabecera">
			<div class="container">
				<a href="index.html" class="link-logo">
					<img class="logo" src="img/logo-grande-removebg-preview.png" width="200" height="140">
				</a>
				<nav class="menu">
					<a href="index.html#lacarta" >Menú</a>
					<a href="index.html#locales" >Sucursales</a>
					<a href="nosotros.html">Nosotros</a>
					<a href="contacto.html" target="_self">Reservaciones</a>
					<a href="intranet.html" target="_blank">Intranet</a>
				</nav>
				<a href="#" class="hamb"><i class="fa fa-bars"></i></a>
			</div>
		</header>
		<main>
			<section id="banner">
				<picture>
					<source media="(max-width: 767px)" srcset="img/pizza.jpg">
					<source media="(max-width: 991px)" srcset="img/1.jpg">
				 	<img class="banner-home" src="img/banner.png" width="1880" height="1245">
				</picture>
				<div class="container">
					<div class="fila">
						<div class="columna columna-50 columna-mb-100">
							<h1 class="wow slideInLeft" data-wow-duration="2s">Nuestro Menú</h1>
							<p class="wow slideInLeft" data-wow-duration="2s">Desde su apertura en 1998, lleva ofreciendo una comida auténtica basada en la cocina italiana tradicional.</p>
							<a href="#lacarta" class="btn boton-transparente wow slideInLeft" data-wow-duration="2s">
								<!--<span>Ver Carta</span>-->
								Ver Carta
							</a>
						</div>
					</div>
				</div>
				<a href="#" class="saltarina"><i class="fa fa-chevron-down"></i></a>
			</section>
			<section id="lacarta" class="seccion">
				<div class="container">
					<div class="fila">
						<div class="columna columna-100 centrar-texto">
							<h2 class="titulos wow slideInLeft" data-wow-duration="2s">Menú</h2>
						</div>
					</div>
					<div class="fila  margin-arriba columna ">
						<div class="columna columna-50 columna-mb-100 sin-padding orden">
							<div class="conteendor-cuadrado">
								<img src="img/ensaladas.png" >
								<div class="contenido-cuadrado">
									<h2>Pastas</h2>
									<a href="#" class="btn boton-amarillo">Ver más</a>
								</div>
							</div>
						</div>
						<div class="columna columna-50 columna-mb-100">
							<div class="fila">
								<div class="columna columna-50 columna-mb-100 sin-padding">
									<div class="conteendor-cuadrado">
										<img src="img/postres.jpg" >
										<div class="contenido-cuadrado">
											<h2>Postres</h2>
											<a href="#" class="btn boton-amarillo">Ver más</a>
										</div>
									</div>
								</div>
								<div class="columna columna-50 columna-mb-100 sin-padding">
									<div class="conteendor-cuadrado">
										<img src="img/ensalada.jpeg" >
										<div class="contenido-cuadrado">
											<h2>Ensaladas</h2>
											<a href="#" class="btn boton-amarillo">Ver más</a>
										</div>
									</div>
								</div>
								<div class="columna columna-50 columna-mb-100 sin-padding">
									<div class="conteendor-cuadrado">
										<img src="img/mariscos.jpg" >
										<div class="contenido-cuadrado">
											<h2>Mariscos</h2>
											<a href="#" class="btn boton-amarillo">Ver más</a>
										</div>
									</div>
								</div>
								<div class="columna columna-50 columna-mb-100 sin-padding">
									<div class="conteendor-cuadrado">
										<img src="img/bebidas.jpg" >
										<div class="contenido-cuadrado">
											<h2>Bebidas</h2>
											<a href="#" class="btn boton-amarillo">Ver más</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section id="locales"  class="seccion">
				<div class="container-full">
					<div class="fila fila-centrada">
						<div class="columna columna-50 columna-mb-100  centrar-texto">
							<h2  class="titulos wow slideInLeft" data-wow-duration="2s">Sucursales</h2>
							<p class="centrar-texto">Estas son las sucursales con los que contamos en la ciudad, están distribuidos en las
								mejores colonias de la ciudad.</p>
							<p class="centrar-texto">Desde su apertura en 1998, lleva ofreciendo una comida auténtica basada en la cocina italiana tradicional.</p>
							<ul>
								<li>LImpieza</li>
								<li>Orden</li>
								<li>Atención</li>
							</ul>
						</div>
					</div>
					<div class="fila  margin-arriba">
						<div class="columna columna-50 columna-mb-100 sin-padding">
							<div class="conteendor-cuadrado cont-rect">
								<img src="img/rest1.jpeg" >
								<div class="contenido-cuadrado">
									<h2>Andares</h2>
									<a href="#" class="btn-circulo borde-blanco"><i class="fa fa-search"></i></a>
								</div>
							</div>
						</div>
						<div class="columna columna-50 columna-mb-100  sin-padding">
							<div class="conteendor-cuadrado cont-rect">
								<img src="img/rest2.jpg" >
								<div class="contenido-cuadrado">
									<h2>Patria</h2>
									<a href="#" class="btn-circulo borde-blanco"><i class="fa fa-search"></i></a>
								</div>
							</div>
						</div>
						<div class="columna columna-50 columna-mb-100  sin-padding">
							<div class="conteendor-cuadrado cont-rect">
								<img src="img/rest3.jpg" >
								<div class="contenido-cuadrado">
									<h2>San Isidro</h2>
									<a href="#" class="btn-circulo borde-blanco"><i class="fa fa-search"></i></a>
								</div>
							</div>
						</div>
						<div class="columna columna-50 columna-mb-100  sin-padding">
							<div class="conteendor-cuadrado cont-rect">
								<img src="img/rest4.jpg" >
								<div class="contenido-cuadrado">
									<h2>Centro</h2>
									<a href="#" class="btn-circulo borde-blanco"><i class="fa fa-search"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section id="servicios"  class="seccion">
				<div class="container">
					<div class="fila fila-centrada">
						<div class="columna columna-100  centrar-texto">
							<h2  class="titulos wow slideInLeft" data-wow-duration="2s">Servicios</h2>
						</div>
					</div>
					<div class="fila  margin-arriba">
						<div class="columna columna-33 columna-mb-100">
							<div class="contenedor-serv">
								<i class="fa fa-motorcycle"></i>
								<h3>Delivery</h3>
								<p>Esta es la sección de delivery donde puedes hacer tus pedidos a domicilio y nosotros te los llevamos hasta la puerta
									de tu casa.</p>
							</div>
						</div>
						<div class="columna columna-33 columna-mb-100">
							<div class="contenedor-serv">
								<i class="fa fa-credit-card"></i>
								<h3>Tarjetas de crédito</h3>
								<p>Esta es la sección de pago con tarjeta donde puedes hacer tus pagos con cualquier tarjeta de 
									débito o crédito. </p>
							</div>
						</div>
						<div class="columna columna-33 columna-mb-100">
							<div class="contenedor-serv">
								<a href="contacto.html"><i class="fa fa-clock"></i></a>
								<h3>Reservas</h3>
								<p>Esta es la sección de reservaciones donde puedes hacer tus reservaciones
									para el día que lo desees. </p>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section id="testimonio" class="seccion">
				<video class="video-fondo" src="videos/PIZZA  _ Spot Publicitario Trattoria.mp4" muted autoplay loop></video>
				<div class="trama-video"></div>
				<div class="container">
					<div class="fila fila-centrada">
						<div class="columna columna-50  columna-mb-100  centrar-texto">
							<h2  class="titulos wow slideInLeft" data-wow-duration="2s">Testimonio</h2>
						</div>
					</div>
					<div class="fila fila-centrada">
						<div class="columna columna-50  columna-mb-100  centrar-texto">
							<div class="owl-carousel owl-theme">
							    <div class="item">
							    	<h3>Testimonio 1</h3>
									<p class="centrar-texto inclinar--texto"> Esta es la sección donde podemos ver los testimonios de los clientes y leer la experiencia que han tenido
										en nuestro restaurante. Donde siempre nos preocupamos por brindar el mejor servicios
										a cada uno de nuestros clientes.</p>
							    </div>
							    <div class="item">
							    	<h3>Testimonio 2</h3>
									<p class="centrar-texto inclinar--texto">Esta es la seccion donde podemos ver los testimonios de los clientes y leer la experiencia que han tenido
										en nuestro restaurant. Donde siempre nos preocupamos por brindar el mejor servicios
										a cada uno de nuestros clientes. </p>
							    </div>
							    <div class="item">
							    	<h3>Testimonio 3</h3>
									<p class="centrar-texto inclinar--texto">Esta es la seccion donde podemos ver los testimonios de los clientes y leer la experiencia que han tenido
										en nuestro restaurant. Donde siempre nos preocupamos por brindar el mejor servicios
										a cada uno de nuestros clientes.</p>
							    </div>
							</div>

						</div>
					</div>
				</div>
			</section>
		</main>
		<footer>
			<div class="prefooter">
				<div class="container">
					<div class="fila">
						<div class="columna columna-100">
							<div class="mapa">
								<iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=university%20of%20san%20francisco&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="pie">
				<div class="container">
					<div class="fila ">
						<div class="columna columna-33  empujar-33 empujar-mb-0 columna-mb-100 orden lista-redes">
							<a href="#"><i class="fab fa-facebook-f"></i></a>
							<a href="#"><i class="fab fa-instagram"></i></a>
							<a href="#"><i class="fab fa-twitter"></i></a>
							<a href="https://wa.me/522281003394"><i class="fab fa-whatsapp"></i></a>
							<a href="mailto:nuevocorreo17@gmail.com"><i class="far fa-envelope"></i></a>
							
						</div>
						<div class="columna columna-33 columna-mb-100 ">
							&reg; Derechos reservados 2020;
						</div>
					</div>
				</div>
			</div>
		</footer>
		<div class="trama-2"></div>
		<div class="logo-load"><img src="img/logo.png"></div>
		<div class="trama"></div>

		<div class="cuerpoimagen">
			<img src="">
			<a href="#" class="cerrarimagen"><i class="fas fa-times"></i></a>
		</div>
		<script src="js/funciones.js"></script>
	</body>
</html>