CINXE.COM
丕賱丿禺賵賱 丕賱賲賵丨丿 賱兀賳馗賲丞 丕賱兀賲丕賳丞
<!DOCTYPE html> <html lang="ar-sa"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Tell the browser to be responsive to screen width --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <!-- Favicon icon --> <link rel="icon" type="image/x-icon" sizes="16x16" href="/Eportal/template/dist/images/favicon.ico"> <title>丕賱丿禺賵賱 丕賱賲賵丨丿 賱兀賳馗賲丞 丕賱兀賲丕賳丞</title> <!-- Select2 CSS --> <link href="/Eportal/template/assets/node_modules/select2/dist/css/select2.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="/Eportal/template/dist/css/style.css" rel="stylesheet"> <!-- Toast CSS --> <link href="/Eportal/template/assets/node_modules/toast-master/css/jquery.toast.css" rel="stylesheet"> <link href="/Eportal/template/dist/css/pages/login-register-lock.css" rel="stylesheet"> <link href="/Eportal/template/assets/node_modules/toast-master/css/jquery.toast.css" rel="stylesheet"> <style> @media all and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .iamImgWidth200 { width: 200px !important } .iamImgWidth400 { width: 400px !important } } </style> <style> .page-wrapper, .footer { margin-left: 0px; margin-right: 0px; } .mini-sidebar .page-wrapper, .mini-sidebar .footer { margin-left: 0px; margin-right: 0px; } /*! // 3. Loader // --------------------------------------------------*/ .loaderUrl { top: 0; left: 0; position: fixed; opacity: 0.8; z-index: 10000000; background: Black; height: 100%; width: 100%; margin: auto; } .strip-holder { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50%; margin-left: -50px; position: relative; } .strip-1, .strip-2, .strip-3 { width: 20px; height: 20px; background: #157070; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } .strip-2 { -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: #00c292; } .strip-3 { -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: #91ffe4; } @-webkit-keyframes stripMove { 0% { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); } 50% { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: scale(4, 1); -webkit-transform: scale(4, 1); -moz-transform: scale(4, 1); } 100% { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0px, 0px); -moz-transform: translate3d(-50px, 0px, 0px); } } @-moz-keyframes stripMove { 0% { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0px, 0px); -moz-transform: translate3d(-50px, 0px, 0px); } 50% { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: scale(4, 1); -webkit-transform: scale(4, 1); -moz-transform: scale(4, 1); } 100% { transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0px, 0px); -moz-transform: translate3d(50px, 0px, 0px); } } @keyframes stripMove { 0% { transform: translate3d(-50px, 0px, 0px); -webkit-transform: translate3d(-50px, 0px, 0px); -moz-transform: translate3d(-50px, 0px, 0px); } 50% { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: scale(4, 1); -webkit-transform: scale(4, 1); -moz-transform: scale(4, 1); } 100% { transform: translate3d(50px, 0px, 0px); -webkit-transform: translate3d(50px, 0px, 0px); -moz-transform: translate3d(50px, 0px, 0px); } } /* --------------------------------------------------*/ </style> </head> <body class="skin-megna fixed-layout"> <!-- ============================================================== --> <!-- Preloader - style you can find in spinners.css --> <!-- ============================================================== --> <div class="preloader"> <div class="loader"> <div class="strip-1"></div> <div class="strip-2"></div> <div class="strip-3"></div> <p class="loader__label text-success" style="font-size:14px">(丕賱乇噩丕亍 丕賱丕賳鬲馗丕乇)</p> <p class="loader__label text-success" style="font-size:18px">兀賲丕賳丞 丕賱毓丕氐賲丞 丕賱賲賯丿爻丞</p> </div> </div> <div class="loaderUrl" id="loaderUrl" style="display:none;"> <div class="loader"> <div class="strip-1"></div> <div class="strip-2"></div> <div class="strip-3"></div> <p class="loader__label text-success" style="font-size:14px">(丕賱乇噩丕亍 丕賱廿賳鬲馗丕乇)</p> <p class="loader__label text-success" style="font-size:18px">兀賲丕賳丞 丕賱毓丕氐賲丞 丕賱賲賯丿爻丞</p> </div> </div> <!-- ============================================================== --> <!-- Main wrapper - style you can find in pages.scss --> <!-- ============================================================== --> <div id="main-wrapper"> <!-- ============================================================== --> <!-- End Topbar header --> <!-- ============================================================== --> <!-- ============================================================== --> <header class="topbar"> <nav class="navbar top-navbar navbar-expand-md navbar-dark"> <!-- ============================================================== --> <!-- Logo --> <!-- ============================================================== --> <div class="navbar-header"> <a class="navbar-brand" href="/Eportal/Home"> <!-- Logo icon --> <!-- Logo icon --> <b> <!--You can put here icon as well // <i class="wi wi-sunset"></i> //--> <!-- dark Logo text --> <img src="/Eportal/template/dist/images/logo-no-txt.png" alt="homepage" class="dark-logo" /> <!-- Light Logo text --> <img src="/Eportal/template/dist/images/logo-no-txt.png" class="light-logo" alt="homepage" /> </b> <!--End Logo icon --> <!-- Logo text --> <span> <!-- Dark Logo icon --> <img src="/Eportal/template/dist/images/darkLogo.png" style="width:100%;height:100%;" alt="homepage" class="dark-logo" /> <!-- Light Logo icon --> <img src="/Eportal/template/dist/images/whitelogo.svg" style="width:100%;height:100%;" alt="homepage" class="light-logo" /> </span> </a> </div> <!-- ============================================================== --> <!-- End Logo --> <!-- ============================================================== --> <div class="navbar-collapse"> <!-- ============================================================== --> <!-- toggle and nav items --> <!-- ============================================================== --> <ul class=" mr-auto"> <!-- This is --> <!-- ============================================================== --> <li class="nav-item md" style="list-style: none;padding-top: 20px;"> <h3 class="text-white"><i class=""></i>丕賱丿禺賵賱 丕賱賲賵丨丿 賱兀賳馗賲丞 丕賱兀賲丕賳丞</h3> </li> </ul> <!-- ============================================================== --> <!-- User profile and search --> <!-- ============================================================== --> <ul class="navbar-nav my-lg-0"> <!-- ============================================================== --> <!-- ============================================================== --> <li><img src="/Eportal/template/dist/images/vision-2030-white.svg" alt="homepage" class="dark-logo p-r-25" /></li> </ul> </div> </nav> </header> <!-- ============================================================== --> <!-- End Topbar header --> <!-- ============================================================== --> <!-- Page wrapper --> <!-- ============================================================== --> <div class="page-wrapper"> <!-- ============================================================== --> <!-- Container fluid --> <!-- ============================================================== --> <div class="container-fluid"> <div class="row justify-content-md-center align-items-center mt-5"> <div class="col-12 col-md-4"> <div class="card" style="min-height:485px"> <div class="card-header bg-primary"> <h4 class="mb-0 text-white">丕賱丿禺賵賱 毓亘乇 丨爻丕亘 賲賳爻賵亘賷 丕賱兀賲丕賳丞</h4> </div> <div class="card-body"> <h4 class="card-title d-flex justify-content-center">賳賲賵匕噩 鬲爻噩賷賱 丿禺賵賱 賲賳爻賵亘賷 丕賱兀賲丕賳丞</h4> <div class="form-group"> <div class="row justify-content-center"> <div class="col-md-8 input-group "> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon11"><i class="ti-user"></i></span> </div> <input type="text" class="form-control" placeholder="丕爻賲 丕賱賲爻鬲禺丿賲" tabindex="1" aria-label="User" id="User" name="User" required /> <div class="invalid-feedback"> 賷噩亘 鬲毓亘卅丞 丕賱丨賯賱 </div> </div> </div> </div> <div class="form-group"> <label class="d-flex justify-content-center">賰賱賲丞 丕賱賲乇賵乇</label> <div class="row justify-content-center"> <div class=" col-md-8 input-group "> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon33"><i class="ti-lock"></i></span> </div> <input type="password" class="form-control" tabindex="2" placeholder="賰賱賲丞 丕賱賲乇賵乇" aria-label="Pass" name="Pass" id="Pass" required /> <div class="invalid-feedback"> 賷噩亘 鬲毓亘卅丞 丕賱丨賯賱 </div> </div> </div> </div> <input type="hidden" name="sysid" value="9" /> <div class="row justify-content-center"> <div class="col-xs-12"> <button id="BtnSubmit" type="submit" tabindex="4" class="btn btn-cyan">鬲爻噩賷賱 丕賱丿禺賵賱</button> </div> </div> </div> </div> </div> <div class="col-12 col-md-4"> <form method="post" action="https://wsrv.holymakkah.gov.sa/cs/_iam/IAMLogin.aspx"> <div class="card" style="min-height:485px"> <div class="card-header bg-primary"> <h4 class="mb-0 text-white">丕賱丿禺賵賱 毓亘乇 賳賮丕匕</h4> </div> <div class="card-body text-center"> <div class="row align-items-center justify-content-md-center " style="min-height: 384px;"> <div class="col-md-12"> <h4 class="card-title">賳賲賵匕噩 鬲爻噩賷賱 丕賱丿禺賵賱 亘丕爻鬲禺丿丕賲 丕賱賳賮丕匕 丕賱賵胤賳賷 丕賱賲賵丨丿</h4> <img class="col-md-4 iamImgWidth200" src="/Eportal/template/assets/images/nafad_logo.png" alt="賳賮丕匕"> <img class="col-md-9 iamImgWidth400" src="/Eportal/template/assets/images/nic.png" alt="賲乇賰夭 丕賱賲毓賱賵賲丕鬲 丕賱賵胤賳賷"> </div> <div class="col-md-12"> <input type="hidden" name="ReturnHome" value="1" /> <button type="submit" class="btn btn-cyan">丨爻丕亘 兀亘卮乇</button> </div> </div> </div> </div> </form> </div> </div> <div id="VerificationModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header bg-cyan"> <h4 class="modal-title text-white"> 乇賲夭 丕賱鬲賮毓賷賱 </h4> <div class="text-left"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">脳</button></div> </div> <form action="/Eportal/Authentication/validate" method="post"> <div class="modal-body m-10 p-10"> <div class="form_control"> 丕賱乇噩丕亍 廿丿禺丕賱 丕賱乇賲夭 丕賱賲乇爻賱 賲賳 賵夭丕乇丞 丕賱卮丐賵賳 丕賱亘賱丿賷丞 賵丕賱賯乇賵賷丞 賵丕賱丕爻賰丕賳</div> <br /> <input type="text" name="Vcode" id="Vcode" pattern="\d+" class="form-control col-4 border-danger" maxlength="4" required /> <br /><br /> <input type="submit" value="廿乇爻丕賱 " /> </div> </form> </div> </div> </div> </div> <!-- ============================================================== --> <!-- End Container fluid --> <!-- ============================================================== --> </div> <!-- ============================================================== --> <!-- End Page wrapper --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- footer --> <!-- ============================================================== --> <footer class="footer"> <center> 噩賲賷毓 丕賱丨賯賵賯 賲丨賮賵馗丞 © 2024 賱賭 兀賲丕賳丞 丕賱毓丕氐賲丞 丕賱賲賯丿爻丞 </center> </footer> <!-- ============================================================== --> <!-- End footer --> <!-- ============================================================== --> </div> <!-- ============================================================== --> <!-- End Wrapper --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- All Jquery --> <!-- ============================================================== --> <script src="/Eportal/template/assets/node_modules/jquery/jquery-3.6.0.min.js"></script> <!-- Bootstrap tether Core JavaScript --> <script src="/Eportal/template/assets/node_modules/popper/popper.min.js"></script> <script src="/Eportal/template/assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <!-- slimscrollbar scrollbar JavaScript --> <script src="/Eportal/template/dist/js/perfect-scrollbar.jquery.min.js"></script> <!--Wave Effects --> <script src="/Eportal/template/dist/js/waves.js"></script> <!--Menu sidebar --> <!--Custom JavaScript --> <script src="/Eportal/template/dist/js/custom.js"></script> <!--Toast Js --> <script src="/Eportal/template/assets/node_modules/toast-master/js/jquery.toast.js"></script> <script src="/Eportal/template/dist/js/pages/toastr.js"></script> <script> /////////////////////////////////// $('.ClickUrl').click(function (e) { $("#loaderUrl").show(); // do your UI thing here e.preventDefault(); var destination = this.href; setTimeout(function () { window.location = destination; }, 10); //$('<iframe>').hide().appendTo('body').load(function () { // window.location = destination; //}).attr('src', destination); }); </script> <script src="/Eportal/template/dist/js/CustomFunctions/ValidationFunctionsWithOutAlert.js"></script> <script src="/Eportal/template/dist/js/promise.min.js"></script> <script src="/Eportal/template/assets/node_modules/sweetalert/sweetalert.min.js"></script> <script> if (window.history.replaceState) { window.history.replaceState(null, null, 'Login'); } </script> <script> $("#BtnSubmit").click(function (e) { e.preventDefault(); var User = $('#User').val(); var Pass = $('#Pass').val(); $.ajax({ type: "POST", url: '/Eportal/Authentication/Login', data: { User: User, Pass: Pass}, DataType:"json", success: function (data) { if (data.Code == 200) { //$("textarea#txtloadData").val(data.foo); $('#VerificationModal').modal('show'); } else { window.location = window.location.href; } }, error: function (str) { alert("failed"); } }); }); </script> </body> </html>