<!DOCTYPE html>
<html>
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Lang" content="en">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="title" content="Bitfood - Online Delivery & Takeaway from your favorite restaurants near you!"> 
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="description" content="Bitfood is the easiest and fastest way to order food online. Order online delivery or pick up from your favorite restaurants and pay online or cash uplon delivery">
    
        <!-- facebook Meta Tags -->
        <meta property="og:type" content="article">
        <meta property="og:title" content="">
        <meta property="og:site_name" content="">
        <meta property="og:url" content="https://www.facebook.com/bitfoodapp/">
        <meta property="og:description" content="">
        <meta property="og:image" content="images/meta-photo.png">

        <!--Twitter Meta Tags -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:url" content="https://twitter.com/bitfoodapp">
        <meta name="twitter:title" content="">
        <meta name="twitter:description" content="">
        <meta name="twitter:image" content="images/meta-photo.png">

        <!-- CSS -->
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
        <link rel="icon" href="images/favicon.png">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 

        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="Https://s3.eu-central-1.amazonaws.com/topmerits/libraries/toastr/toastr.min.css">
        <link rel="stylesheet" type="text/css" href="css/bitfoodstyles.css?v=3">
        <link rel="stylesheet" type="text/css" href="css/login-popup.css"> 
        <link rel="stylesheet" href="css/jquery.fancybox.css">  
        <link rel="stylesheet" href="font-awesome/css/all.css">
        <link rel="stylesheet" href="css/font-awesome.min.css"> 
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> 

        <!-- Script --> 
        <script src="js/libs/jquery-2.2.0.min.js"></script>
        <script src="js/libs/bootstrap.min.js"></script> 
        <script src="js/libs/jquery.fancybox.min.js"></script> 
        <script src="js/libs/jquery.cookie.js"></script> 
        <script src="Https://s3.eu-central-1.amazonaws.com/topmerits/libraries/angular-1.4.6/angular.min.js" type="text/javascript"></script> 
        <script src="js/BitfoodApp.js"></script>
        <script src="js/controllers/layoutController.js"></script>
        <script src="js/controllers/loginController.js"></script>  
        <script src="Https://s3.eu-central-1.amazonaws.com/topmerits/libraries/bootbox/bootbox.min.js"></script> 
        <script src="Https://s3.eu-central-1.amazonaws.com/topmerits/libraries/toastr/toastr.min.js"></script>  
 	<script src="Https://s3.eu-central-1.amazonaws.com/topmerits/libraries/angular-1.4.6/angular-sanitize.min.js" type="text/javascript"></script> 
        
        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-44296151-2', 'auto');
            ga('send', 'pageview');
        </script>
        <script>
            $(document).ready(function () {
                $('#Carousel').carousel({
                    interval: 5000
                });
            });
        </script> 
        <!-- Facebook Pixel Code -->
        <script>
            !function (f, b, e, v, n, t, s) {
                if (f.fbq)
                    return;
                n = f.fbq = function () {
                    n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                };
                if (!f._fbq)
                    f._fbq = n;
                n.push = n;
                n.loaded = !0;
                n.version = '2.0';
                n.queue = [];
                t = b.createElement(e);
                t.async = !0;
                t.src = v;
                s = b.getElementsByTagName(e)[0];
                s.parentNode.insertBefore(t, s)
            }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '1938670343123011');
            fbq('track', 'PageView');
        </script>
        <noscript>
            <img height="1" width="1" alt="Bitfood" src="https://www.facebook.com/tr?id=1938670343123011&ev=PageView&noscript=1"/>
        </noscript>  
        <script type="application/ld+json">
            {
            "@context": "https://bitfood.com",
            "@type": "Bitfood",
            "url": "https://bitfood.com",
            "name": "Bitfood",
            "contactPoint": {
            "@type": "Bitfood",
            "telephone": "+961 1 878 404",
            "contactType": "Customer service"
            }
            }
        </script>

	<style>
	    .order-online-fixed{
		position: fixed;
		bottom: 15px;
		left: 0px;
		z-index: 1300;
	    }
	    .order-online-fixed a, .order-online-fixed img{
		width: 130px;
		//height: 60px;
	    }
	    .login-fa{
		font-size: 20px;
	    }
	</style>
    </head>

    <body ng-app="BitfoodApp" ng-controller="layoutCtrl" ng-cloak> 
	<div class="order-online-fixed" ng-if="device != 'none'">
	    <a ng-show="device == 'iphone'" href="https://itunes.apple.com/us/app/bitfood-food-delivery-app/id1032726544?mt=8" target="_blank">
		<img src="images/order-online.png" alt="Order Now" title="Order Now">
	    </a>
            <a ng-show="device == 'android'" href="https://play.google.com/store/apps/details?id=com.omegasoftware.bitfood" target="_blank">
		<img src="images/order-online.png" alt="Order Now" title="Order Now">
	    </a> 
	</div>
        <header>
            <nav class="navbar navbar-expand-md navbar-dark bg-dark">
                <div class="container">
                    <!--                <div class="LanguageToggleMobile"> 
                                        <ul class="languagepicker">
                                            <a href="#en"><li><img alt="bitfood-language-en" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJlSURBVGhD7ZlLaBNBGMdXUFERBUVBBA960Yso6EFpVQTPWuKrxVIoYgUVKb4KIoIg0oNaBAUFER+0a01b46OoOaykWBuL4qva1BQbmnbbPJoUvNhD/84Ma7eHEcxmxybx+8OPTXZnlu+XnZ3MshqFQqFQKJRJGS/S6saLtet5BavZKt8OirQ0ijXkFaxmq3w7JDKVkEiuQSK5hkzk56FNP8aObEE+wWu2yreTMM2xRGoUbtOfjEv3uwKr2SrfTjw1mpY2zoLQcBRrnlajOfxaejxbeM1W+XbcFomn0igNXIRWv0Ow6tFhNPQEpG2d8k9E7oUMLGmqxLrWY1joLceylv0ob6tDJBGTtneCcpG73QbmNZZiLRtWi5oqsNhbgQXefTjZeRuDyYS0jxOUigSjIVS1X8N247wQ4MNqWn0JNj6rwSx9NzawbXv0q7RvpigV+WB+xzb/WSEwt3GvkFnhOyi+L22uxPrW4zj3TkdsJC3tnwnKRDr6u+ExalEWuCQK/n2jz9R3ie1sdkVWPzmKlnCHtH+mKBMxkyOo6byDGboHc+7vwUo2Uy33VU3IbH5xGiXGBWz1n4H+rU16jkxQItIbM9msdFmI7HxZK4rnMtMbPOIzH1ZckN8v1cGbrsxeyq4IHzJ8ir3y6bEolP8ZcgnOQ3YsHBvE24EwfL1BHHh1FV1DEel5/hZlIpPhRc5/UDYhcuPLc2m7bFAu4u97jxNvbolf//NQn5iKT7EhZ0Q+Sts7RSri5qLxTwvFnuEB6X7HyBaNBbOMpyfEqYREcg0SyTUKWqRgXitQKBQKhfL/RtN+AeeERg6yKryJAAAAAElFTkSuQmCC"><span>EN</span></li></a>
                                            <a href="#fr"><li><img alt="bitfood-language-fr" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACiSURBVGhD7dmxDYNADEZhT5MlAmGFUMIIt0AWYADa24O0aRDbIAI1EkcKpHPh5kRH3i+93l9tYYwxxphaUXZtUb59au7VN+O0+DOt7t5sufjkMmmP8+Mez27+HRZSq91nGL9LONNa3YaQS0guk/k4Pw4IkBgQIEZAVECAGAFRAQFiBEQFBIgREBUQIEZAVECAGAFRAbk05DJvBcYYY+x/J7IDZufd/jt/W90AAAAASUVORK5CYII="><span>FR</span></li></a>
                                        </ul>
                                    </div>-->
                    <a class="navbar-brand" href="./" title="Bitfood"><img alt="bitfood-logo" src="images/main-logo.png"/></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarCollapse">
                        <div class="pull-right">
                            <div class="social"> 
                                <a href="https://www.facebook.com/bitfoodapp" target="_blank" title="Follow us on Facebook"><span class="fa fa-facebook"></span></a> 
                                <a href="https://www.youtube.com/channel/UCfjNWPUK26HKDamVsKD7fVA" target="_blank" title="Follow us on Youtube"><span class="fa fa-youtube"></span></a> 
                                <a href="https://www.instagram.com/bitfood" target="_blank" title="Follow us on Instagram"><span class="fa fa-instagram"></span></a>
				<a href="https://twitter.com/bitfoodapp" target="_blank" title="Follow us on Twitter"><span class="fa fa-twitter"></span></a>
				<a href="https://www.bitfood.com/blog" target="_blank" title="Bitfood Blog"><span class="fa">Blog</span></a> 
                            </div>
                            <div class="loginArea"> 
                                <a ng-hide="xSession && xSession!='null' && xSession!=null" ng-click="loginModal()">
                                    <img alt="bitfood-user" src="images/icons8-user-filled-50 copy.png" /> <span class="fa login-fa">Login</span>  
                                </a> 
                                <a ng-hide="!(xSession && xSession!='null' && xSession!=null)" ng-click="logoutModal()">
                                    <img alt="bitfood-user" src="images/icons8-user-filled-50 copy.png" /> <span class="fa login-fa">{{user.profile.fullname}}</span>   
                                </a> 
                            </div> 
                            <!--<div class="cartArea"> <a href="#"><img alt="bitfood-shopping-cart" src="images/icons8-shopping-cart-96 copy.png" /> (1)</a> </div>-->
                            <!--                        <div class="LanguageToggle">
                                                          <p><a class="active" href="#">EN</a><a href="#">FR</a></p>
                                                        <ul class="languagepicker">
                                                            <a href="#en"><li><img alt="bitfood-language-en" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJlSURBVGhD7ZlLaBNBGMdXUFERBUVBBA960Yso6EFpVQTPWuKrxVIoYgUVKb4KIoIg0oNaBAUFER+0a01b46OoOaykWBuL4qva1BQbmnbbPJoUvNhD/84Ma7eHEcxmxybx+8OPTXZnlu+XnZ3MshqFQqFQKJRJGS/S6saLtet5BavZKt8OirQ0ijXkFaxmq3w7JDKVkEiuQSK5hkzk56FNP8aObEE+wWu2yreTMM2xRGoUbtOfjEv3uwKr2SrfTjw1mpY2zoLQcBRrnlajOfxaejxbeM1W+XbcFomn0igNXIRWv0Ow6tFhNPQEpG2d8k9E7oUMLGmqxLrWY1joLceylv0ob6tDJBGTtneCcpG73QbmNZZiLRtWi5oqsNhbgQXefTjZeRuDyYS0jxOUigSjIVS1X8N247wQ4MNqWn0JNj6rwSx9NzawbXv0q7RvpigV+WB+xzb/WSEwt3GvkFnhOyi+L22uxPrW4zj3TkdsJC3tnwnKRDr6u+ExalEWuCQK/n2jz9R3ie1sdkVWPzmKlnCHtH+mKBMxkyOo6byDGboHc+7vwUo2Uy33VU3IbH5xGiXGBWz1n4H+rU16jkxQItIbM9msdFmI7HxZK4rnMtMbPOIzH1ZckN8v1cGbrsxeyq4IHzJ8ir3y6bEolP8ZcgnOQ3YsHBvE24EwfL1BHHh1FV1DEel5/hZlIpPhRc5/UDYhcuPLc2m7bFAu4u97jxNvbolf//NQn5iKT7EhZ0Q+Sts7RSri5qLxTwvFnuEB6X7HyBaNBbOMpyfEqYREcg0SyTUKWqRgXitQKBQKhfL/RtN+AeeERg6yKryJAAAAAElFTkSuQmCC">EN</li></a>
                                                            <a href="#fr"><li><img alt="bitfood-language-fr" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACiSURBVGhD7dmxDYNADEZhT5MlAmGFUMIIt0AWYADa24O0aRDbIAI1EkcKpHPh5kRH3i+93l9tYYwxxphaUXZtUb59au7VN+O0+DOt7t5sufjkMmmP8+Mez27+HRZSq91nGL9LONNa3YaQS0guk/k4Pw4IkBgQIEZAVECAGAFRAQFiBEQFBIgREBUQIEZAVECAGAFRAbk05DJvBcYYY+x/J7IDZufd/jt/W90AAAAASUVORK5CYII=">FR</li></a>
                                                        </ul>

                                                    </div>-->
                        </div>
                    </div>
                </div>
            </nav>
        </header>

        <div ng-cloak>
            
