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

<head>
  <meta charset="utf-8">
  <title>Blood Donation System (BDS)</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 active">
                      <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">
                      <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>
                    
                    
                    </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>Introduction</h2>
            </div>
          </div>
          <div class="span8">
            <ul class="breadcrumb">
              <li><a href="index.html">Home</a> <i class="icon-angle-right"></i></li>
              <li><a href="#">About</a> <i class="icon-angle-right"></i></li>
              <li class="active">Introduction</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <section id="content">
      <div class="container">
        <div class="row">

          <div class="span6">
            <h4>About Blood Donation System (BDS)</h4>
            <p align="justify">
              Blood Donation System (BDS) is one of the system that will help ‘Pusat Darah Negara’ (PDN) in solving their problem regarding blood donor deficiency in Malaysia. According to the Dr. Noryati Abu Amin, Director of PDN, she said that Malaysia needs 2,000 blood bags per day to cater for patients in all hospitals under the Kementerian Kesihatan Malaysia (KKM). Usually the stock of blood will run out unexpectedly during holidays and this is maybe because of a lot of accident always happen and the need of a blood request is high. Blood Donation System (BDS) will be functioning as a medium  to get a blood donor from the donor. People can register as a blood donor in this system and when the hospital run out of blood, staff will take an initiative by contacting person who has register as a blood donor in the system. Besides, staff of the hospitals will be able to key in the information of the blood bag they received and used every day. This system also will be focus on the community who have a desire to become a blood donor and also to the hospital. Other than that, this system will give a big impact to the community as it will help to save someone life and solve the run out of blood stock.
            </p>
            

          </div>
<br><br><br>
          <div class="span6">
          	<video width="500" height="281" autoplay> 
            <source src="video/video1.mp4" seamless>
            </video>
          </div>
        </div>

        <!-- divider -->
        <div class="row">
          <div class="span12">
            <div class="solidline"></div>
          </div>
        </div>
        <!-- end divider -->

        <div class="row team">
          <div class="span12">
            <h4>Nice persons behind BDS</h4>
          </div>

          <div class="span3">
            <div class="team-box">
              <a href="#" class="thumbnail"><img src="img/masni.jpg" alt="" /></a>
              <div class="roles aligncenter">
                <p class="lead"><strong>Masni Aida Majid</strong></p>
                <p>
                  System Developer
                </p>
                <p>
                  <a href="#"><i class="icon-facebook icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-twitter icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-linkedin icon-circled icon-bglight active"></i></a>
                </p>

              </div>
            </div>
          </div>
          <div class="span3">
            <div class="team-box">
              <a href="#" class="thumbnail"><img src="img/syaheed.jpg" alt="" /></a>
              <div class="roles aligncenter">
                <p class="lead"><strong>Ahmad Syaheed Mohamad Arshad</strong></p>
                <p>
                  Lead designer
                </p>
                <p>
                  <a href="#"><i class="icon-facebook icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-twitter icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-linkedin icon-circled icon-bglight active"></i></a>
                </p>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="team-box">
              <a href="#" class="thumbnail"><img src="img/nazir.jpg" alt="" /></a>
              <div class="roles aligncenter">
                <p class="lead"><strong>Muhammad Nazir Abdul Aziz</strong></p>
                <p>
                  Customer support
                </p>
                <p>
                  <a href="#"><i class="icon-facebook icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-twitter icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-linkedin icon-circled icon-bglight active"></i></a>
                </p>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="team-box">
              <a href="#" class="thumbnail"><img src="img/abe.jpg" alt="" /></a>
              <div class="roles aligncenter">
                <p class="lead"><strong>Nik Muhammad Hazim Nik Najib</strong></p>
                <p>
                  Coffee maker
                </p>
                <p>
                  <a href="#"><i class="icon-facebook icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-twitter icon-circled icon-bglight active"></i></a>
                  <a href="#"><i class="icon-linkedin icon-circled icon-bglight active"></i></a>
                </p>
              </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.html"><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>
