View Source code:

Tidy UP & Clean HTML Code - View Source of http://kfc.co.za

<!DOCTYPE html>
<html ng-app="orderServMenu" ng-controller="AppCtrl">
<head>
        
    <meta charset="utf-8" />
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-title" content="KFC South Africa" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="referrer" content="origin-when-crossorigin" />
<meta name="msapplication-tooltip" content="KFC Delivery">
<meta name="msapplication-window" content="width=1024;height=768">
<meta name="application-name" content="KFC Online Ordering" />
<meta name="msapplication-allowDomainApiCalls" content="true" />
<meta name="keywords" content="true" />

<meta name="description" />
<meta name="msapplication-TileColor" content="#000000" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<meta http-equiv="cleartype" content="on" />



<link href="/Content/OnlineOrderingStyles/bootstrap.min.css" rel="stylesheet" />
<link href="/Content/css?v=myJm1KVZea76w1iRaMHdsyuVZ2s6Aj8GfJYWgyFm2VE1" rel="stylesheet"/>


<noscript><meta http-equiv="X-Frame-Options" content="DENY" /></noscript>
<style id="antiClickjack">
    body {
        display: none !important;
    }
</style>
<script type="text/javascript">
    if (self === top) {
        var antiClickjack = document.getElementById("antiClickjack");
        antiClickjack.parentNode.removeChild(antiClickjack);
    } else {
        top.location = self.location;
    }
</script>

    <title data-ng-bind="pageTitle">Menu - Order KFC Online</title>
</head>

<body>
  


    <div class="bar-loader" id="bar-loader-layout" style="display: none;"></div>
    <main>
        <header id="header-wrap">
            <div class="container ">

                
<div class="row">
<div class="p-0 col-3">
    <a href="/" >
                <span class="logo-branding" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Header" data-gtm-event-action="Logo" data-gtm-event-label="Logo CTA Click"></span>
    </a>
</div>

 <div class="col-4 text-center align-self-center">
        <h2 id="" class=""></h2>
    </div>

        <div class="col-5 align-self-center text-right" id="header-user-data">
            
<a class=" openOTPPopUp" data-gtm-click-event-tracker="true" data-gtm-event-action="Universal Header" data-gtm-event-name="Sign In" href="/login" onclick=" return appendHashUrlWithSignInAny(this)">Sign in</a>            
<input type="hidden" id="hdnLanguage" value="en-US" />   
<div class="langbar">
</div>
        </div>

</div>


                <input type="hidden" id="hdnLoggedIn" value="False" />
            </div>
        </header>
        <!--Sticky Header and selected disposition Start-->
        <nav class="stickymenu">
            <div id="stickyCartHeader" class="container">



<div class="row ">
    <div class="col-10 col-md-7 col-lg-4 p-0 ">
<ul>


    <li data-site-navigation-selection-identifier="just-for-me">
        <a href="/menu/just-for-me" onclick="redirectdeal('just-for-me')">
            
            JUST FOR ME
        </a>
    </li>
    <li data-site-navigation-selection-identifier="for-sharing">
        <a href="/menu/for-sharing" onclick="redirectdeal('for-sharing')">
            
            FOR SHARING
        </a>
    </li>
    <li data-site-navigation-selection-identifier="deals">
        <a href="/menu/deals" onclick="redirectdeal('deals')">
            Deals
        </a>
    </li>
    
</ul>

    </div>

    <div class="col-2 col-md-5 col-lg-8">
        <div class="isrestaurentselected ">
            <!--Cart-->
            <a href="/menu/my-cart">

                <span class="cart-counter empty " id="cartHeaderQty">
                    0
                </span>
                <span class="price" id="cartHeaderPrice">
                    R0,00
                </span>
            </a>
        </div>
        <div class="d-none d-lg-block">
            <!--Non Localization Start my Order-->
                <a href="/store-selection" class="btn aStartOrderBtn " data-gtm-click-event-tracker="true" data-gtm-event-name="localization" data-gtm-event-action="Start my order" onclick=" return start(this)">START MY ORDER</a>
        </div>

    </div>
</div>


    <input type="hidden" id="hdnCartItemQuantityInformation" value="" />
