<?php 
	$this->load->view("partial/header"); 	
?>
<div class='container'>
<!-- <div class='row' > -->
	<div class='col-md-12 heading'>
		<div class='col-md-3'>
		<h3 >Employee</h3>
		</div>
		<div class='col-md-9'>
		<h3  class="text-center">Letters</h3>
		</div>
	</div>
	<div class='col-md-12' >		
		<div class='col-md-3'>
			<img src="" class="profile_pic">
		</div>
		<div class='col-md-9 '>
			<div class="panel panel-default panel-info: hover">
				<div class="panel-body">
					<div class="panel-info">
						<div class='col-md-11 pl-5'>
						<p><strong>Offer Letter</strong></p>
						</div>
						<div class='col-md-1'>
						<button class="btn btn-success btn-xs">View</button>
						</div>
					</div>                
				</div>
			</div>
			<div class="panel panel-default">
			<div class="panel-body">
					<div class="panel-info">
						<div class='col-md-11'>
						<p><strong>Appointment Letter</strong></p>
						</div>
						<div class='col-md-1'>
						<button class="btn btn-success btn-xs">View</button>
						</div>
					</div>                
				</div>
			</div>
			<div class="panel panel-default">
			<div class="panel-body">
					<div class="panel-info">
						<div class='col-md-11'>
						<p><strong>HR Policy</strong></p>
						</div>
						<div class='col-md-1'>
						<button class="btn btn-success btn-xs">View</button>
						</div>
					</div>                
				</div>
			</div>				
		</div>
	</div>
<!-- </div> -->
</div>
<style>
.profile_pic
{
background-image:url('images/noimage.png');
height:200px;
width:180px; 
 border-radius:10px;
}
.heading{
	padding-left:55px;
}

</style>
<?php $this->load->view("partial/footer"); ?>