<head>  
    <title> Bitfood - Online Delivery & Takeaway from your favorite restaurants near you! </title>  
    <meta name="description" content="Bitfood is the easiest and fastest way to order food online. Order online delivery or pick up from your favorite restaurants and pay online or cash uplon delivery">
    
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=drawing&key=AIzaSyDIBlbfwyIX1xXqwGZ0sXZP6BsXE-hxNSg"></script>
    <script src="js/controllers/homeController.js?v=3" type="text/javascript"></script> 
</head>

<div ng-controller="homeCtrl" ng-cloak>  
    <div id="carousel" class="topBanner carousel slide" data-ride="carousel">
	<div class="carousel-inner">
	    <div ng-if="is_mobile()==0">
	        <div class="carousel-item active">     
		    <img class="d-block w-100" src="images/home-banner.jpg" alt="bitfood-banners">
	        </div>
	    	<div class="carousel-item" ng-if="form.slide_image27">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image27)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image4">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image4)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image5">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image5)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image6">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image6)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image8">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image8)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image9">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image9)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image10">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image10)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image11">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image11)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image12">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image12)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image13">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image13)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image14">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image14)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image15">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image15)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image16">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image16)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image17">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image17)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image18">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image18)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image19">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image19)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image20">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image20)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image21">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image21)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image22">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image22)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image23">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image23)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image24">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image24)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image25">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image25)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_image26">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_image26)}}" alt="bitfood-banners">
	    	</div>
	    </div> 
	    <div ng-if="is_mobile()==1">
	        <div class="carousel-item active">     
		    <img class="d-block w-100" src="{{imageApiUrl('website/home-phone-web-banner-new-sizes.jpg')}}" alt="">
	        </div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image23">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image23)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image1">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image1)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image2">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image2)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image3">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image3)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image4">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image4)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image5">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image5)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image6">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image6)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image7">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image7)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image8">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image8)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image9">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image9)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image10">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image10)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image11">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image11)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image12">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image12)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image13">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image13)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image14">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image14)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image15">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image15)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image16">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image16)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image17">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image17)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image18">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image18)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image19">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image19)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image20">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image20)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image21">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image21)}}" alt="bitfood-banners">
	    	</div>
	    	<div class="carousel-item" ng-if="form.slide_mobile_image22">
		    <img class="d-block w-100" src="{{imageApiUrl(form.slide_mobile_image22)}}" alt="bitfood-banners">
	    	</div>
	    </div>
	    <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev" style="width: 10%">
    		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
    		<span class="sr-only">Previous</span>
  	    </a>
  	    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next" style="width: 10%">
    		<span class="carousel-control-next-icon" aria-hidden="true"></span>
    		<span class="sr-only">Next</span>
  	    </a>
	</div>
        <!-- <div class="layer"> </div> -->
        <div class="container">
            <div class="row">
                <div class="col-sm-9 offset-md-3"> 
		    <form id="searchFormHome" name="searchFormHome" ng-submit="goToRestaurants(filter.search)">
                        <div class="row">                                
			    <div class="input-group col-sm-3">
				<span>
				     <i class="fa fa-map-marker"></i>
				</span>
				<input type="text" ng-model="filter.city" class="form-control" placeholder="Location" 
					ng-click="filter.city_show? resetCityFilter(): filter.city_show=true" ng-change="cityFilter()" />
                            	<div class="city-option" ng-if="filter.city_show==true">
				    <span class="city-name" ng-repeat="row in regions" ng-click="setRegionSelected(row)" ng-bind="row.name"></span>
				</div>
			    </div>
                            <div class="input-group col-sm-6">
                                <input type="text" ng-enter="goToRestaurants()" ng-model="filter.search" class="form-control" placeholder="Search" onclick="myFunction()" />
                                <a class="col-sm mobile" ng-if="filter.search" ng-click="goToRestaurants()" type="submit"><i class="fa fa-search"></i></a>
                                <a class="col-sm mobile" ng-if="!filter.search" href="restaurants" type="submit"><i class="fa fa-search"></i></a>
                            </div>
                            <div id="searchResults" class="dropdown-menu mega-dropdown-menu row hide-mobile"> 
                                <div class="whiteBG">
                                    <div class="col-sm-12">
                                        <!-- top quick search -->
                                        <div class="row"> 
                                            <div class="col-sm-2">
                                                <a href="breakfast">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-breakfast" class="bottom" src="images/icons/breakfast-yellow.png"/>
                                                        <img alt="bitfood-breakfast" class="top" src="images/icons/breakfast-red.png" />
                                                    </span>
                                                    <p>Breakfast</p>
                                                </a>
                                            </div>
                                            <div class="col-sm-2">
                                                <a href="lunch">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-lunch" class="bottom" src="images/icons/lunch-yellow.png"/>
                                                        <img alt="bitfood-lunch" class="top" src="images/icons/lunch-red.png" />
                                                    </span>
                                                    <p>Lunch</p>
                                                </a>
                                            </div>
                                            <div class="col-sm-2">
                                                <a href="fine-dinning">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-fine-dinning" class="bottom" src="images/icons/dinner-yellow.png"/>
                                                        <img alt="bitfood-fine-dinning" class="top" src="images/icons/dinner-red.png" />
                                                    </span>
                                                    <p>Fine Dining</p>
                                                </a>
                                            </div>
                                            <div class="col-sm-2">
                                                <a href="delivery">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-delivery" class="bottom" src="images/icons/delivery-yellow.png"/>
                                                        <img alt="bitfood-delivery" class="top" src="images/icons/delivery-red.png" /></span>
                                                    <p>Delivery</p>
                                                </a>
                                            </div>
                                            <div class="col-sm-2">
                                                <a href="drinks">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-drinks" class="bottom" src="images/icons/drinks-yellow.png"/>
                                                        <img alt="bitfood-drinks" class="top" src="images/icons/drinks-red.png" /></span>
                                                    <p>Drinks</p>
                                                </a>
                                            </div>
                                            <div class="col-sm-2">
                                                <a href="quick-bites">
                                                    <span class="iconWrap">
                                                        <img alt="bitfood-quick-bites" class="bottom" src="images/icons/takeout-yellow.png"/>
                                                        <img alt="bitfood-quick-bites" class="top" src="images/icons/takeout-red.png" />
                                                    </span>
                                                    <p>Quick Bites</p>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-12" ng-if="sponsored.length>0">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <h3>Sponsored</h3>
                                        </div>
                                    </div> 
                                    <div class="row featureSectionListArea">
                                        <div class="col-sm-6"> 
                                            <div class="row">
                                                <div class="col-sm-12" ng-repeat="row in sponsored" ng-if="$index % 2 == 0">
                                                    <div class="featureSection">
                                                        <div class="row">
                                                            <div class="col-sm-2 featureLogo">
                                                                <a href="{{row.urlname}}">
                                                                    <img alt="{{row.name}}" class="img-fluid" src="{{imageApiUrl(row.logourl)}}"/>
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-10 featureTitle">
                                                                <p><strong><a href="{{row.urlname}}">{{row.name}}</a></strong></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div> 
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- Right list-->
                                            <div class="row">
                                                <div class="col-sm-12" ng-repeat="row in sponsored" ng-if="$index % 2 == 1">
                                                    <div class="featureSection">
                                                        <div class="row">
                                                            <div class="col-sm-2 featureLogo">
                                                                <a href="{{row.urlname}}">
                                                                    <img alt="{{row.name}}" class="img-fluid" src="{{imageApiUrl(row.logourl)}}"/>
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-10 featureTitle">
                                                                <p><strong><a href="{{row.urlname}}">{{row.name}}</a></strong></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>  
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </div> 
                            <p class="col-sm browser searchButton" ng-if="filter.search"><a ng-click="goToRestaurants()">Search</a></p>
                            <p class="col-sm browser searchButton" ng-if="!filter.search"><a href="restaurants">Search</a></p>
                        </div>
					</form>
                    <div class="appButtons"> 
                        <a href="https://play.google.com/store/apps/details?id=com.omegasoftware.bitfood"><img alt="bitfood-googleplay" src="images/googleplay.png" title="Download Bitfood from Play Store" /></a>
                        <a href="https://itunes.apple.com/us/app/bitfood-food-delivery-app/id1032726544?mt=8"><img alt="bitfood-appstore" src="images/appstore.png" title="Download Bitfood from Apple Store"/></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="quicksearch">
        <div class="container">
            <h3>Quick Search</h3>
            <div class="row">

                <div class="col-sm-2">
                    <a href="breakfast">
                        <span class="iconWrap">
                            <img alt="bitfood-breakfast" class="bottom" src="images/icons/breakfast-yellow.png"/>
                            <img alt="bitfood-breakfast" class="top" src="images/icons/breakfast-red.png" />
                        </span>
                        <p>Breakfast</p>
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="lunch">
                        <span class="iconWrap">
                            <img alt="bitfood-lunch" class="bottom" src="images/icons/lunch-yellow.png"/>
                            <img alt="bitfood-lunch" class="top" src="images/icons/lunch-red.png" /></span>
                        <p>Lunch</p>
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="fine-dinning">
                        <span class="iconWrap">
                            <img alt="bitfood-fine-dinning" class="bottom" src="images/icons/dinner-yellow.png"/>
                            <img alt="bitfood-fine-dinning" class="top" src="images/icons/dinner-red.png" /></span>
                        <p>Fine Dinning</p>
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="delivery">
                        <span class="iconWrap">
                            <img alt="bitfood-delivery" class="bottom" src="images/icons/delivery-yellow.png"/>
                            <img alt="bitfood-delivery" class="top" src="images/icons/delivery-red.png" /></span>
                        <p>Delivery</p>
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="drinks">
                        <span class="iconWrap">
                            <img alt="bitfood-drinks" class="bottom" src="images/icons/drinks-yellow.png"/>
                            <img alt="bitfood-drinks" class="top" src="images/icons/drinks-red.png" /></span>
                        <p>Drinks</p>
                    </a>
                </div>
                <div class="col-sm-2">
                    <a href="quick-bites">
                        <span class="iconWrap">
                            <img alt="bitfood-quick-bites" class="bottom" src="images/icons/takeout-yellow.png"/>
                            <img alt="bitfood-quick-bites" class="top" src="images/icons/takeout-red.png" /></span>
                        <p>Quick Bites</p>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!--<div class="adspace" ng-if="device != 'none'">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <iframe style="width: 560px;max-width: 100%;height:315px" src="https://www.youtube.com/embed/dJi5VYN3EmU?autoplay=1&loop=0&playlist=dJi5VYN3EmU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
                </div>
            </div>
        </div>
    </div>-->

    <div class="popularSpots" ng-if="sponsored.length>0"> 
        <div class="container">
            <h3>Sponsored</h3>
            <div class="col-sm-12 cards">
                <div class="row">
                    <div class="col-md-3" ng-repeat="row in sponsored" ng-if="!device || device=='none' || (device!='none' && $index<filter.sponsored_max)"> 
                        <div class="popularSpotsTopImageBox">
                            <a href="{{row.urlname}}"> 
                                <img alt="{{row.name}}" class="img-fluid" src="{{imageApiUrl(row.imageurl)}}"> 
                                <div class="StarRatingContainer">
                                    <p><span class="rating">{{row.rating}}</span></p>
                                </div> 
                                <div class="circleImgContainer"><img alt="{{row.name}}" class="restaurantLogo img-circle" src="{{imageApiUrl(row.logourl)}}" /></div>
                            </a>
                        </div>
                        <div class="popularSpotsBottomImageBox" style="min-height: 50px!important">
                            <a href="{{row.urlname}}"> 
                                <h3>{{row.name}}</h3>
                                <!-- <p>{{row.cuisine_list}}</p> -->
                                <!--                                <div class="restaurantLocation">
                                                                    <p><img alt="bitfood-marker" class="locationPin" src="images/locationMark.png"/><span class="cityName">Beirut, Lebanon</span></p>
                                                                </div>-->
                            </a>
                        </div>
                    </div> 
                </div>
            </div>
            <!--<p class="redButton" ng-if="device != 'none' && filter.sponsored_max==3"><a ng-click="filter.sponsored_max=8">More</a></p>
            <p class="redButton" ng-if="device != 'none' && filter.sponsored_max==8"><a ng-click="filter.sponsored_max=3">Less</a></p>-->
        </div>
    </div>

    <div class="popularSpots" ng-if="new_on_bitfood.length>0" style="padding: 20px 0px">
        <div class="container">
            <h3>New on Bitfood</h3>
            <div class="col-sm-12 cards">
                <div class="row">
                    <div class="col-md-3" ng-repeat="row in new_on_bitfood" ng-if="$index>=new_min && $index<new_max"> 
                        <div class="popularSpotsTopImageBox">
                            <a href="{{row.urlname}}"> 
                                <img alt="{{row.name}}" class="img-fluid" src="{{imageApiUrl(row.imageurl)}}"> 
                                <div class="StarRatingContainer">
                                    <p><span class="rating">{{row.rating}}</span></p>
                                </div> 
                                <div class="circleImgContainer"><img alt="{{row.name}}" class="restaurantLogo img-circle" src="{{imageApiUrl(row.logourl)}}" /></div>
                            </a>
                        </div> 
                        <div class="popularSpotsBottomImageBox" style="min-height: 50px!important">
                            <a href="{{row.urlname}}"> 
                                <h3>{{row.name}}</h3>
                                 <p style="color:#333333">{{row.cuisine_list}}</p>
                                <!--                                <div class="restaurantLocation">
                                                                    <p><img alt="bitfood-marker" class="locationPin" src="images/locationMark.png"/><span class="cityName">Beirut, Lebanon</span></p>
                                                                </div>-->
                            </a>
                        </div>
                    </div> 
		    <a class="carousel-control-prev" ng-click="previewNew()" role="button" data-slide="prev" style="width: 10%;left:-4%;cursor:pointer">
    			<span class="carousel-control-prev-icon" aria-hidden="true" style="background-color:#9fabb7;height:50px;width:20px;border-radius:5px"></span>
    			<span class="sr-only">Previous</span>
  	    	    </a>
  	    	    <a class="carousel-control-next" ng-click="nextNew()" role="button" data-slide="next" style="width: 10%;right:-4%;cursor:pointer">
    			<span class="carousel-control-next-icon" aria-hidden="true" style="background-color:#9fabb7;height:50px;width:20px;border-radius:5px"></span>
    			<span class="sr-only">Next</span>
  	    	    </a>
                </div>
            </div>
            <!--<p class="redButton" ng-if="device != 'none' && filter.sponsored_max==3"><a ng-click="filter.sponsored_max=8">More</a></p>
            <p class="redButton" ng-if="device != 'none' && filter.sponsored_max==8"><a ng-click="filter.sponsored_max=3">Less</a></p>-->
        </div>
    </div>

    <div class="collections">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <h3 style="margin-bottom: 5px">Surf on our wide Selections</h3>
		    <h6 style="margin-bottom: 40px">A variety of categories revealing all places connecting Foods & Beverages</h6>
                    <div class="row">
                        <div class="col-sm-6" ng-repeat="row in collections" ng-if="$index>1">
                            <div class="trending">
                                <div class="row">
                                    <div class="col-sm-5">
                                        <a href="{{row.linkurl}}">
                                            <img alt="{{row.name}}" class="img-fluid" src="{{imageApiUrl(row.image_url)}}"/>
                                        </a>
                                    </div>
                                    <div class="col-sm-7">
                                        <div class="textContainer">
                                            <a href="{{row.linkurl}}">
                                                <h4>{{row.name}}</h4>
                                                <p>{{row.description}}</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </div> 
                    </div>
                    <!-- <p class="redButton"><a href="restaurants">Search More</a></p> -->
                </div>
            </div>
        </div>
    </div>

    <div class="specialOffers">
        <div class="container">
            <div class="row">
                <div class="col-sm-12" ng-hide="true">
                    <h3>Special Offers</h3>
                    <div class="row">
                        <div class="col-md-3" ng-repeat="row in special_offers" ng-if="$index>=offer_min && $index<offer_max">
                            <div class="popularSpotsTopImageBox">
                                <a href="{{row.brand.urlname}}"> 
                                    <img alt="{{row.brand.name}}" class="img-fluid" src="{{imageApiUrl(row.brand.imageurl)}}">

                                    <div class="discountContainer">
                                        <p ng-if="row.special_offer">Special Offer</p>
                                        <p ng-if="!row.special_offer">{{row.discount.discount_rate}}% OFF</p>
                                    </div>

                                    <div class="circleImgContainer"><img alt="{{row.brand.name}}" class="restaurantLogo" src="{{imageApiUrl(row.brand.logourl)}}" /></div>
                                </a>
                            </div>
                            <div class="popularSpotsBottomImageBox">
                                <a href="{{row.brand.urlname}}"> 
                                    <h3>{{row.brand.name}}</h3>
                                    <p class="hide-mobile">{{row.brand.cuisine_list}}</p> 
                                    <div class="restaurantLocation">
                                        <p><img alt="{{row.brand.name}}" class="locationPin" src="images/locationMark.png"/><span class="cityName">{{row.subregion.name}}, {{row.region.name}}</span></p>
                                    </div>
                                </a>
                            </div>
                        </div>
 		    <a class="carousel-control-prev" ng-click="previewOffer()" role="button" data-slide="prev" style="width: 10%;left:-4%;cursor:pointer">
    			<span class="carousel-control-prev-icon" aria-hidden="true" style="background-color:#9fabb7;height:50px;width:20px;border-radius:5px"></span>
    			<span class="sr-only">Previous</span>
  	    	    </a>
  	    	    <a class="carousel-control-next" ng-click="nextOffer()" role="button" data-slide="next" style="width: 10%;right:-4%;cursor:pointer">
    			<span class="carousel-control-next-icon" aria-hidden="true" style="background-color:#9fabb7;height:50px;width:20px;border-radius:5px"></span>
    			<span class="sr-only">Next</span>
  	    	    </a>

                    </div>
                    <p class="redButton"><a href="special-offers">More</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
