


<div class="content-header">
    <div class="header-section">
        <h1>
            <i class="fa fa-info"></i>Airline Finances<br><small>Administration | <?php echo SITE_NAME?> &copy; <?php echo date("Y"); ?></small>
        </h1>
    </div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block">
			<div class="block-title">
				<?php echo $title;?>
			</div>
			
			<div style="border-radius: 10px;" class="finance">
 <ul style="text-align:center;">
  <li style="border-radius: 10px;" class="tab_selected">Options</li>
  <li style="border-radius: 10px;" class="tab_selected"><a href="#af">Ailrine</a></li>
  <li style="border-radius: 10px;"><a href="#pf">Pilot</a></li>
 </ul>
 <div style="border-radius: 10px;" class="content_holder">
  <div id="af"><?php Template::show('finance/airline_finance.php');?></div>
  <div id="pf"><?php Template::show('finance/pilot_finance.php');?></div>
 </div>
</div>
		</div>
	</div>
</div>
<h3 style="margin-left: 80px; margin-top: 75px;"></h3>
<div style="border: solid 3px; margin-bottom: 35px; padding: 25px; border-radius: 5px;" class="container">
<link type="text/css" rel="stylesheet" href="http://onlinehtmltools.com/tab-generator/skins/skin6/left.css"></script>

<script type="text/javascript" src="http://onlinehtmltools.com/tab-generator/skinable_tabs.min.js"></script>
<script type="text/javascript">
$('.finance').skinableTabs({
    effect: 'simple_fade',
    skin: 'skin6',
    position: 'left'
  });
</script>
</div>