
<img class="mobile-home-banner" src="assets/images/banner.jpg">

<div id="parallax-wrap" class="parallax-container parallax-home" data-parallax="scroll" data-position="top" data-bleed="10" data-image-src="assets/images/banner.jpg">

	<div class="search-wraps single-search">

		<h1>We've got the food you crave!</h1>
		<p>The best way to order Food Delivery in the South</p>

	</div> <!--search-wrapper--></div> <!--parallax-container-->

<!--HOW IT WORKS SECTIONS-->
<div class="sections section-how-it-works">
	<div class="container">
        <?php if ($this->session->flashdata('success')) { ?>
            <div class="alert alert-success">
                <?= $this->session->flashdata('success') ?>.
            </div>
        <?php } ?>
        <?php if ($this->session->flashdata('error')) { ?>
            <div class="alert alert-danger">
                <?= $this->session->flashdata('error') ?>.
            </div>
        <?php } ?>
		<h2>How it works</h2>
		<p class="center">Get your favourite food in 3 simple steps</p>

		<div class="row">

			<div class="col-md-4 col-sm-4 center">
				<div class="steps step2-icon">
					<img src="<?php echo base_url(''); ?>assets/images/step2.png">
				</div>
				<h3>Choose</h3>
				<p>Browse menus to find the food you like</p>
			</div>
			<div class="col-md-4 col-sm-4  center">
				<div class="steps step2-icon">
					<img src="<?php echo base_url(''); ?>assets/images/step3.png">
				</div>
				<h3>Pay</h3>
				<p>It's quick, secure and easy</p>
			</div>
			<div class="col-md-4 col-sm-4  center">
				<div class="steps step2-icon">
					<img src="<?php echo base_url(''); ?>assets/images/step4.png">
				</div>
				<h3>Enjoy</h3>
				<p>Food is prepared &amp; delivered to your door</p>
			</div>
		</div>

	</div> <!--container-->
</div> <!--section-how-it-works-->


<!--FEATURED RESTAURANT SECIONS-->

<!--END FEATURED RESTAURANT SECIONS-->



<!--MOBILE APP SECTION-->
<!--container-->
<!--END MOBILE APP SECTION-->

<script>
	$( document ).on( "click", ".add_favorites", function() {
		id = $(this).data("id");
		$.ajax({
			type: "POST",
			url: 'site/addfavourite',
			data: {id:id},
			dataType: 'json',
			success: function(data){
				if(data.code==1){
					$(".fav_"+id).addClass("selected");
				}
			}
		});
	});


</script>
