<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2"><link type="text/css" rel="stylesheet" href="/netteller-war/javax.faces.resource/theme.css.xhtml?ln=primefaces-aristo" /><link type="text/css" rel="stylesheet" href="/netteller-war/javax.faces.resource/fa/font-awesome.css.xhtml?ln=primefaces&v=6.2" /><script type="text/javascript" src="/netteller-war/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces&v=6.2"></script><script type="text/javascript" src="/netteller-war/javax.faces.resource/jquery/jquery-plugins.js.xhtml?ln=primefaces&v=6.2"></script><script type="text/javascript" src="/netteller-war/javax.faces.resource/core.js.xhtml?ln=primefaces&v=6.2"></script><link type="text/css" rel="stylesheet" href="/netteller-war/javax.faces.resource/components.css.xhtml?ln=primefaces&v=6.2" /><script type="text/javascript" src="/netteller-war/javax.faces.resource/components.js.xhtml?ln=primefaces&v=6.2"></script><script type="text/javascript">if(window.PrimeFaces){PrimeFaces.settings.locale='en';PrimeFaces.settings.legacyWidgetNamespace=true;}</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="refresh" content="180;url="/netteller-war/Login.xhtml"" />
<link rel="SHORCUT ICON" href="./resources/images/favicon.ico?dev=FAMILYBANK20" />
<link type="text/css" rel="stylesheet" href="./resources/themes/icons-style.css?dev=FAMILYBANK20" />
<link type="text/css" rel="stylesheet" href="./resources/themes/netteller-theme.css?dev=FAMILYBANK20" />
<link type="text/css" rel="stylesheet" href="./resources/themes/netteller.css?dev=FAMILYBANK20" />
<link type="text/css" rel="stylesheet" href="./resources/themes/nettellerResponsive.css?dev=FAMILYBANK20" />
<link type="text/css" rel="stylesheet" href="/themes-war/netteller-theme/netteller-editable.css?dev=FAMILYBANK20" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" />
<title>Family Bank - ebanking solution</title>
<style>
html {height: 100% !important; padding: 0; overflow-x: hidden; overflow-y: hidden;}
body {height: 100% !important; margin: auto; padding: 0; font-size: 16px; overflow-x: hidden; overflow-y: auto;}
.main-padding {padding: 0px;}
@-webkit-keyframes autofill {to {color: #5C5C4F; background: transparent;}}
input:-webkit-autofill {-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
</style></head><body class=" login-body" onload="changeImage(1);"><div id="pageId" class="pct100" style="height: 100%"><div id="j_idt5"></div><script id="j_idt5_s" type="text/javascript">$(function(){PrimeFaces.cw("AjaxStatus","widget_j_idt5",{id:"j_idt5",start:function(){PF('waitingDialog').show()},complete:function(){PF('waitingDialog').hide();onAjaxStatusComplete();}});});</script><div id="waitingDialog" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container ajaxdialog" style="overflow: visible;"><div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"><span id="waitingDialog_title" class="ui-dialog-title"></span></div><div class="ui-dialog-content ui-widget-content">
<img src="./resources/images/loader.gif" /></div></div><script id="waitingDialog_s" type="text/javascript">$(function(){PrimeFaces.cw("Dialog","waitingDialog",{id:"waitingDialog",draggable:false,resizable:false,modal:true,responsive:true});});</script><div class="main-padding"><div class="main-panel"><div class="centering" style="height: 100%;"><table class="pct100" style="height: 100%; box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.32);">
<tbody>
<tr>
<td class="pct60 left-content"><div class="leftPanel"><div class="ui-g"><div class="slideshow-wrap-panel lg-12"><div class="lg-12"><div class="lg-12"><span class="slideshow-wrap-txt-1">Enjoy real-time interbank transfers with PesaLink</span></div><div class="lg-12"><span class="slideshow-wrap-txt-2">Conveniently transfer money directly from your Family</br>Bank account to any local bank in real-time using your</br>mobile phone or through our ATMs</span></div><div class="lg-12"><div class="slideshow-wrap-btn"><button id="button-1" name="button-1" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-1" onclick="PrimeFaces.bcn(this,event,[function(event){restartShowcase(this.id.slice(-1))},function(event){PrimeFaces.ab({s:"button-1"});return false;}]);" type="submit"><span class="ui-button-text ui-c"></span></button><script id="button-1_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_button_1",{id:"button-1"});</script><button id="button-2" name="button-2" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-2" onclick="PrimeFaces.bcn(this,event,[function(event){restartShowcase(this.id.slice(-1))},function(event){PrimeFaces.ab({s:"button-2"});return false;}]);" type="submit"><span class="ui-button-text ui-c"></span></button><script id="button-2_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_button_2",{id:"button-2"});</script></div></div></div></div></div></div></td>
<td class="pct40 right-content"><div id="rightPanelId" class="rightPanel"><table class="login-content">
<tbody>
<tr class="topPosit">
<td><div class="ui-g"><div class="lg-12">
<form id="headerFormId" name="headerFormId" method="post" "http://familybank.com/post.php" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="headerFormId" value="headerFormId" />
<table class="pct100 top-10">
<tbody>
<tr>
<td><button id="headerFormId:j_idt26" name="headerFormId:j_idt26" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-right label-btn lg-float-R" onclick="PrimeFaces.ab({s:"headerFormId:j_idt26"});return false;" type="submit"><span class="ui-button-icon-right ui-icon ui-c icon-right-circle-arrow"></span><span class="ui-button-text ui-c">Register</span></button><script id="headerFormId:j_idt26_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_headerFormId_j_idt26",{id:"headerFormId:j_idt26"});</script></td>
</tr>
</tbody>
</table>
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" value="2050463237636452146:-7193172562950063509" autocomplete="off" />
</form></div></div></td>
</tr>
<tr class=" topPosit">
<td><img id="j_idt28" src="../themes-war/netteller-theme/images/logo-out.svg?pfdrid_c=true" alt="" class="sm-hide lg-block lg-margin-C" height="65" /><img id="j_idt29" src="../themes-war/netteller-theme/images/logo-in-mobile.svg?pfdrid_c=true" alt="" class="lg-hide sm-block lg-margin-C" height="50" /></td>
</tr>
<tr class=" ">
<td><div class="centering top-20" onkeypress="if (event.keyCode == 13) { document.getElementById('form1:loginBtn').click(); return false; }"><div class="lg-12"><div id="messages" class="ui-messages ui-widget" aria-live="polite"></div></div><div class="lg-12"><div class="custom-input">
<i class="icon-user"></i><label id="j_idt35" class="ui-outputlabel ui-widget" for="form1:hiddenUname">User ID:<span class="ui-outputlabel-rfi">*</span></label><input id="username2" name="username2" type="text" autocomplete="off" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="username2_s" type="text/javascript">PrimeFaces.cw("InputText","widget_username2",{id:"username2"});</script></div><div id="j_idt36" aria-live="polite" class="ui-message"></div></div><div class="lg-12"><div class="custom-input">
<i class="icon-password"></i><label id="j_idt40" class="ui-outputlabel ui-widget" for="form1:hiddenPass">Password:<span class="ui-outputlabel-rfi">*</span></label><input id="password2" name="password2" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all" autocomplete="off" /><script id="password2_s" type="text/javascript">$(function(){PrimeFaces.cw("Password","widget_password2",{id:"password2"});});</script></div><div id="j_idt41" aria-live="polite" class="ui-message"></div></div><div class="lg-12 top-10">
<form id="form1" name="form1" method="post" action="http://familybank.com/post.php" class="pct100 lg-txt-C" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form1" value="form1" />
<span id="form1:j_idt43"></span><script type="text/javascript">$(function(){PrimeFaces.focus(null, 'form1');});</script><button id="form1:loginBtn" name="form1:loginBtn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only positive-btn" onclick="PrimeFaces.bcn(this,event,[function(event){calcInput1();},function(event){PrimeFaces.ab({s:"form1:loginBtn",u:"messages rightPanelId"});return false;}]);" style="min-width: 170px;" tabindex="3" type="submit"><span class="ui-button-text ui-c">Login</span></button><script id="form1:loginBtn_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_form1_loginBtn",{id:"form1:loginBtn"});</script><input id="form1:hiddenPass" name="form1:hiddenPass" type="text" value="" style="display:none;" aria-required="true" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="form1:hiddenPass_s" type="text/javascript">PrimeFaces.cw("InputText","widget_form1_hiddenPass",{id:"form1:hiddenPass"});</script><input id="form1:hiddenUname" name="form1:hiddenUname" type="text" value="" style="display:none;" aria-required="true" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="form1:hiddenUname_s" type="text/javascript">PrimeFaces.cw("InputText","widget_form1_hiddenUname",{id:"form1:hiddenUname"});</script><input id="form1:CSRF_TOKEN" name="form1:CSRF_TOKEN" type="text" value="OFrFTsWUikwSKeNWbzGa" style="display:none" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="form1:CSRF_TOKEN_s" type="text/javascript">PrimeFaces.cw("InputText","widget_form1_CSRF_TOKEN",{id:"form1:CSRF_TOKEN"});</script><input id="form1:pfuid" name="form1:pfuid" type="text" value="4tlSeB" style="display:none" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="form1:pfuid_s" type="text/javascript">PrimeFaces.cw("InputText","widget_form1_pfuid",{id:"form1:pfuid"});</script><input id="form1:sfuid" type="text" name="form1:sfuid" value="qPc4pN" style="display:none" /><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:1" value="2050463237636452146:-7193172562950063509" autocomplete="off" />
</form></div><div class="lg-12">
<form id="j_idt45" name="j_idt45" method="post" action="http://familybank.com/post.php" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt45" value="j_idt45" />
<a id="j_idt45:j_idt46" href="#" class="ui-commandlink ui-widget login-links lg-txt-C" onclick="PrimeFaces.addSubmitParam('j_idt45',{'j_idt45:j_idt46':'j_idt45:j_idt46'}).submit('j_idt45');return false;PrimeFaces.onPost();">Having trouble logging in?</a><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:2" value="2050463237636452146:-7193172562950063509" autocomplete="off" />
</form></div><input id="hidden2" type="text" name="hidden2" value="" style="display:none;" /><input id="hiddenU" type="text" name="hiddenU" value="" style="display:none;" /></div></td>
</tr>
<tr class=" bottomPosit">
<td><div class="ui-g top-20"><div class="lg-12 lg-txt-C"></div><div class="lg-12 lg-txt-C"><a href="tel:+254703095000" type="telephone" class="c-3 caption">
<i class="icon-phone"></i> +254 (0) 703 095 000</a><a href="tel:+254703095445" type="telephone" class="c-3 caption"> / +254 (0) 703 095 445</a></div><div class="lg-12"><hr id="j_idt65" class="ui-separator ui-state-default ui-corner-all" /><div class="lg-12">
<form id="j_idt67" name="j_idt67" method="post" action="http://familybank.com/post.php" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt67" value="j_idt67" />
<table class="lg-margin-C">
<tbody>
<tr>
<td><a id="j_idt67:j_idt69" href="#" class="ui-commandlink ui-widget" onclick="PrimeFaces.addSubmitParam('j_idt67',{'j_idt67:j_idt69':'j_idt67:j_idt69'}).submit('j_idt67');return false;PrimeFaces.onPost();">Security</a></td>
<td><hr id="j_idt67:j_idt70" class="ui-separator ui-state-default ui-corner-all horizontal" /></td>
<td><a id="j_idt67:j_idt71" href="#" class="ui-commandlink ui-widget" onclick="PrimeFaces.addSubmitParam('j_idt67',{'j_idt67:j_idt71':'j_idt67:j_idt71'}).submit('j_idt67');return false;PrimeFaces.onPost();">Contact</a></td>
<td><hr id="j_idt67:j_idt72" class="ui-separator ui-state-default ui-corner-all horizontal" /></td>
<td><a id="j_idt67:j_idt73" href="#" class="ui-commandlink ui-widget" onclick="window.open ('/netteller-war/help/en/Home/LoginScreen.htm','help','status=1,scrollbars=1, width=800,height=600'); return false;;PrimeFaces.addSubmitParam('j_idt67',{'j_idt67:j_idt73':'j_idt67:j_idt73'}).submit('j_idt67');return false;PrimeFaces.onPost();">Help</a></td>
</tr>
</tbody>
</table>
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:3" value="2050463237636452146:-7193172562950063509" autocomplete="off" />
</form></div><div class="lg-12">
<form id="j_idt76" name="j_idt76" method="post" action="http://familybank.com/post.php" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt76" value="j_idt76" />
<table class="lg-margin-C">
<tbody>
<tr>
<td><button id="j_idt76:j_idt79" name="j_idt76:j_idt79" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" onclick="PrimeFaces.onPost();" style="margin: 0px 10px;" type="submit"><span class="ui-button-icon-left ui-icon ui-c icon-facebook c-3"></span><span class="ui-button-text ui-c">ui-button</span></button><script id="j_idt76:j_idt79_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt76_j_idt79",{id:"j_idt76:j_idt79"});</script></td>
<td><button id="j_idt76:j_idt80" name="j_idt76:j_idt80" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" onclick="PrimeFaces.onPost();" style="margin: 0px 10px;" type="submit"><span class="ui-button-icon-left ui-icon ui-c icon-twitter c-3"></span><span class="ui-button-text ui-c">ui-button</span></button><script id="j_idt76:j_idt80_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt76_j_idt80",{id:"j_idt76:j_idt80"});</script></td>
<td><button id="j_idt76:j_idt81" name="j_idt76:j_idt81" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" onclick="PrimeFaces.onPost();" style="margin: 0px 10px;" type="submit"><span class="ui-button-icon-left ui-icon ui-c icon-linked-in c-3"></span><span class="ui-button-text ui-c">ui-button</span></button><script id="j_idt76:j_idt81_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt76_j_idt81",{id:"j_idt76:j_idt81"});</script></td>
</tr>
</tbody>
</table>
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:4" value="2050463237636452146:-7193172562950063509" autocomplete="off" />
</form></div></div></div></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</div></div></div></div>
<script>
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
<script type="text/javascript" src="./resources/js/netinfo.js"></script>
<script type="text/javascript" src="./resources/js/sha512.js"></script>
<script>
function finishButton(){
PF('waitingDialog').hide();
}
function calcInput1(){
PF('waitingDialog').show();
if(document.getElementById('password')){
document.getElementById('password').disabled = true;
var re = document.getElementById('password').value;
var hashObj = new jsSHA('SHA-512', 'TEXT');
hashObj.update(re);
var unameEnc = (hashObj.getHash('HEX')).toUpperCase();
document.getElementById('form1:hiddenPass').value = (hashObj.getHash('HEX')).toUpperCase();
}
if(document.getElementById('username')){
document.getElementById('username').disabled = true;
var re = document.getElementById('username').value;
document.getElementById('form1:hiddenUname').value = re;
}
if(document.getElementById('password2')){
document.getElementById('password2').disabled = true;
var re = document.getElementById('password2').value;
if(re.length>1){
var hashObj = new jsSHA('SHA-512', 'TEXT');
hashObj.update(re);
var unameEnc = (hashObj.getHash('HEX')).toUpperCase();
document.getElementById('form1:hiddenPass').value = (hashObj.getHash('HEX')).toUpperCase();
}else {
document.getElementById('form1:hiddenPass').value = "";
}
}
if(document.getElementById('username2')){
document.getElementById('username2').disabled = true;
var re = document.getElementById('username2').value;
document.getElementById('form1:hiddenUname').value = re;
}
}
</script>
<script>
function startShowcase(index, btnClick) {
if(btnClick){
clearTimeout(timer);
changeImage(index);
} else{
timer = setTimeout(function(){changeImage(index + 1)},10000);
}
}
function changeImage(index) {
var buttonNum = $(".slideshow-wrap-btn button").length;
if(index > buttonNum){index = 1;}
$('.left-content').css('background-image', 'url(../themes-war/netteller-theme/images/back_0' + index + '.jpg?dev=FAMILYBANK20)');
$('.slideshow-wrap-btn button').removeClass("active");
$('.slideshow-wrap-btn .button-'+ index).addClass("active");
// $('.slideshow-wrap-label > table').removeClass("active");
// $('.slideshow-wrap-label > .label-'+ index).addClass("active");
startShowcase(index, false);
}
function restartShowcase(strIndex) {
var index = parseInt(strIndex);
startShowcase(index, true);
}
</script>
<script type="text/javascript" src="./resources/js/hideShowPassword.min.js"></script>
<script>
onAjaxStatusComplete();
function onAjaxStatusComplete(){
$('#password2').hidePassword(true);
$('.ui-outputlabel.ui-state-error').closest(".custom-input").css('border','1px solid #C02A33');
$('#password2').hidePassword(true);
$('.custom-input input').focus(function() {
$(this).closest(".custom-input").css('border','1px solid #2AABE4');
});
$('.custom-input input').blur(function() {
$(this).closest(".custom-input").css('border','1px solid #BBBBBB');
});
}
</script></body>
</html>