<?php
session_start ();
include "includes/database.php";


?>

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

<head>
  <meta charset="utf-8">
  <title>Blood Donation System</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Your page description here" />
  <meta name="author" content="" />

  <!-- css -->
  <link href="css/bootstrap.css" rel="stylesheet" />
  <link href="css/bootstrap-responsive.css" rel="stylesheet" />
  <link href="css/prettyPhoto.css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

  <!-- Theme skin -->
  <link id="t-colors" href="color/default.css" rel="stylesheet" />

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png" />
  <link rel="shortcut icon" href="ico/favicon.png" />

  <!-- =======================================================
    Theme Name: Remember
    Theme URL: https://bootstrapmade.com/remember-free-multipurpose-bootstrap-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
  ======================================================= -->
</head>

<body>

  <div id="wrapper">
    <!-- start header -->
    <header>
      <div class="top">
        <div class="container">
          <div class="row">
            <div class="span6">
              <ul class="topmenu">
                <li><a href="#">Home</a> &#47;</li>
                <li><a href="#">Terms</a> &#47;</li>
                <li><a href="#">Privacy policy</a></li>
              </ul>
            </div>
            <div class="span6">

              <ul class="social-network">
                <li><a href="https://www.facebook.com/" target="_blank" data-placement="bottom" title="Facebook"><i class="icon-circled icon-bglight icon-facebook"></i></a></li>
                <li><a href="https://twitter.com/" target="_blank" data-placement="bottom" title="Twitter"><i class="icon-circled icon-bglight icon-twitter"></i></a></li>
                <li><a href="https://www.linkedin.com/" target="_blank" data-placement="bottom" title="Linkedin"><i class="icon-circled icon-linkedin icon-bglight"></i></a></li>
                <li><a href="https://www.pinterest.com/" target="_blank" data-placement="bottom" title="Pinterest"><i class="icon-circled icon-pinterest  icon-bglight"></i></a></li>
                <li><a href="https://www.google.com/" target="_blank" data-placement="bottom" title="Google +"><i class="icon-circled icon-google-plus icon-bglight"></i></a></li>
              </ul>

            </div>
          </div>
        </div>
      </div>
      <div class="container">


        <div class="row nomargin">
          <div class="span4">
            <div class="logo">
              <h1><a href="index.php"><i class="icon-tint"></i> BDS</a></h1>
            </div>
          </div>
          <div class="span8">
            <div class="navbar navbar-static-top">
              <div class="navigation">
                <nav>
                  <ul class="nav topnav">
                    <li>
                      <a href="index.php">Home</a>
                    </li>
                    
                    <li class="dropdown">
                      <a href="#">About <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="introduction.php">Introduction</a></li>
                        <li><a href="objectives.php">Objectives</a></li>
                        <li><a href="information.php">History</a></li>
                      </ul>
                    </li>
                    
                    <li class="dropdown active">
                      <a href="#">Staff<i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="mybss.php">Blood Stock System (MyBSS)</a></li>
                      </ul>
                    </li>
                    
                    <li class="dropdown">
                      <a href="#">Donor<i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="donorlogin.php">Log In</a></li>
                        <li><a href="mybdr.php">Blood Donor Registration (MyBDR)</a></li>
                      </ul>
                    </li>
                    
                    <li class="dropdown">
                      <a href="#">Others <i class="icon-angle-down"></i></a>
                      <ul class="dropdown-menu">
                        <li><a href="http://www.moh.gov.my/" target="_blank">Kementerian Kesihatan Malaysia</a></li>
                        <li><a href="http://www.pdn.gov.my/" target="_blank">Pusat Darah Negara</a></li>
                      </ul>
                    </li>
                    
                    
                    <li>
                      <a href="gallery.php">Gallery</a>
                    </li>
                    
                    
                  </ul>
                </nav>
              </div>
              <!-- end navigation -->
            </div>
          </div>
        </div>
      </div>
    </header>
    <!-- end header -->

    <section id="inner-headline">
      <div class="container">
        <div class="row">
          <div class="span4">
            <div class="inner-heading">
              <h2>Blood Stock System (MyBSS)</h2>
            </div>
          </div>
          <div class="span8">
            <ul class="breadcrumb">
              <li><a href="index.php">Home</a> <i class="icon-angle-right"></i></li>
              <li><a href="#">MyBSS</a> <i class="icon-angle-right"></i></li>
              <li class="active">Staff Login</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <section id="content">
      <div class="container">
      	<div class="span4">
        	<div class="row">
        		<center><table border="0" width="300" height="300"></center>
        				<tr>
        					<td>
        					<div class="container1" style="background-color:#f1f1f1">
        		<center><table border="0" width="300" height="300"></center>
        				<tr>
        					<td align="left" valign="middle">
          
            <form action="mybss2.php">
  				<center><div class="imgcontainer" ></center>
    			<img src="pic/login.png" alt="Avatar" class="avatar">
				</div>

    			<label for="uname"><b>Staff ID</b></label>
    			<input type="text" placeholder="Enter Staff ID" name="staff_id" required>

    			<label for="psw"><b>Password</b></label>
    			<input type="password" placeholder="Enter Password" name="psw" required>
        
    			<button type="submit">Login</button>
				<label>
      				<input type="checkbox" checked="checked" name="remember"> Remember me
    			</label>
  

  		<div class="container1">
    		<button type="button" class="cancelbtn">Cancel</button>
    	<span class="psw">Forgot <a href="#">password?</a></span>
  		</div>
			
            </form>
          
          </td>
          </tr>
          </table>
          
         </div>
         
         </td>
          </tr>
          </table>
          </div>
          </div>
          
          <div class="row">
          	<div class="span4">
            <div class="clearfix"></div>
            <aside class="right-sidebar">

              <div class="widget">
                <h5 class="widgetheading">MyBSS<span></span></h5>

                <p align="justify"><i>"MyBSS is designed to help Pusat Darah Negara (PDN) and all the hospitals around Malaysia to be able to view and update the inventory of blood bag used everyday. It is to ensure there is no problem occur when blood is needed and they know when they need to do a blood donation campaign or contact donor who have register as a blood donor in this system."</i></p>

              </div>
            </aside>
				</div>
                </div>
				</div>
    </div>
    </div>
    </div>
    </section>

    <footer>
      <div class="container">
        <div class="row">
          <div class="span4">
            <div class="widget">
              <div class="footer_logo">
                <h3><a href="index.php"><i class="icon-tint"></i> BDS</a></h3>
              </div>
              <address>
							  <strong>Blood Donation System (BDS)</strong><br>
  							Jalan P.Ramlee<br>
  							Kuala Lumpur, Malaysia
  						</address>
              <p>
                <i class="icon-phone"></i> (123) 456-7890 - (123) 555-7891 <br>
                <i class="icon-envelope-alt"></i> blooddonation@gmail.com
              </p>
            </div>
          </div>
          <div class="span4">
            <div class="widget">
              <h5 class="widgetheading">Browse pages</h5>
              <ul class="link-list">
                <li><a href="introduction.php">Our Introduction</a></li>
                <li><a href="objectives.php">Our Objectives</a></li>
                <li><a href="information.php">PDN History</a></li>
                <li><a href="mybss.php">Blood Stock System (MyBSS)</a></li>
                <li><a href="mybdr.php">Blood Donor Registration (MyBDR)</a></li>
                
              </ul>

            </div>
          </div>
          <div class="span4">
            <div class="widget">
              <h5 class="widgetheading">From flickr</h5>
              <div class="flickr_badge">
                <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&amp;display=random&amp;size=s&amp;layout=x&amp;source=user&amp;user=34178660@N03"></script>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </div>
      <div id="sub-footer">
        <div class="container">
          <div class="row">
            <div class="span6">
              <div class="copyright">
                <p><span>&copy; BDS Inc. All right reserved</span></p>
              </div>

            </div>

            <div class="span6">
              <div class="credits">
                <!--
                  All the links in the footer should remain intact.
                  You can delete the links only if you purchased the pro version.
                  Licensing information: https://bootstrapmade.com/license/
                  Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Remember
                -->
                Created by <a href="https://bootstrapmade.com/">BootstrapMade</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
  <a href="#" class="scrollup"><i class="icon-angle-up icon-rounded icon-bglight icon-2x"></i></a>

  <!-- javascript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="js/jquery.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/modernizr.custom.js"></script>
  <script src="js/toucheffects.js"></script>
  <script src="js/google-code-prettify/prettify.js"></script>
  <script src="js/jquery.prettyPhoto.js"></script>
  <script src="js/portfolio/jquery.quicksand.js"></script>
  <script src="js/portfolio/setting.js"></script>
  <script src="js/animate.js"></script>

  <!-- Template Custom JavaScript File -->
  <script src="js/custom.js"></script>

</body>

</html>