//this function is for the search results dropdown when the input field is clicked into
    function myFunction() {
        var x = document.getElementById("searchResults");
        if (x.style.display === "block") {
            x.style.display = "none";
        } else {
            x.style.display = "block";
        }
    }
</script>

 
        </div>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-sm-4">
                        <h3>Connect with Us!</h3>
                        <div class="socialFooter">
                            <a href="https://www.facebook.com/bitfoodapp" target="_blank" title="Follow us on Facebook"><span class="fa fa-facebook"></span></a>
                            <a href="https://www.youtube.com/channel/UCfjNWPUK26HKDamVsKD7fVA" target="_blank" title="Follow us on Youtube"><span class="fa fa-youtube"></span></a>
                            <a href="https://www.instagram.com/bitfood" target="_blank" title="Follow us on Instagram"><span class="fa fa-instagram"></span></a>
                       	    <a href="https://twitter.com/bitfoodapp" target="_blank" title="Follow us on Twitter"><span class="fa fa-twitter"></span></a>
                        </div>
                        <p class="copyright">© Copyright {{year}} bitfood.com   All rights reserved. </p>
                    </div>

                    <div class="col-sm-2">
                        <ul>
                            <li><a href="cuisines" title="Bitfood Cuisines">Cuisines</a></li>
                            <li><a href="foodcategories" title="Bitfood Food Categories">Food Categories</a></li>
                            <li><a href="restaurants" title="Bitfood Restaurants">Restaurants</a></li>
                            <li><a href="forbusiness" title="Bitfood For Business">For Business</a></li>
                        </ul>
                    </div>

                    <div class="col-sm-2">
                        <ul>
                            <li><a href="contactus" title="Bitfood Contact Us">Contact Us</a></li>
                            <li><a href="terms" title="Bitfood Terms And Conditions">Terms And Conditions</a></li>
                            <li><a href="privacy" title="Bitfood Privacy Policy">Privacy Policy</a></li>
                            <li><a href="https://www.bitfood.com/blog" title="Bitfood Blog">Blog</a></li>
                        </ul>
                    </div>

                    <div class="col-sm-4 bottomButtons">
                        <a href="https://play.google.com/store/apps/details?id=com.omegasoftware.bitfood"><img alt="bitfood-googleplay" src="images/googleplay.png" title="Download Bitfood from Play Store" /></a>
                        <a href="https://itunes.apple.com/us/app/bitfood-food-delivery-app/id1032726544?mt=8"><img alt="bitfood-appstore" src="images/appstore.png" title="Download Bitfood from Apple Store"/></a>
                    </div>
                </div>
            </div>





        </footer>

        <div id="appDownloadModal" class="modal fade app-download-modal" role="dialog" ng-hide="hidelayout">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <p class="modal-title"> Have you got the app?  </p>
                    </div>
                    <div class="modal-body">
                        <p class="sub-title" ng-cloak> <span class="cashback"><b>DOWNLOAD THE APP NOW</b></span> <br>and discover restaurants near you!</p><br> 
                        <div  ng-if="device == 'none'">
			    <div class="col-md-3 form-group pre-input phone" >
                            	<select ng-model="download.country" class="form-control" placeholder="Country*"
                                    	ng-required="true" ng-options="c as c.dialing_code for c in countries"
				    	ng-selected="download.country.dialing_code == c.dialing_code"> 
                            	</select>
                            </div>
                            <div class="col-md-6 pre-input phone">
                            	<input type="text" ng-model="download.phone" class="form-control" placeholder="Phone *">
                            </div>
                            <div class="col-md-2 post-input phone">
                            	<button type="submit" class="btn red" ng-click="sendSmsDownloadApp()" ng-disabled="sms_loading">SMS Link</button>
                            </div>
                            <div class="col-md-12 message-input phone" ng-if="download.message">
                            	SMS message sent, Check your phone to find the link to download the app!
                            </div>
			</div>
                        <div class="app-stores align-center">
                            <a ng-if="device != 'android'" href="https://itunes.apple.com/us/app/bitfood-food-delivery-app/id1032726544?mt=8" target="_blank"><img alt="bitfood-appstore" src="images/appstore.png" title="Download Bitfood from Apple Store"></a>
                            <a ng-if="device != 'iphone'" href="https://play.google.com/store/apps/details?id=com.omegasoftware.bitfood" target="_blank"><img alt="bitfood-googleplay" src="images/googleplay.png" title="Download Bitfood from Play Store"></a>
                        </div> 
                    </div>
                </div>
            </div>
        </div>

        <div id="videoYoutubeModal" class="modal fade app-download-modal" role="dialog" ng-hide="hidelayout">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <p class="modal-title"> Have you got the app?  </p>
                    </div>
                    <div class="modal-body">
                         <iframe id="video" style="width: 560px;max-width: 100%;height:315px" src="https://www.youtube.com/embed/dJi5VYN3EmU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
                    </div>
                </div>
            </div>
        </div>

        <div id="loginModal" class="modal fade login-modal" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content row" ng-controller="loginCtrl">
                    <div ng-if="login_view == 'login'"> <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"> Login </span>
