<!DOCTYPE html>
<html dir="rtl"> <head>
    <meta name="viewport" content="width=device-width">
<link rel="icon" href="<?=base_url()?>favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="<?=base_url()?>assets/uikit/css/uikit-rtl.min.css" />
    <link href="<?php echo base_url();?>assets/uikit/style.css" rel="stylesheet" type="text/css" /> 
    <link href="<?php echo base_url();?>assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" /> 

<script src="<?=base_url()?>assets/js/jquery.js"></script>
<script src="<?=base_url()?>assets/js/uikit.min.js"></script>
<script src="<?=base_url()?>assets/js/uikit-icons.min.js"></script>
    <title><?php echo $title;?></title>
    <?php 
         $head_str[]=null;
         foreach( $head_str as $head){
         	echo $head;
         }
         ?>
		
<style>
			.wrap::before {
				position: absolute;
				height: 100vh;
				width: 100vw;
				content: '';
				z-index: 1;
				  
			}
			
		</style>
</head><body class="uk-light wrap uk-background-norepeat uk-background-cover uk-background-center-center uk-background-secondary" style="background-image: url('<?=soft_image(stt("mktb_front_cover_image"),'cover.jpg')?>')">
		<div class="uk-offcanvas-content">
			<div class="uk-flex uk-flex-center uk-flex-middle uk-height-viewport uk-position-z-index uk-position-relative" data-uk-height-viewport="min-height: 400">
				
				

				<!-- TEXT -->
				<div class="uk-container uk-container-small uk-flex-auto uk-text-center" data-uk-scrollspy="target: > .animate; cls: uk-animation-slide-bottom-small uk-invisible; delay: 300">
					<center><img style='max-width:300px; max-height:300px' src="<?=soft_image(stt("mktb_logo"),'logos/logo_sqr.png')?>"></center>
					<div class="uk-width-4-5@m uk-margin-auto animate uk-invisible">
						<p class=" uk-text-large" style="text-shadow: 2px 1px 20px #000000; background-color: rgba(0,0,0,0.2); color: #fff"><?=$stt['mktb_des']?></p>
					</div>
					<div class="uk-margin-medium-top animate uk-invisible" data-uk-margin data-uk-scrollspy-class="uk-animation-fade uk-invisible">
					<?php if(login()): ?>
						<a class="uk-button uk-button-default uk-button-large uk-width-2-3 uk-width-auto@s" data-uk-icon="arrow-right"  href="<?=site_url('front')?>"><?=lang('front')?></a>
						<a class="uk-button uk-button-primary uk-button-large uk-width-2-3 uk-width-auto@s" data-uk-icon="check"  href="<?=site_url('admin')?>"><?=lang('cp')?></a>
						<?php else: ?>
						
							<?php if($stt['allow_public_browsing']): ?>
								<a class="uk-button uk-button-default uk-button-large uk-width-2-3 uk-width-auto@s" data-uk-icon="arrow-right"  href="<?=site_url('front')?>"><?=lang('browse_without_login')?></a>
						<?php endif ?>
						<a class="uk-button uk-button-primary uk-button-large uk-width-2-3 uk-width-auto@s" data-uk-icon="check"  href="<?=site_url('accounts/log/in')?>"><?=lang('login')?></a>
						<?php endif ?>
					</div>
				</div>
				<!-- /TEXT -->

				<!-- FOOT -->
				<div class="uk-position-bottom-center uk-position-small" style="background-color: rgba(0,0,0,0.5);">
					<span class="uk-text-small uk-text-center">  2005 - <?=date("Y")?> | Created by <a href="https://www.ttwir.com" target="_blank"> Tatweer Team</a></span>
				</div>
				<!-- /FOOT -->

			</div>

			

		</div>
		</body>
		
<?php 
   $foot_str[]=null;
   foreach( $foot_str as $foot){
   	echo $foot;
   }
   ?>
   



</html>