<input type="hidden" id="hdnQuantityAvailable" value="" />
            </div>
        </nav>

        <!--Sticky Header and selected disposition End-->

        <div id="RenderBodyDiv" class="container">
            


        <div class="delivery-info d-lg-none">

                    <a href="/store-selection" class="btn btn-block   " data-gtm-click-event-tracker="true" data-gtm-event-name="localization" data-gtm-event-action="Start my order">START MY ORDER</a>
        </div>

<div id="openSavedAddressModal" class="openSavedAddressModal delivery-details">
    <div class="justify-content-center deliveryaddress-details-form">
        <div class="col-12  margin-bottom-15">
            <a href="/store-selection" class="btn white block"><span>Add a new address</span></a>
        </div>
        <div class="w-100"></div>
        <div class="col-12">

        </div>
        <div class="col-12  margin-bottom-15 deliveryaddress-cancel-btn">
            <a href="javascript:void(0);" onclick="ShowSavedAddress(false)" class="btn white block"><span>Cancel</span></a>
        </div>
    </div>
</div>



<div class="modal fade" id="txtCityZipCodeModal" data-keyboard="false" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div class="bootstrap-dialog-title">
                    <span id="txtCityZipCodeModalHeader"></span>
                </div>
            </div>
            <div class="modal-body">
                <div class="validationSummary">
                    <div class="clearfix"></div>
                    <div class="padding0 col-12 margin-top-10 margin-bottom-10">
                        <span id="txtCityZipCodeModalMsg"></span>
                    </div>
                    <div class="clearfix"></div>
                    <div class="text-center">
                        <input type="button" data-dismiss="modal" class="btn btn-p btn-lg" value="Ok" onclick="javascript: $('#txtCityZipCodeModal').modal('hide');">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<input type="hidden" id="hdnOrderModeValue" value="2" />
<input type="hidden" id="hdnRestaurantId" value="" />
<input type="hidden" id="hdnIsAuthenticated" value="False" />
    <input type="hidden" id="hdnShowSavedAddress" value="No" />
<div class="modal modalStoreSelection custom-bootstrap-modal" id="modalStoreSelection">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <button type="button" class="bootstrap-dialog-close-button" data-dismiss="modal"></button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
            
                    <h2 class="text-center mb-3">WELCOME TO KFC</h2>
                    <p class="text-center mb-4">We're live for online ordering in a selected number of restaurants but growing all the time. Please bear with us while we add more restaurants online in your area! </p>
                    <ul class="nav checkout-tab mb-4">

                        <li>
                            <a class="active" id="btnForDelivery" onclick="showDeliverySearchHome(2)"
                               data-gtm-click-event-tracker="true" data-gtm-event-name="localization" data-gtm-event-action="Delivery"
                               data-gtm-event-label="Delivery CTA Click" href="javascript:void(0);">
                                Delivery
                            </a>
                        </li>
                        <li>
                            <a  id="btnForPickup" onclick="showDeliverySearchHome(1)"
                               data-gtm-click-event-tracker="true" data-gtm-event-name="localization" data-gtm-event-action="Carryout"
                               data-gtm-event-label="Carryout CTA Click" href="javascript:void(0);">
                                Pickup
                            </a>
                        </li>
                        <li>
                            <a id="btnForCatering" onclick="showDeliverySearchHome(10)" data-gtm-click-event-tracker="true"
                               data-gtm-event-name="localization"
                               data-gtm-event-action="Catering" data-gtm-event-label="Catering CTA Click" href="javascript:void(0);">
                                Catering
                            </a>
                        </li>
                    </ul>
                    <div id="searchbyown" class="searchbyown form-group">
                        <div class="input-wrapper">
                            <div class="inputGroup">
                                <input class="ui-autocomplete-input input-fld" data-val="true" data-val-requiredif="Please set a street, city or postcode ." data-val-requiredif-dependentproperty="SelectedOrderMode" data-val-requiredif-desiredvalue="Carryout" id="RestaurantSearchKeyword" name="RestaurantSearchKeyword" placeholder="Enter your address e.g. 4 Bruton Rd. Bryanston" type="text" value="" />

                            </div>

                        </div>
                        <input name="__RequestVerificationToken" type="hidden" value="syLsU2MhSSRGH-JinTHIUfTMgPCjhtna0oHRyDxrenok0fQUC50eOQ2OSzyBhkc4UOLxvPx5porTCigQ3GC4jE25u1dJzcfBKVTlb5lSnAA1" />
                        <span class="field-validation-valid text-danger help-block" data-valmsg-for="RestaurantSearchKeyword" data-valmsg-replace="true"></span>
                    </div>
                    <p class="or-separator font-weight-normal mb-4">Or</p>
                    <div class="row">
                        <div class="col-6">
                            <a href="javascript:void(0);" data-dismiss="modal" class="btn white btn-sml btn-block">SHOW ME THE MENU</a>
                        </div>
                        <div class="col-6">
                            <a data-gtm-click-event-tracker="true" data-gtm-event-name="PinDrop" data-gtm-event-action="Let’s Start Ordering" data-gtm-event-label="Use My Current Location"
                               href="javascript:void(0);" class="btn btn-block  btn-sml" onclick="useMyLocationHome();">USE MY LOCATION</a>
                        </div>
                    </div>
                    <div class="hidden"> <div id="locationMap" class="hidden" data-map-holder="True"></div></div>
                </div>

        </div>
    </div>