</div>
<div class="modal-body col-md-12">
<!--    <div class="col-md-6 form-group sign-in">
        <label>Sign in with Social Media:</label> 
        <div class="form-group pre-input-social facebook">
            <button class="btn" ng-click="fbLoginUser()">
                <span class="fa fa-facebook"></span>
                Continue With Facebook
            </button> 
        </div>
        <div class="form-group pre-input-social google">
            <button class="btn" ng-click="googleLoginUser()">
                <span class="fa fa-google-plus"></span>
                Continue With Google
            </button> 
        </div>
    </div> -->
    <div class="col-md-12 form-group sign-in">
        <form name="loginForm" ng-class="{'login-mobile': device!='none'}">
            <label class="col-md-12">Sign in with email or phone number: </label>
            <div class="col-md-2 form-group pre-input phone">
                <select ng-model="login.country" class="form-control" placeholder="Country*"
                        ng-required="true" ng-options="c as c.dialing_code for c in countries"> 
                </select>
            </div>
            <div class="col-md-10 pre-input phone">
                <input type="text" ng-model="login.username" ng-required="true" class="form-control" placeholder="Phone / Email">
            </div> 
            <div class="col-md-12 form-group pre-input">
                <span class="fa fa-lock"></span>
                <input type="password" autocomplete="off" ng-model="login.password" ng-required="true" class="form-control post-input" placeholder="Password"> 
            </div> 
            <div class="col-md-12 form-group pre-input">
                <button type="submit" class="btn red" ng-click="loginUser()" ng-disabled="login_loading">Sign In</button>
                <button class="forgot-password" ng-click="goToRequestCode()" ng-disabled="login_loading">Forgot Password?</button>
            </div>
        </form> 
    </div> 
    <div class="col-md-12 form-group sign-up">
        Not a member yet? <span class="color-red" ng-click="goToSignUp()" ng-disabled="login_loading">Sign Up Now!</span>
    </div>
