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

<head>
  <meta charset="utf-8">
  <title>Bloood 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 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>
                    
                    
                  </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>History</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">History</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <section id="content">
      <div class="container">
        <div class="row">
          <div class="span12">
            <p align="justify">
            Blood Fund Services In Malaysia was pioneered by a group of British Red Cross volunteers in 1955. In the early stages of this service, only opened at 5.00 pm to 5.30 pm at the Kuala Lumpur Hospital Building. On this initiative, a total of 25 to 44 donors were successfully collected each month. The donors at that time were members of police, military and government officials. After 15 years of service, 5,830 blood units and no less than 13,860 suitability tests were performed. In view of the increased service, the Blood Fund was transferred to a special building at the Kuala Lumpur Hospital in 1971. The building was known as the "National Health Service Center" and was officially opened in April 1972 by the Director General of Health, Ministry of Health. The nationals placed under the Ministry of Health Malaysia's hospitals are headed by a Director. He is responsible for all matters of blood services which includes technical and management matters. Beginning in 1975, the Center for Dentistry has played an important role in the standardization of regulatory work, methods, riots and blood donors nationwide. In 2002, the new National Blood Center building was built at Jalan Tun Razak and was officially opened by Yg Bhg Datuk Sri Hasmah Mohd Ali. The building is magnificent and magnificent to date in guaranteeing and ensuring blood collection SAFE, CLEAN and QUALITY.
            </p>

            <div class="row">
              <div class="span3">
                
              </div>
              <div class="span3">
                
              </div>
              <div class="span3">
                
              </div>
              <div class="span3">
                
              </div>


            </div>

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


            

            <!-- divider -->
            
          </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>