</div>
 







            


<div class="col-xs-12 padding0">
    <input type="hidden" id="refreshed" value="no">
    <div>
        <div class="menu-main" ui-view="main">



        </div>
    </div>
</div>



        </div>

    </main>


    <!--Desktop Footer Start-->
    <footer class="footerarea  ">
        <div class="container">
   <img src="/Content/OnlineOrderingImages/Shared/md/logo_footer.svg" alt="it's finger lickin' good "/>
            

<div class="accordion  " id="accordionExample">
    <div class="footer-content">
        <div class="card-header" id="headingOne">
            <h4 data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                Our Story
            </h4>
        </div>

        <div id="collapseOne" class="collapse" aria-labelledby="headingone" data-parent="#accordionExample">
            <div class="card-body">

                <ul>
                    <li>
                        <a href="/ourtaste/ourfood" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Our Story" data-gtm-event-label="Our Story CTA Click" >About KFC</a>
                      </li>
                    <li>
                        <a href="/careers" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Careers" data-gtm-event-label="Careers CTA Click">Careers</a>

                    </li>
                    <li>
                        <a href="/ourstory/ourblog" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Careers" data-gtm-event-label="Careers CTA Click" >Our Blog</a>

                    </li>
                    <li>
                        <a href="/ourtaste/know-our-chicken" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Careers" data-gtm-event-label="Careers CTA Click">Our Taste</a>

                    </li>
                    <li>
                        <a href="/giftcard" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Careers" data-gtm-event-label="Careers CTA Click">Digital Gift Cards</a>

                    </li>
                    <li class="hidden">
                        <a href="/becomeafranchisee" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Careers" data-gtm-event-label="Careers CTA Click">Become a Franchisee</a>

                    </li>

                </ul>
            </div>
        </div>
    </div>
    <div class="footer-content">
        <div class="card-header" id="headingTwo">

            <h4 class="" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseOne">
                Contact
            </h4>

        </div>
        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
            <div class="card-body">

                <ul>
                    <li>
                        <a href="/ourstory/contact" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Contact Us" data-gtm-event-label="Contact Us CTA Click">Contact Us</a>

                    </li>
                    <li>
                        <a href="https://www.facebook.com/KFCSA" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Find a KFC" data-gtm-event-label="Find a KFC CTA Click" target="_blank">Facebook</a>

                    </li>
                    <li>
                        <a href="https://twitter.com/kfcsa" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Gift Cards" data-gtm-event-label="Gift Cards CTA Click" target="_blank">Twitter</a>

                    </li>
                    <li>
                        <a href="https://www.youtube.com/user/KFCsouthafrica" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Store List" data-gtm-event-label="Store List CTA Click" target="_blank">Youtube</a>

                    </li>
                    <li>
                        <a href="https://instagram.com/kfcsouthafrica/" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Store List" data-gtm-event-label="Store List CTA Click" target="_blank">Instagram</a>

                    </li>
                    <li>
                        <a href="/kfc-listens"  data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Store List" data-gtm-event-label="Store List CTA Click">KFC Listens</a>

                    </li>

                </ul>
            </div>
        </div>
    </div>
    <div class="footer-content">
        <div class="card-header" id="headingThree">

            <h4 class="" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseOne">
                Our Restaurants
            </h4>

        </div>
        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
            <div class="card-body">

                <ul>
                    <li>
                        <a href="/ourrestaurants" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Terms Of Use" data-gtm-event-label="Terms Of Use CTA Click">Find a restaurant</a>

                    </li>
                    <li>
                        <a href="/generator" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - KFC Privacy Policy" data-gtm-event-label="KFC Privacy Policy CTA Click">Restaurants with generators</a>

                    </li>
                    <li>
                        <a href="/termsandconditions"  data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - KFC Privacy Policy" data-gtm-event-label="KFC Privacy Policy CTA Click">Terms and Conditions</a>

                    </li>
                    <li>
                        <a href="/privacy" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - KFC Privacy Policy" data-gtm-event-label="KFC Privacy Policy CTA Click">Privacy Policy</a>

                    </li>
                    <li>
                        <a href="/ordertracker" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - KFC Privacy Policy" data-gtm-event-label="KFC Privacy Policy CTA Click">Track Your Order</a>

                    </li>
                </ul>

            </div>
        </div>
    </div>
    <div class="footer-content">
        <div class="card-header" id="headingFour">
            <h4 class="" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseOne">
                Community Involvement
            </h4>

        </div>
        <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
            <div class="card-body">

                <ul>
                    <li>
                        <a href="/addhope" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Nutrition Information" data-gtm-event-label="Nutrition Information CTA Click">Add Hope</a>

                    </li>
                    <li>
                        <a href="/minicricket/minicrickethome" data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Food Allergen &amp; Sensitivity" data-gtm-event-label="Food Allergen &amp; Sensitivity CTA Click">Mini-Cricket</a>

                    </li>

                </ul>

            </div>
        </div>
    </div>
    <div class="footer-content">
        <div class="card-header" id="headingFive">

            <h4 class="" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseOne">
                More ways to get KFC
            </h4>

        </div>
        <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
            <div class="card-body">

                <ul>
                    <li>
                        <a href="/delivery"  data-gtm-click-event-tracker="true" data-gtm-event-name="Universal Footer" data-gtm-event-action="Desktop - Colonel's Club" data-gtm-event-label="Colonel's Club CTA Click" >Mr D, Uber Eats & Telephone Orders</a>

                    </li>
                    
                </ul>

            </div>
        </div>
    </div>