</div> </div>
                    <div ng-if="login_view == 'register'"> <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"> Register </span>
</div>
<div class="modal-body col-md-12">  
    <div class="col-md-12 form-group sign-in">
        <form name="registerForm" ng-class="{'login-mobile': device!='none'}">
            <label class="col-md-12">Create new account:</label>
            <div class="col-md-2 form-group pre-input"> 
                <select ng-model="register.title" class="form-control" placeholder="Title*"
                        ng-required="true" ng-options="t as t for t in titles"> 
                </select>
            </div>
            <div class="col-md-5 form-group pre-input">
                <span class="fa fa-user"></span>
                <input type="text" ng-model="register.fname" ng-required="true" class="form-control post-input" placeholder="First Name*">
            </div>
            <div class="col-md-5 form-group pre-input">
                <span class="fa fa-user"></span>
                <input type="text" ng-model="register.lname" ng-required="true" class="form-control post-input" placeholder="Last Name*">
            </div> 
            <div class="col-md-2 form-group pre-input phone">
                <select ng-model="register.country" class="form-control" placeholder="Country*"
                        ng-required="true" ng-options="c as c.dialing_code for c in countries"> 
                </select>
            </div>
            <div class="col-md-10 pre-input phone">
                <input type="tel" ng-model="register.phone" ng-required="true" class="form-control" placeholder="Phone Number*">
            </div> 
            <div class="col-md-12 form-group pre-input">
                <span class="fa fa-envelope-o"></span>
                <input type="email" ng-model="register.email" class="form-control post-input" placeholder="Email (Optional)">
            </div>
            <div class="col-md-6 form-group pre-input">
                <span class="fa fa-lock"></span>
                <input type="password" ng-model="register.password" ng-required="true" class="form-control post-input" placeholder="Password*">
            </div>
            <div class="col-md-6 form-group pre-input">
                <span class="fa fa-lock"></span>
                <input type="password" ng-model="register.confirm_password" ng-required="true" class="form-control post-input" placeholder="Confirm Password*">
            </div>
            <div class="col-md-12 form-group pre-input">
                <span class="fa fa-trophy"></span>
                <input type="text" ng-model="register.promocode" class="form-control post-input" placeholder="Promo Code (Optional)">
            </div>
            <div class="col-md-12 form-group pre-input">
                <button type="submit" class="btn red" ng-click="registerUser(registerForm.$valid)" ng-disabled="login_loading">Sign Up</button> 
            </div>
        </form> 
    </div> 
    <div class="col-md-12 form-group sign-up">
        Already a Member? <span class="color-red" ng-click="goToSignIn()" ng-disabled="login_loading">Sign In Now!</span>
    </div>
