<!--Import materialize.css  -->
      <link type="text/css" rel="stylesheet" href="external/materialize/css/materialize.min.css"  media="screen,projection"/>
 <!--JavaScript at end of body for optimized loading  -->
      <script type="text/javascript" src="external/materialize/js/materialize.min.js"></script>
	  
<?php

// session_start();
						// $_SESSION['id'] = $row['emp_no'];
						// $_SESSION['type'] = $row['account'];
						// $_SESSION['user_id'] = $row['national_id'];
						// $_SESSION['user_email'] = $row['email'];
	
	if(isset($_SESSION['id'])){
		if($_SESSION['status']===1){
			$user_id=$_SESSION['id'];
			
			
		}else{
			
			header("location:index.html");
		}
		
		
	}else{
		header("location:index.html");
		
	}
	include("header.html");
?>
<div class="w3-container w3-center" style='padding:0px'>    
  <div class="w3-row">
  
    <div class="w3-col m3 " style='padding:5px'>
	    <div class="w3-container w3-padding w3-round w3-pink w3-margin-bottom">
        <span onclick="this.parentElement.style.display='none'" class="w3-closebtn" style='font-size:16px'>&times;</span>
        <p class=''style='font-size:14px'>Welcome to STEAM Education Staff Portal.</p>
      </div>
      
	  <div class="w3-card-2 w3-round w3-white">
        <div class="w3-container">
		<br>
          <img src="images/img_avatar.jpg" alt="Cinque Terre" style="width:100%;max-height:300px">
          <p><strong>James Masinde</strong></p>
          <p>Web developer</p>
          <p><button class="w3-btn">Info</button></p>
        </div>
      </div>
      <br>


    </div>
	
    <div class="w3-col m7 " style='padding:0px'>
    
          <div class="w3-card-2 w3-round w3-white " style='padding:0px'>
		
            <div class="w3-container w3-padding w3-left-align" >
                <div class=''>Post</div>
			  	<form>
				
				  <textarea class="materialize-textarea" placeholder="Write Your post here " required></textarea>
				  <br>
				  <button type="submit" class="w3-section w3-btn w3-theme w3-round">Submit</button>
				<div class="file-field input-field w3-btn w3-right w3-purple"><span>Picture</span><input type="file" class="file-path validate"></div>
				  <br>
				</form> 
            </div>
       </div><br>
      
	  <div class="w3-container w3-left-align w3-white w3-card-2" style=''>
		  <h6 class="w3-opacity">MY RECENT POSTS</h6>
		  
		  <div class="w3-container " style='padding:0px'>
			  <hr>
			  <h2>I Love Food</h2>
			  <h5><i class="fa fa-clock-o"></i> Posted by Jane Dane, Sep 27, 2015.</h5>
			  <p class="w3-small">Tags: <span class="w3-tag w3-small w3-red">Food</span> <span class="w3-tag w3-small w3-blue">Passion</span></p>
			  <p>Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	     </div>
		  <div class="w3-container " style='padding:0px'>
			  <hr>
			  <h2>I Love Food</h2>
			  <h5><i class="fa fa-clock-o"></i> Posted by Jane Dane, Sep 27, 2015.</h5>
			  <p class="w3-small">Tags: <span class="w3-tag w3-small w3-red">Food</span> <span class="w3-tag w3-small w3-blue">Passion</span></p>
			  <p>Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			  <br><br>
	     </div>
		 
	  </div>
	
    </div>
    <div class="w3-col m2 w3-padding">

      <br>
      <div class="w3-card-2 w3-round w3-white w3-padding-16">
        <p>ADS</p>
      </div>
	  <br>
	  <div class="w3-card-2 w3-round w3-white w3-padding-16">
        <p>ADS</p>
      </div>
	  <br>
    </div>
  </div>
</div>

<?php
include("footer.html");
?>


