<!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 class="active">
                      <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">
                      <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 intro -->
    <section id="intro">
      <div class="intro-content">
        <h2>Blood Donation System</h2>
        <h3></h3>
        <div>
          <a href="#content" class="btn-get-started scrollto">Get Started</a>
        </div>
      </div>
    </section>
    <!-- /section intro -->

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


        <div class="row">
          <div class="span12">
            <div class="row">
              <div class="span3">
                <div class="box aligncenter">
                  <div class="icon">
                    <span class="badge badge-info badge-circled">1</span>
                    <img src="pic/begdarah.png" width="200" height="200">
                  </div>
                  <div class="text">
                    <h4><strong>Did you know?</strong></h4>
                    <p>
                      450ml of blood can save as many as three lives.
                    </p>
                    
                  </div>
                </div>
              </div>

              <div class="span3">
                <div class="box aligncenter">
                  <div class="icon">
                    <span class="badge badge-success badge-circled">2</span>
                    <img src="pic/org.png" width="200" height="200">
                  </div>
                  <div class="text">
                    <h4><strong>Did you know?</strong></h4>
                    <p>
                      One out of every three of us will need blood in our lifetime
                    </p>
                    
                  </div>
                </div>
              </div>
              <div class="span3">
                <div class="box aligncenter">
                  <div class="icon">
                    <span class="badge badge-warning badge-circled">3</span>
                    <img src="pic/ab.png" width="245" height="245">
                  </div>
                  <div class="text">
                    <h4><strong>Did you know?</strong></h4>
                    <p>
                      Blood AB is the universal receipent & O negative is the universal
                    </p>
                    
                  </div>
                </div>
              </div>
              <div class="span3">
                <div class="box aligncenter">
                  <div class="icon">
                    <span class="badge badge-important badge-circled">4</span>
                    <img src="pic/health.png" width="200" height="200">
                  </div>
                  <div class="text">
                    <h4><strong>Did you know?</strong></h4>
                    <p>
                      Donating blood is good for your health, lowers your cancer risk and could justify skipping a workout.
                    </p>
                    
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>


        <div class="row">
          <div class="span12">
            <div class="cta-box">
              <div class="row">
                <div class="span8">
                  <div class="cta-text">
                    <h2>Let's visit the official website of <span>Pusat Darah Negara</span></h2>
                  </div>
                </div>
                <div class="span4">
                  <div class="cta-btn">
                    <a href="http://www.pdn.gov.my/" target="_blank" class="btn btn-color">www.pdn.gov.my <i class="icon-caret-right"></i></a>
                  </div>
                </div>

              </div>


            </div>
          </div>
        </div>

      </div>
    </section>

    <section id="offer">
      <div class="container">
        <div class="row">
          <div class="span12">
            <div class="row">
              <div class="span12">
                <div class="aligncenter">
                  <h3>No one has ever become poor by giving</h3>
                  <blockquote>
                    The future can be anything we want it to be, providing we have the faith and that we realize that peace, no less than war, required “blood and sweat and tears
                  </blockquote>
                </div>
              </div>
            </div>

            <div class="row">

              <div class="span3">
                <h5><img src="pic/dr.png" width="300" height="300"></h5>
                <p><i><center>"Dr. Noryati Binti Abdul Amin, Pengarah Pusat Darah Negara"</center></i></p>
              </div>

              <div class="span3">
                <div class="pricing-box-plain">
                  <div class="heading">
                    <h4>PDN calls for blood donation</h4>
                    
                  </div>
                  
                    <ul>
                      "The country needs 2,000 blood bags a day to meet the needs of patients throughout the hospital under the Ministry of Health Malaysia (MOH) nationwide."
                    </ul>
                  
                  <div class="action">
                    <a href="https://www.bharian.com.my/node/237829" target="_blank" class="btn btn-inverse">Read</a>
                  </div>
                </div>
              </div>

              <div class="span3">
                <div class="pricing-box-plain">
                  <div class="heading">
                    <h6>Blood donation awareness is still lacking</h6>
                    
                  </div>
                  <div class="desc">
                    <ul>
                      "Compared to other developed countries, our country is still low, in developed countries it is usually about 3.5 percent of the total population who donate blood, our country is only 2.2 percent for blood donation."
                    </ul>
                  </div>
                  <div class="action">
                    <a href="http://www.sinarharian.com.my/nasional/kesedaran-derma-darah-masih-kurang-1.675772" target="_blank" class="btn btn-inverse">Read</a>
                  </div>
                </div>
              </div>

              <div class="span3">
                <div class="pricing-box-plain">
                  <div class="heading">
                    <h5>Blood deficiency type A, AB: Where can you donate?</h5>
                    
                  </div>
                  <div class="desc">
                    <ul>
                      "I appeal to the public to donate blood to help hospitals with shortage of blood type A and AB. Donations can be done in any state and not just in affected states."
                      
                    </ul>
                  </div>
                  <div class="action">
                    <a href="http://www.astroawani.com/berita-banjir/kekurangan-darah-jenis-ab-di-mana-anda-boleh-menderma-51383" target="_blank" class="btn btn-inverse">Read</a>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>

      </div>
    </section>

    <section id="works">
      <div class="container">
        <div class="row">
          <div class="span12">
            <h3>Recent works</h3>
            <div class="row">

              <div class="grid cs-style-3">
                <div class="span3">
                  <div class="item">
                    <figure>
                      <div><img src="img/1.jpg" alt=""></div>
                      <figcaption>
                        <h3>Histopathology</h3>
                        <p>
                          <a href="img/1.jpg" data-pretty="prettyPhoto[gallery1]" title="Histopathology"><i class="icon-zoom-in icon-circled icon-bglight icon-2x active"></i></a>
                          <a href="#"><i class="icon-file icon-circled icon-bglight icon-2x active"></i></a>
                        </p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="span3">
                  <div class="item">
                    <figure>
                      <div><img src="img/2.jpeg" alt=""></div>
                      <figcaption>
                        <h3>Blood Test</h3>
                        <p>
                          <a href="img/3.jpg" data-pretty="prettyPhoto[gallery1]" title="Blood Test"><i class="icon-zoom-in icon-circled icon-bglight icon-2x active"></i></a>
                          <a href="#"><i class="icon-file icon-circled icon-bglight icon-2x active"></i></a>
                        </p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="span3">
                  <div class="item">
                    <figure>
                      <div><img src="img/3.jpg" alt=""></div>
                      <figcaption>
                        <h3>TSH test</h3>
                        <p>
                          <a href="img/3.jpg" data-pretty="prettyPhoto[gallery1]" title="TSH test"><i class="icon-zoom-in icon-circled icon-bglight icon-2x active"></i></a>
                          <a href="#"><i class="icon-file icon-circled icon-bglight icon-2x active"></i></a>
                        </p>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="span3">
                  <div class="item">
                    <figure>
                      <div><img src="img/4.jpg" alt=""></div>
                      <figcaption>
                        <h3>Blood type</h3>
                        <p>
                          <a href="img/4.jpg" data-pretty="prettyPhoto[gallery1]" title="Blood type"><i class="icon-zoom-in icon-circled icon-bglight icon-2x active"></i></a>
                          <a href="#"><i class="icon-file icon-circled icon-bglight icon-2x active"></i></a>
                        </p>
                      </figcaption>
                    </figure>
                  </div>
                </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.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>
