<!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 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>Objectives</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="#">About</a> <i class="icon-angle-right"></i></li>
              <li class="active">Objectives</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

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

            <div class="row">
              <div class="span6">

                <!-- start: Accordion -->
                <div class="accordion" id="accordion2">
                  <div class="accordion-group">
                    <div class="accordion-heading">
                      <a class="accordion-toggle active" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne">
								<i class="icon-minus"></i> To enhance the hospital in providing information about blood inventory </a>
                    </div>
                    <div id="collapseOne" class="accordion-body collapse in">
                      <div class="accordion-inner">
                        <p align="justify">Staffs in hospital usually has a difficulty in knowing about blood inventory information. Blood inventory information contain information about how many blood of bags has been received in a day and how many blood of bags has been used by the patients. With the development of Blood Donation System (BDS), staffs will be more aware about the quantity of the blood bags that used and needed by the hospital. So, the probability of the blood is run out unexpectedly will not be happen as they always will be aware when they need a blood donor. If the blood is decreasing, staffs also can used this system and contact the donor that have register as a donor in the system to come and donate their blood.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-group">
                    <div class="accordion-heading">
                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
								<i class="icon-plus"></i> To inculcate attentional attitudes among society against patients </a>
                    </div>
                    <div id="collapseTwo" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <p align="justify">Attentional attitudes is the important thing that need to be applied in every people who lives in Malaysia. With this attitude, people will aware and know their responsibilities as netizen to help others who need the help. With the development of this system, this attitude indirectly will be applied as after they register to be a donor, they will be contacted to their nearest hospital to donate their blood when the hospital need it. </p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-group">
                    <div class="accordion-heading">
                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
								<i class="icon-plus"></i> To provide a platform for a new donor to register as a donor </a>
                    </div>
                    <div id="collapseThree" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <p align="justify">In Malaysia, donors mostly have a difficulty in registering theirselves as a blood donor because of there is no platform for them to used. Another objectives of this  system is to provide a platform for them in register as a donor. Besides, this platform can reduce their time by just using their mobile phone and access anywhere to this system. What they need is just mobile phone or a laptop and the most important thing is they must have an internet. People nowadays cannot be part from their mobile phone and the internet. So, the development of this system will not give a problem for people as they have a way to access to this system and they know what they need to do when register as a new donor which is just fill in the information needed by the system.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-group">
                    <div class="accordion-heading">
                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion4" href="#collapseFour">
								<i class="icon-plus"></i> To assist people who need the blood in recovering their sickness </a>
                    </div>
                  <div id="collapseFour" class="accordion-body collapse">
                      <div class="accordion-inner">
                       <p align="justify"> This system of course it is functioning as a medium to be used in helping people who need it. If there is no donater then who will help those patients to recover their sickness? So with the help of this system, people can easily register as a donater and can repeat to donate their blood. Sometimes, hospital control the used of blood as so many people will need a blood to recover their health. This always happen during the holiday, where in that time usually there will be a lot of accident happen. So, the probability of the patient to lost a lot of blood is high. With this system, people who need a blood in recovering their sickness will be assist. </p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-group">
                    <div class="accordion-heading">
                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion5" href="#collapseFive">
								<i class="icon-plus"></i> To enhance Pusat Darah Negara (PDN) in solving blood donor deficiency problem in Malaysia </a>
                    </div>
                  <div id="collapseFive" class="accordion-body collapse">
                      <div class="accordion-inner">
                        <p align="justify">As mention by the director of Pusat Darah Negara (PDN) of Malaysia in Sinar Harian newspaper, Malaysia are facing problem of blood donor deficiency. Thus, by developing this system, for sure it will help PDN in solving this problem. Known as one of the government organisation that responsible in handling blood matters for the hospital, people put a high trust to the PDN. So, with the system, PDN can solve the problem they always faced. </p>
                      </div>
                    </div>
                  </div>
                </div>
                <!--end: Accordion -->
         
          <!-- end span12 -->
        </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>