</div>













            <div class="row">
                <div class="col-md-6  social-link-wrap">
                    <!--Desktop Social Media Links Start-->
                    
<a href="https://www.youtube.com/user/KFCsouthafrica" target="_blank">
    <i class="icon icon-youtube"></i>
</a>
<a href="https://instagram.com/kfcsouthafrica/" target="_blank">
    <i class="icon icon-instagram">
    </i>
</a>
<a href="https://www.facebook.com/KFCSA" target="_blank">
    <i class="icon icon-facebook">
    </i>
</a>
<a href="https://twitter.com/kfcsa" target="_blank">
    <i class="icon icon-twitter">
    </i>
</a>


                    <!--Desktop Social Media Links Start-->
                </div>

                <!--
   <div class="col-12 offset-1 col-md-5 footer-terms">
    <div class="float-right">
        
    </div>
</div>

!-->

            </div>

        </div>
    </footer>
    
<div class="modal fade" id="resetpwd-modal">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-body">
                <div class="modal-header">
                    <div class="bootstrap-dialog-header">
                        <div class="bootstrap-dialog-close-button" data-dismiss="modal">
                            <button class="close" aria-label="close"></button>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4 background-popup">
                        <div class="kfclogo-img margin-bottom-15 "></div>
                        <div class="text-center hellotxt">Hello!</div>
                        <div class="desc-txt" id="WelcomeToSiteDiv">
                            Welcome to the new KFC ordering site! Sign in or create a KFC account today.
                        </div>
                        <div class="desc-txt hidden" id="WelcomeToSiteDivResetPassword">
                            Welcome to the new KFC ordering site!  For security purposes, we have emailed you a 4 digit code to update your password.
                        </div>
                    </div>

                    <div class="col-md-8 popup-right-sect hidden" id="dv1stPopup">

                        
                        


                        <div class="col-md-12 padding-top-30">
                            
                        </div>

                        <div class="col-md-12 margin-bottom-30">
                             
    
</div>