</div> </div>
                    <div ng-if="login_view == 'validation'"> <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"> Validation </span>
</div>
<div class="modal-body col-md-12">  
    <div class="col-md-12 form-group sign-in">
        <form name="validationForm">
            <label class="col-md-12" ng-bind="validation.message"></label> 
            <div class="col-md-12 form-group pre-input">
                <span class="fa fa-key"></span>
                <input type="number" ng-model="validation.code" ng-required="true" class="form-control post-input" placeholder="Code*">
            </div>  
            <div class="col-md-12 form-group pre-input">
                <button type="submit" ng-show="validation.type=='submit'" class="btn red" ng-click="validateUser(validationForm.$valid)" ng-disabled="login_loading">Submit Code</button> 
                <button type="submit" ng-show="validation.type=='check'" class="btn red" ng-click="checkUserCode(validationForm.$valid)" ng-disabled="login_loading">Submit Code</button> 
            </div>
        </form> 
    </div> 
    <div class="col-md-12 form-group sign-up">
        Already validated? <span class="color-red" ng-click="goToSignIn()" ng-disabled="login_loading">Sign In Now!</span>
    </div>
</div> </div>
                    <div ng-if="login_view == 'requestcode'"> <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"> Request Code </span>
</div>
<div class="modal-body col-md-12">  
    <div class="col-md-12 form-group sign-in">
        <form name="requestCodeForm" ng-class="{'login-mobile': device!='none'}">
            <label class="col-md-12">No worries, we've got your back! Submit your phone number or email:</label> 
            <div class="col-md-2 form-group pre-input phone">
                <select ng-model="requestcode.country" class="form-control" placeholder="Country*"
                        ng-required="true" ng-options="c as c.dialing_code for c in countries"> 
                </select>
            </div>
            <div class="col-md-10 pre-input phone">
                <input type="text" ng-model="requestcode.username" ng-required="true" class="form-control" placeholder="Phone Number / Email">
            </div> 
            <div class="col-md-12 form-group pre-input">
                <button type="submit" class="btn red" ng-click="requestCode(requestCodeForm.$valid)" ng-disabled="login_loading">Request Code</button> 
            </div>
        </form> 
    </div> 
    <div class="col-md-12 form-group sign-up">
        Already a Member? <span class="color-red" ng-click="goToSignIn()" ng-disabled="login_loading">Sign In Now!</span>
    </div>
