<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ARS</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	
	<link rel="shortcut icon" href="<?php echo ASSETS_URL;?>images/Logo-ESQMPP-02.png" type="image/x-icon" />
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>plugins/bootstrap-dialog/bootstrap-dialog.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>font-awesome/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>ionicons/css/ionicons.min.css">
    <!-- JQueryUI -->
	<link href="<?php echo ASSETS_URL;?>plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <!-- Theme style -->
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>AdminLTE/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>AdminLTE/css/skins/_all-skins.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Source Javascript -->
    <!-- jQuery 2.1.4 -->
    <script src="<?php echo ASSETS_URL;?>plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<script src="<?php echo ASSETS_URL;?>plugins/jQueryUI/jquery-ui-1.10.4.custom.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="<?php echo ASSETS_URL;?>bootstrap/js/bootstrap.min.js"></script>
    <script src="<?php echo ASSETS_URL;?>plugins/bootstrap-dialog/bootstrap-dialog.min.js"></script>
    <!-- SlimScroll -->
    <script src="<?php echo ASSETS_URL;?>plugins/slimScroll/jquery.slimscroll.min.js"></script>

	<script src="<?php echo ASSETS_URL;?>plugins/form/jquery.validate.js"></script>
	<script src="<?php echo ASSETS_URL;?>plugins/form/jquery.form.js"></script>
	<link rel="stylesheet" href="<?php echo ASSETS_URL;?>plugins/select2/select2.min.css" type="text/css"/>
	<script src="<?php echo ASSETS_URL;?>plugins/select2/select2.min.js"></script>

	<link rel="stylesheet" href="<?php echo ASSETS_URL;?>plugins/iCheck/square/blue.css" type="text/css"/>
	<script src="<?php echo ASSETS_URL;?>plugins/iCheck/icheck.min.js"></script>

	<script src="<?php echo ASSETS_URL;?>plugins/jquery.anystretch.min.js"></script>
	<script src="<?php echo ASSETS_URL;?>plugins/jquery.wizard.js"></script>

	<style type="text/css">
		#ubah ol { font-size:12pt;}
		body {
		    background: #ffffff url("<?php echo ASSETS_URL;?>images/background_mpp.jpg") repeat right top;
		}
	</style>
  </head>
	<body style="overflow: visible;">
		<div class="wrapper">
			<div class="container">
				<div class="row" align="center" style="margin:7.5px 0px">
					<div id="logo" class="col-md-12">
<!--
						<img width="355" height="135" data-retina="true" alt="Logo" src="<?php echo ASSETS_URL;?>images/logo_mpp.png">
-->
						<h1 style="font-size:30pt;color:#fff;font-weight:bold">
							ESQ MPP - MASA PERSIAPAN PENSIUN<br/>
							ANXIETY RATING SCALE (ARS) ASSESMENT
						</h1>
					</div>
					
				</div> <!-- end row -->
			</div> <!-- ./container -->
			
			<section class="container" > <!-- start review container -->
				<div class="row">
					<div class="col-md-12">
						<div class="box box-solid bg-navy box-ubah">
<!--
							<div class="box-header" align="center">
								<h3 class="box-title">BOIDATA</h3>
							</div>  <!-- ./box-header -->
							
							<div class="box-body" id="example-1">
								<p class="lead">
									<b>ESQ MPP – Masa Persiapan Pensiun</b>, merupakan bagian dari <b>ESQ Group</b>.<br/>
									<b>ESQ MPP – Masa Persiapan Pensiun</b>  fokus pada program pelatihan dan konsultasi yang berhubungan dengan Masa Persiapan Pensiun. Kami merancang program, layanan dan metode pelatihan secara komprehensif dengan pendekatan <b>SQ</b>, <b>EQ</b> dan <b>IQ</b>.
									<br/><br/>

									<b>Anxiety Rating Scale ( ARS )</b> merupakan sebuah aplikasi dari <b>ESQ MPP</b> untuk mengukur tingkat kesiapan pensiun bagi para pegawai yang sudah puluhan tahun berjasa bagi perusahaan / intansi.  Sehingga program pembekalan masa persiapan pensiun menjadi sangat berguna, efektif dan terukur.
									<br/><br/>
									<b>Anxiety Rating Scale ( ARS )</b> membantu mengukur : 
									<ol class="lead">
										<li>Kesiapan pegawai menghadapi pensiun</li>
										<li>Tingkat kecemasan dalam menghadapi pensiun</li>
										<li>Tipe Rencana Pensiun yang diharapkan</li>
										<li>Sumber penyebab Kecemasan dalam menghadapi pensiun</li>
									</ol>
								</p>
								<p class="lead">
									Semoga dengan <b>Anxiety Rating Scale ( ARS ) Assessment</b> akan membantu Bapak/Ibu mendapatkan
									pembekalan training masa persiapan pensiun yang tepat. 
									<br/><br/>
									<b>Salam Pensiun Bermakna</b>
									<br/><br/><br/><br/>
									<a href="http://www.esqmpp.com/" target="blank">www.esqmpp.com</a>

								</p>
							</div>  <!-- ./box-body -->

							<div class="box-foot" align="center">
								<button class="btn btn-default btn-lg" id="lanjut">Lanjut !! <i class="fa fa-fw fa-angle-double-right"></i></button>
								<br/>
								<br/>
							</div>  <!-- ./box-foot -->
							
						</div>  <!-- ./box -->
					</div>  <!-- ./col -->
				</div>  <!-- ./row -->
			</section>	 <!-- ./container -->
		</div> <!-- ./wrapper -->
		
<script type="text/javascript">
$(document).ready(function(){
		$(this).prop('disabled', true);
		//$("#submit-button i").attr('class','fa fa-cog fa-spin fa-1x fa-fw'); 
	$("#lanjut").click(function(e){
		$(this).prop('disabled', true);
		$("#lanjut i").attr('class','fa fa-cog fa-spin fa-1x fa-fw'); 
		$.get('<?php echo site_url('c/lanjut/'.$this->uri->segment(2));?>',function(e){
				if(e.msg == 'ok')
				{
					window.location.reload();
				}
				else
				{
					$('#lanjut').removeAttr('disabled');
					$("#lanjut i").attr('class','fa fa-fw fa-angle-double-right');					
				}
			},'json');
	});
})
</script>		
	</body>  
</html>  