<div class="text-center  col-md-12 ">
    
    
                    </div>


                    
                    <div class="col-md-12 padding-top-15">
                        <div class="otpmodal-border text-center padding-top-10">
                            <a href="/store-selection" id="anchStartOrder" class=" signuphere-txt" data-gtm-click-event-tracker="true" data-gtm-event-name="localization" data-gtm-event-action="Start my order">
                                Continue as Guest
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-md-8 popup-right-sect hidden" id="dvOTpPopp">

                    
                    
                    <div class="input-wrapper margin-bottom-10">
                        <input type="text" placeholder="Email address" id="otpEmail" />
                    </div>
                    <div class="margin-bottom-15 text-danger" id="msgEmailValidation"></div>
                    <div>
                        <button class="btn block margin-bottom-20" id="btnGetOTPthrough">Get OTP</button>
                    </div>

                    <div class="text-center margin-bottom-15 ">
                        
    
     here.
</div>

</div>



<div class="col-md-8 popup-right-sect hidden otp-section" id="dvSendOTPTo">
    <div class="margin-bottom-20 details-txt">Send OTP To</div>
    <div class=" margin-bottom-20">
        <input type="radio" name="waytosendotp" value="Send OTP by mobile" class="margin-bottom-10" id="rdMobile" />
        <label for="rdMobile" id="lblPhone">Send OTP by mobile</label>
    </div>
    <div>
        <input type="radio" name="waytosendotp" id="rdEmail" value="Send OTP by Email" />
        <label for="rdEmail" id="lblEmail"> Send OTP by Email</label>
    </div>
    <div class="margin-bottom-15 text-danger" id="msgSendOTP"></div>
    <div>
        <button class="btn block margin-top-30" id="btnSendOTP">Send OTP</button>
    </div>


    
</div>

<div class="col-md-8 popup-right-sect hidden" id="dvEnterOTP">
    <div class="margin-bottom-10 text-center fourdigit-txt">Enter 4 digit code sent to you.</div>
    <div class="row margin-bottom-15">
        <div class="col-3 ">
            <div class="input-wrapper">
                <input type="tel" id="first" maxlength="1" class="text-center" onkeyup="movetoNext(this, 'second')" />
            </div>
        </div>
        <div class="col-3 ">
            <div class="input-wrapper">
                <input type="tel" id="second" maxlength="1" class="text-center" onkeyup="movetoNext(this, 'third')" />
            </div>
        </div>
        <div class="col-3 ">
            <div class="input-wrapper">
                <input type="tel" id="third" maxlength="1" class="text-center" onkeyup="movetoNext(this, 'fourth')" />
            </div>
        </div>
        <div class="col-3 ">
            <div class="input-wrapper">
                <input type="tel" id="fourth" class="text-center" maxlength="1" />
            </div>
        </div>
    </div>
    <div class="margin-bottom-15 error text-danger" id="msgOTPValidation"></div>
    <div class="row margin-bottom-15">

        <div class="col-6 "><button class="btn block white" id="btnresendOTP">RESEND OTP</button></div>
        <div class="col-6 "><button class="btn block" id="btnvalidateOTP">VALIDATE</button></div>
    </div>

</div>

<div class="col-md-8 popup-right-sect hidden" id="dvResetPassword">
    
</div>
</div>
</div>

</div>
</div>
</div>
<button id="btnResetPassword" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#resetpwd-modal" style="display:none;">
    Open modal
</button>


    <!--Desktop Footer End-->
    <!--Links and Scripts Start-->
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>


<script src="/bundles/commonjs?v=lCG24DJrsRL-VnYU7Gbf9kOBrYOjnJlBSoyuzjtCkgg1"></script>

<script src="/bundles/enUSresourcejs?v=vlMo77hKoxltIzXGNaxgPd6lEoNw2g234-ytcukyJHs1"></script>




