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 & Sensitivity" data-gtm-event-label="Food Allergen & 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>