</div> </div>
                    <div ng-if="login_view == 'resetpassword'"> <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"> Reset Password </span>
</div>
<div class="modal-body col-md-12">  
    <div class="col-md-12 form-group sign-in">
        <form name="resetpasswordForm">
            <label class="col-md-12">Reset your password:</label>  
            <div class="col-md-6 form-group pre-input">
                <span class="fa fa-lock"></span>
                <input type="password" autocomplete="off" ng-model="resetpassword.password" ng-required="true" class="form-control post-input" placeholder="Password*">
            </div>
            <div class="col-md-6 form-group pre-input">
                <span class="fa fa-lock"></span>
                <input type="password" autocomplete="off" ng-model="resetpassword.confirm_password" ng-required="true" class="form-control post-input" placeholder="Confirm Password*">
            </div> 
            <div class="col-md-12 form-group pre-input">
                <button type="submit" class="btn red" ng-click="resetUserPassword(resetpasswordForm.$valid)" ng-disabled="login_loading">Reset Password</button> 
            </div>
        </form> 
    </div> 
    <div class="col-md-12 form-group sign-up">
        Already a Member? <span class="color-red" ng-click="goToSignIn()" ng-disabled="login_loading">Sign In Now!</span>
    </div>
</div> </div>
                </div>
            </div>
        </div>

        <script type='text/javascript'>
                    (function () {
                        var widget_id = '3BiGHr1QuR';
                        var s = document.createElement('script');
                        s.type = 'text/javascript';
                        s.async = true;
                        s.src = '//code.jivosite.com/script/widget/' + widget_id;
                        var ss = document.getElementsByTagName('script')[0];
                        ss.parentNode.insertBefore(s, ss);
                    })();
        </script> 

	
    </body>
</html> 