<script>
    function openCloseHam() {
        $(".ham-menu").toggleClass("open");
    };

    $(document).ready(function () {
        $(".menu-row").find("a").click(function () {
            if ($(this).attr("href") == "#") {
                if ($(this).parent().hasClass("active")) {
                    $(this).siblings('ul').slideUp();
                    $(this).closest("ul").find("li").removeClass("active");
                } else {
                    $(this).closest("ul").find("ul").slideUp();
                    $(this).siblings('ul').slideDown();
                    $(this).closest("ul").find("li").removeClass("active");
                    $(this).parent().addClass("active");
                }
            }
        });
    });
    function ShowSavedAddress(flag) {

        if (flag) {
            //localStorage.removeItem("registeredUserSaveArress");
            localStorage.setItem("registeredUserSaveArress", "Yes");
            window.location.href = '/store-selection';
        } else {
            //localStorage.removeItem("registeredUserSaveArress");
            localStorage.setItem("registeredUserSaveArress", "No");
            $('#openSavedAddressModal').removeClass('open');
            //window.location.href = '/menu';
        }
        //Android.useMyLocation("Use my location clicked");
    }
    function ShowSavedStore(flag) {

        if (flag) {
            //localStorage.removeItem("registeredUserSaveArress");
            //localStorage.setItem("registeredUserSaveArress", "Yes");
            window.location.href = '/store-selection';
        } else {
            //localStorage.removeItem("registeredUserSaveArress");
            //localStorage.setItem("registeredUserSaveArress", "No");
            $('#openSavedStoreModal').removeClass('open');
            //window.location.href = '/menu';
        }
        //Android.useMyLocation("Use my location clicked");
    }
    function StartMyOrder() {
        Android.useMyLocation("Use my location clicked");
    }
    function start(element) {
        Android.showToast("Sign in clicked");

    }
</script>






    <!--Links and Scripts End-->

    
    
    

    

    

    <script src="/Scripts/angular.min.js"></script>
    <script src="/bundles/menujs?v=NbJfT9aV9_y_IE4VcPy_12GOTUligBsW_P9Iqx5awf01"></script>

    



    <div class="modal fade" id="locationDialog" data-backdrop="true" data-keyboard="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content modalprop">
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>

    <div class="landscape-orientation">
        Our website is designed to work in portrait mode.<br />Kindly rotate your device.
        <div class="landscape-orientation-img">

        </div>
    </div>

    <div class="modal modalFavouriteKfc" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">x</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <h6 class="nb">NEW : You can now order your favourite KFC <br /> in just a  few clicks for PickUp or Delivery</h6>
                    <p class="nb">
                        We're live in a selected number of restaurants but growing all the time - please bear with us while we add more restaurants
                        in your area!
                    </p>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal" onclick="DisposeIsFavKfcPopUp();">Got It !</button>
                </div>

            </div>
        </div>
    </div>
</body>
</html>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyB0Py_2Gn-idxbIyjt3I9DaiwhCqDA4R3o&sensor=false&libraries=places,geometry&language=en-US"></script>
<script src="/bundles/locationjs?v=7ErreEUuMffE-aqhXXo1gytMayZGNP-Kab-gcwwVTII1"></script>


<script type="text/javascript">
    $(document).ready(function () {
        $(document).on('input', '#txtTrackMob', function (event) {
            var phone = $('#txtTrackMob').val();
            var regex = new RegExp(/^0[0-9]*$/);
            if (!regex.test(phone)) {
                phone = phone.substr(0, (phone.length - 1));
                $('#txtTrackMob').val(phone);
                $('#zerovalidation-error').show();
                event.preventDefault();
                event.stopPropagation();
                return false;
            } else {
                $('#zerovalidation-error').hide();
            }
        });
        var isFeedPopup = sessionStorage.getItem("IsFavKfcPopUp");

        var isFeedPopup = localStorage.getItem("IsFavKfcPopUp");
        $('#myModal').modal('hide');
        if (isFeedPopup !== 'NO') {
            var path = $(location).attr("href");
            if ((path === 'just-for-me') || (path === 'sharing') ||
                (path === 'deals')) {
                $('#myModal').modal('show');
            }
        } else {
            $('#myModal').modal('hide');
        }

     

        var isLocationPopup = sessionStorage.getItem("isLocationPopup");
        //var isLocationPopup = localStorage.getItem("isLocationPopup");
        $('#modalStoreSelection').modal('hide');
        if (isLocationPopup == null || isLocationPopup !== 'NO') {
            //DisposeStorePopUp();
            var path = $(location).attr("href");
            if ((path === 'https://order.kfc.co.za/menu/just-for-me') || (path === 'https://order.kfc.co.za/menu/for-sharing') ||
                (path === 'https://order.kfc.co.za/menu/deals')) {
                if ($('#modalStoreSelection').length > 0) {
                    $('#RestaurantSearchKeyword').val('');
                    $('#modalStoreSelection').modal('show');
                }
            }
        }
        else {
            if ($('#modalStoreSelection').length > 0) {
                $('#modalStoreSelection').modal('hide');
            }
        }

    });
    function DisposeIsFavKfcPopUp() {
        localStorage.setItem("IsFavKfcPopUp", "NO");
    }
   
   
</script>