{% extends 'layouts/layout1.html' %}

{% block content %}

<section id="home" class="welcome-hero" style="background-image: url('static/images/food/back.jpg');">
			<div class="container">
				<div class="welcome-hero-txt">
					<h2>best place to find and explore <br> that all you need </h2>
					<p>
						Find Best Food, Restaurant and their prices on different sites in just One click 
					</p>
				</div>
				<div class="welcome-hero-serch-box">
					<div class="welcome-hero-form">
						<div class="single-welcome-hero-form">
							<h3>what?</h3>
							<form action="/index" method="POST">
								<input type="text" name="name" id="name" placeholder="Ex: cuisine or food name" />
							
							<div class="welcome-hero-form-icon">
								<i class="flaticon-list-with-dots"></i>
							</div>
						</div>
						<div class="single-welcome-hero-form">
							<h3>City</h3>
							<input type="text" name="city" id="city" placeholder="Ex: Nagpur" />
							<div class="welcome-hero-form-icon">
								<i class="flaticon-gps-fixed-indicator"></i>
							</div>
						</div>
					</div>
					<div class="welcome-hero-serch">
					
						<button class="welcome-hero-btn">
							 search  <i data-feather="search"></i> 
						</button>
					</form>
					</div>
				</div>
			</div>

		</section><!--/.welcome-hero-->



{% endblock %}