<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Verifikasi Letter of Acceptance IEL-Education">
    <meta name="author" content="iel-education.org">
	
	<!-- App Favicon -->
    <link rel="shortcut icon" href="<?php echo base_url();?>assets_home/img/suratmasuk.png">
	
	<!-- App title -->
    <title>Aplikasi Letter of Acceptance</title>
	
	<!-- css -->
	<link href="<?php echo base_url();?>assets_home/css/bootstrap.min.css" rel="stylesheet" />
	<link href="<?php echo base_url();?>assets_home/css/flexslider.css" rel="stylesheet" media="screen" />
	<link href="<?php echo base_url();?>assets_home/css/cubeportfolio.min.css" rel="stylesheet" />
	<link href="<?php echo base_url();?>assets_home/css/style.css" rel="stylesheet" />
    <!-- bootstrap & fontawesome -->
   <link rel="stylesheet" href="<?php echo base_url();?>assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<?php echo base_url();?>assets/font-awesome/4.2.0/css/font-awesome.min.css" />


	<!-- Theme skin -->
	<link id="t-colors" href="<?php echo base_url();?>assets_home/css/default.css" rel="stylesheet" />

	<!-- boxed bg -->
	<link id="bodybg" href="" rel="stylesheet" type="text/css" />
	
	<!-- SweetAlert -->
	<script src="<?php echo base_url();?>assets_home/js/sweetalert.min.js" type="text/javascript" ></script>
	<link href="<?php echo base_url();?>assets_home/css/sweetalert.css" rel="stylesheet" type="text/css">

</head>

<body>

	<div id="wrapper">
	<!-- start header -->	<header>
		<div class="navbar navbar-default navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
					<a class="navbar-brand" href="./"><img src="<?php echo base_url();?>assets/img/head.png" alt=""  /></a>
				</div>
				<div class="navbar-collapse collapse ">
					<ul class="nav navbar-nav">
						<li><a href="<?php echo base_url();?>">Home</a></li>
                        <li><a href="<?php echo base_url();?>">Verification LoA</a></li>
                        <li><a href="<?php echo base_url();?>chome/sert">Cari LoA</a></li>
						<!--<li class="dropdown">
							<a href="#" class="dropdown-toggle " data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">Cari Letter of Acceptance <i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu">
                                <li><a href="#">Sebelum Tahun 2020</a></li>
                                <li><a href="#">Setelah Tahun 2020</a></li>
							</ul>
						</li>-->
						<li><a href="<?php echo base_url();?>login/user">Login</a></li>
					</ul>
				</div>
			</div>
		</div>
	</header>
	<!-- end header -->
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl.transitions.css">	
		<section id="inner-headline">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<ul class="breadcrumb">
							<li><a href="./"><i class="fa fa-home"></i> Home</a><i class="icon-angle-right"></i></li>
							<li class="active">Verify Letter of Acceptance</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		
        
       
        
        <section id="content">
			<div class="container">
            <?php echo '<div class="pesan">'.$this->session->flashdata('message').'</div>';?>
				
                    
                    <?php if (isset($search)){ echo  $this->load->view($search); }?>
                    <?php if (isset($result)){ echo  $this->load->view($result); }?>    
				
			</div>
		</section>
		
		
		<section id="content">
			<!-- divider -->
			<hr class="colorgraph" style="margin-top: 5px;" />
			<!-- end divider -->
		
			<!-- clients -->
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<h4 class="heading">Kontak</h4>
						<div id="owl-demo" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
							<div class="owl-item client">
								<div align="left">
                                <div class="col-md-6 col-xs-6">
                                    <i class="fa fa-bank"></i> Dr. Safaruddin<br> 
                                    <i class="fa fa-map-marker"></i> Surabaya, Jawa Timur<br>
                                    <i class="fa fa-phone"></i> +628113212014<br> 
                                    <i class="fa fa-whatsapp"></i> +628113212014 <br> 
                                    <i class="fa fa-globe"></i> <a href="https://www.mitrakuliah.com/">mitrakuliah.com</a><br>  
                                </div>
                                </div>
							</div>
							
						</div>

						<div class="owl-controls clickable">
							<div class="owl-pagination"></div>
						</div>
					</div>
				</div>
			</div>

		</section>
	</div>
	<a href="#" class="scrollup" style="bottom: 45px;"><i class="fa fa-angle-up active"></i></a>

	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://etraining.seamolec.org/assets/js/jquery.min.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/modernizr.custom.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/jquery.easing.1.3.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/bootstrap.min.js"></script>
	<script src="http://etraining.seamolec.org/assets/plugins/flexslider/jquery.flexslider-min.js"></script>
	<script src="http://etraining.seamolec.org/assets/plugins/flexslider/flexslider.config.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/jquery.appear.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/stellar.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/classie.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/uisearch.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/jquery.cubeportfolio.min.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/google-code-prettify/prettify.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/animate.js"></script>
	<script src="http://etraining.seamolec.org/assets/js/custom.js"></script>

</body>
</html>

	<!--- MENU BAWAH -->
	<footer>
		<div id="sub-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-6">
						<div class="copyright">
						<a href="https://www.youtube.com/SarthiMedia"><p>&copy; Safaruddin - 2021</p></a>
						</div>
					</div>
					<div class="col-lg-6">
						<ul class="social-network">
							<li><a href="https://www.facebook.com/sarthyfamily" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
							<li><a href="https://www.youtube.com/SarthiMedia" data-placement="top" title="Youtube"><i class="fa fa-youtube"></i></a></li>
							<li><a href="https://www.instagram.com/callforpapers_id/" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a></li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>

		<style type="text/css">
	        .WA {
	            width: 35px;
	            height: 35px;
	            position: fixed;
	            right: 18.5px;
	            z-index: 99;
	            cursor: pointer;
	            border-radius: 10px;
	            transition: all .5s;
	            background: url(../assets/img/icon/icon_wa.png);
                background-size: 35px 35px, cover;
                background-repeat: no-repeat;
	        }

	        a.WA:hover {
	            background: #fff url(../assets/img/icon/icon_wa.png);
                background-size: 35px 35px, cover;
                background-repeat: no-repeat;
	        }

	        
	    </style>

	    <a href="https://wa.me/628113212014?text=HELP#  Saya mau tanya .................." target="_blank" class="WA" title="Chat CS IEL Education via WhatsApp" data-toggle="tooltip" data-placement="left" style="bottom: 5px" data-original-title="Chat to  Admin via WhatsApp"></a>
	  
        <style>
	.pesan{
	display: none;
	width: 100%;
	}
	</style>
	<script src="<?php echo base_url();?>resource/js/jquery.min.js"></script>
		<script>
		//angka 500 dibawah ini artinya pesan akan muncul dalam 0,5 detik setelah document ready
				$(document).ready(function(){setTimeout(function(){$(".pesan").fadeIn('slow');}, 500);});
		//angka 3000 dibawah ini artinya pesan akan hilang dalam 3 detik setelah muncul
			setTimeout(function(){$(".pesan").fadeOut('slow');}, 7000);
	</script>
	</footer>