Files
TakosTest/templates/index.html
2024-10-16 10:55:13 -07:00

547 lines
26 KiB
HTML

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<title>TACOS ARABES</title>
<!-- meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<!-- css -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/main.css">
<!-- google font -->
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Kreon:300,400,700'>
<!-- js -->
<script src="static/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar" data-offset="120" >
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header visible-xs">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><h2>Meat King</h2></a>
</div><!-- navbar-header -->
<div id="navbar" class="navbar-collapse collapse">
<div class="hidden-xs" id="logo"><a href="#header">
<img src="static/img/logo.png" alt="">
</a></div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#story">Nosotros</a></li>
<li><a href="#reservation">Reserva</a></li>
<li><a href="#chefs">Takeros</a></li>
<li><a href="#facts">Datos</a></li>
<li><a href="#food-menu">Menù</a></li>
<li><a href="#special-offser">Ofertas especiales</a></li>
<!--fix for scroll spy active menu element-->
<li style="display:none;"><a href="#header"></a></li>
</ul>
</div><!--/.navbar-collapse -->
</div><!-- container -->
</div><!-- menu -->
<div id="header">
<div class="bg-overlay"></div>
<div class="center text-center">
<div class="banner">
<h1 class="">TACOS ARABES</h1>
</div>
<div class="subtitle"><h4>Mejor lugar para taquear</h4></div>
</div>
<div class="bottom text-center">
<a id="scrollDownArrow" href="#"><i class="fa fa-chevron-down"></i></a>
</div>
</div>
<!-- /#header -->
<div id="story" class="light-wrapper">
<section class="ss-style-top"></section>
<div class="container inner">
<h2 class="section-title text-center">Nosotros</h2>
<p class="lead main text-center">Nuestro objetivo es darte el mejor sabor</p>
<div class="row text-center story">
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper"> <i class="fa fa-anchor"></i> </div>
<h3>Desde 2024</h3>
<p>Vivamus sagittis lacuson augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum ultricies vehicula.</p>
</div>
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper"> <i class="fa fa-cutlery"></i> </div>
<h3>Calidad de alimentos</h3>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient monte nascetur ultricies vehicula. </p>
</div>
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper"> <i class="fa fa-coffee"></i> </div>
<h3>NUestros valores</h3>
<p>Curabitur blandit matti tempus porttitor. Donec id elit non mi porta ut gravida at eget metus. Consectetur adipiscing elit ultricies vehicula.</p>
</div>
</div>
</div>
<!-- /.services -->
</div>
<!-- /.container -->
<section class="ss-style-bottom"></section>
</div><!-- #story -->
<div id="facts" class="parallax parallax2 facts">
<div class="container inner">
<div class="row text-center services-3">
<div class="col-sm-3">
<div class="col-wrapper">
<div class="icon-border bm10"> <i class="fa fa-beer"></i> </div>
<h4>796518</h4>
<p>Cerveza vendida</p>
</div>
</div>
<div class="col-sm-3">
<div class="col-wrapper">
<div class="icon-border bm10"> <i class="fa fa-play-circle-o"></i> </div>
<h4>39472</h4>
<p>Vistas</p>
</div>
</div>
<div class="col-sm-3">
<div class="col-wrapper">
<div class="icon-border bm10"> <i class="fa fa-truck"></i> </div>
<h4>2188764</h4>
<p>Entregas</p>
</div>
</div>
<div class="col-sm-3">
<div class="col-wrapper">
<div class="icon-border bm10"> <i class="fa fa-users"></i> </div>
<h4>480523</h4>
<p>Clientes</p>
</div>
</div>
</div>
</div>
<!-- /.container -->
</div><!-- #facts -->
<div id="food-menu" class="light-wrapper">
<section class="ss-style-top"></section>
<div class="container inner">
<h2 class="section-title text-center">Menú</h2>
<p class="lead main text-center">La mejor taqueria arabe!</p>
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/tacosarabessi.jpg " alt="Hot Drinks"></div>
<div class="menu-titles"><h1 class="">Tacos Arabes</h1></div>
<div class="menu-items ">
<ul>
<li>Pastor arabe</li>
<li>Pollo al chipotle</li>
<li>Res al comino</li>
<li>Vegetariano de Falafel</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/papaasada.jpg" alt="Ice Drinks"></div>
<div class="menu-titles"><h1 class="">Papa asada con estilo</h1></div>
<div class="menu-items ">
<ul>
<li>Arabe con Shawarma</li>
<li>Pastor con Piña</li>
<li>Chorizo y queso fundido</li>
<li>Vegetariana de Champiñones</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/burrito.jpg" alt="Smoothies"></div>
<div class="menu-titles"><h1 class="">Burritos con Fusiòn arabe</h1></div>
<div class="menu-items ">
<ul>
<li>Pastor y Guacamole</li>
<li>Pollo con Salsa y Yogur</li>
<li>Res con hummus</li>
<li>Vegano con Garbanzos</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/pita.jpg" alt="Deserts"></div>
<div class="menu-titles"><h1 class="">Pitas y Wraps</h1></div>
<div class="menu-items ">
<ul>
<li>Cordero y salsa de Yogur</li>
<li>Pollo a la mexicana</li>
<li>Faladel y Ensalada Tabule</li>
<li>Res con Salsa Arabe</li>
</ul>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/cocktails.png" alt="Hot Drinks"></div>
<div class="menu-titles"><h1 class="">Cocktails</h1></div>
<div class="menu-items ">
<ul>
<li>Black Velvet</li>
<li>Gin Sour</li>
<li>Mojito</li>
<li>Long Island</li>
<li>Orgasm</li>
<li>Bloody Mary</li>
<li>Earthquake</li>
<li>Whisky Mac</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/beer.png" alt="Ice Drinks"></div>
<div class="menu-titles"><h1 class="">Beer</h1></div>
<div class="menu-items ">
<ul>
<li>Lager</li>
<li>Blonde Beer</li>
<li>Black Beer</li>
<li>Blonde Ale</li>
<li>Pilsner</li>
<li>Lemon Beer</li>
<li>Unfiltered Beer</li>
<li>Non-Alcoholic</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/wine.png" alt="Smoothies"></div>
<div class="menu-titles"><h1 class="">Wine</h1></div>
<div class="menu-items ">
<ul>
<li>Sweet Red</li>
<li>Dry Red</li>
<li>Sweet White</li>
<li>Dry White</li>
<li>Rose</li>
<li>Sparkling Wine</li>
<li>Fortified Wine</li>
<li>Frutty Red</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="menu-images "><img src="static/img/menu/sprites.png" alt="Deserts"></div>
<div class="menu-titles"><h1 class="">Sprites</h1></div>
<div class="menu-items ">
<ul>
<li>Whisky</li>
<li>Rum</li>
<li>Tequila</li>
<li>Gin</li>
<li>Champagne</li>
<li>Brandy</li>
<li>Absinthe</li>
<li>Liqueur</li>
</ul>
</div>
</div>
</div> -->
</div>
<!-- /.container -->
<section class="ss-style-bottom"></section>
</div><!--/#food-menu-->
<div id="special-offser" class="parallax pricing">
<div class="container inner">
<h2 class="section-title text-center">Nuestras ofertas</h2>
<p class="lead main text-center">Ofertas dummy...por ahora</p>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pricing-item">
<a href="#"><img class="img-responsive img-thumbnail" src="static/img/dish/dish3.jpg" alt=""></a>
<div class="pricing-item-details">
<h3><a href="#">Chicken Fried Rice</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a class="btn btn-danger" href="#">Order now</a>
<div class="clearfix"></div>
</div>
<!--price tag-->
<span class="hot-tag br-red">$26</span>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pricing-item">
<a href="#"><img class="img-responsive img-thumbnail" src="static/mg/dish/dish2.jpg" alt=""></a>
<div class="pricing-item-details">
<h3><a href="#">Hot Fried Chicken</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a class="btn btn-danger" href="#">Order now</a>
<div class="clearfix"></div>
</div>
<!--price tag-->
<span class="hot-tag br-lblue">$37</span>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix visible-md"></div>
<div class="col-md-6 col-sm-6">
<div class="pricing-item">
<a href="#"><img class="img-responsive img-thumbnail" src="static/img/dish/dish4.jpg" alt=""></a>
<div class="pricing-item-details">
<h3><a href="#">Thi Chicken Momo</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a class="btn btn-danger" href="#">Order now</a>
<div class="clearfix"></div>
</div>
<!--price tag-->
<span class="hot-tag br-green">$54</span>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pricing-item">
<a href="#"><img class="img-responsive img-thumbnail" src="static/img/dish/dish1.jpg" alt=""></a>
<div class="pricing-item-details">
<h3><a href="#">Cocktail Sushi</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a class="btn btn-danger" href="#">Order now</a>
<div class="clearfix"></div>
</div>
<!--price tag-->
<span class="hot-tag br-red">$27</span>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!-- /.container -->
</div><!-- /#special-offser -->
<div id="reservation" class="light-wrapper">
<section class="ss-style-top"></section>
<div class="container inner">
<h2 class="section-title text-center">Reservaciones</h2>
<p class="lead main text-center">Agenda tu mesa &amp; enjoy lorem Ipsum</p>
<div class="row">
<div class="col-md-6">
<form class="form form-table" method="post" name="">
<div class="form-group">
<h4>Llena los datos</h4>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="first_name1">Nombre</label>
<input class="form-control hint" type="text" id="first_name1" name="first_name" placeholder="First name" required="">
</div>
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="last_name1">Apellido</label>
<input class="form-control hint" type="text" id="last_name1" name="last_name" placeholder="Last name" required="">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="email1">email</label>
<input class="form-control hint" type="email" id="email1" name="email" placeholder="Email@domain.com" required="">
</div>
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="phone1">Telefono</label>
<input class="form-control hint" type="text" id="phone1" name="phone" placeholder="Phone" required="">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="reserv_date1">Fecha</label>
<input class="form-control datepicker hasDatepicker hint" type="text" id="reserv_date1" name="reserv_date" placeholder="Reservation date" required="">
</div>
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="numb_guests1">Numero de personas</label>
<input class="form-control hint" type="text" id="numb_guests1" name="numb_guests" placeholder="Number of guests" required="">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="alt_reserv_date1">Tiempo</label>
<input class="form-control datepicker hasDatepicker hint" type="text" id="alt_reserv_date1" name="alt_reserv_date" placeholder="Time from" required="">
</div>
<div class="col-lg-6 col-md-6 form-group">
<label class="sr-only" for="time1">Tiempo</label>
<input class="form-control timepicker ui-timepicker-input hint" type="text" id="time1" name="time" placeholder="Time to" required="" autocomplete="off">
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<button type="submit" class="btn btn-danger btn-lg">Reserve!</button>
</div>
</div>
</form>
</div><!-- col-md-6 -->
<div class="col-md-5 col-md-offset-1">
<h3><i class="fa fa-clock-o fa-fw"></i>Horario</h3>
<h4>Almuerzo</h4>
<p>Mon to Fri: 7:30 AM - 11:30 AM<br>Sat &amp; Sun: 8:00 AM - 9:00 AM</p>
<h4>Comida</h4>
<p>Mon to Fri: 12:00 PM - 5:00 PM</p>
<h4>Cena</h4>
<p>Mon to Sat: 6:00 PM - 1:00 AM<br>Sun: 5:30 PM - 12:00 AM</p>
<h3><i class="fa fa-map-marker fa-fw"></i>Ubicaciòn</h3>
<p>4Centrod e Guadalupe Nuevo Leòn</p>
<h3><i class="fa fa-mobile fa-fw"></i>Contacts</h3>
<p>Email: <a href="mailto:yourname@meatking.com">tacosarabes@gmail.com</a></p>
<p>telefono: +52 123456789 </p>
</div><!-- col-md-6 -->
</div>
<!-- /.services -->
</div>
<!-- /.container -->
<section class="ss-style-bottom"></section>
</div><!-- #reservation -->
<div id="chefs" class="parallax pricing">
<div class="container inner">
<h2 class="section-title text-center">Nuestros Equipo</h2>
<p class="lead main text-center">Tacos son el mejor lenguaje de amor!</p>
<div class="row text-center chefs">
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper">
<img src="static/img/chefs/1.jpg">
</div>
<h3>Marta</h3>
<p>Vivamus sagittis lacuson augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum ultricies vehicula.</p>
</div>
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper">
<img src="static/img/chefs/3.jpg">
</div>
<h3>Hilda</h3>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient monte nascetur ultricies vehicula. </p>
</div>
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<div class="icon-wrapper">
<img src="static/img/chefs/2.jpg">
</div>
<h3>Samuel</h3>
<p>Curabitur blandit matti tempus porttitor. Donec id elit non mi porta ut gravida at eget metus. Consectetur adipiscing elit ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.container -->
</div><!-- /#chefs -->
<footer id="footer" class="dark-wrapper">
<section class="ss-style-top"></section>
<div class="container inner">
<div class="row">
<div class="col-sm-6">
&copy; Urora 2024
<br/>¿Te gusta esta pagina? Obten la tuya con <a class="themeBy" href="urora.mx">Urora</a>
</div>
<div class="col-sm-6">
<div class="social-bar">
<a href="#" class="fa fa-instagram tooltipped" title=""></a>
<a href="#" class="fa fa-youtube-square tooltipped" title=""></a>
<a href="#" class="fa fa-facebook-square tooltipped" title=""></a>
<a href="#" class="fa fa-pinterest-square tooltipped" title=""></a>
<a href="#" class="fa fa-google-plus-square tooltipped" title=""></a>
</div>
</div>
</div>
</div>
<!-- /.container -->
</footer>
<script src="static/js/jquery-2.1.3.min.js"></script>
<script src="static/js/jquery.actual.min.js"></script>
<script src="static/js/jquery.scrollTo.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/main.js"></script>
</body>
</html>