JezK

Edit File: mission.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kabul Ortupedic Organization</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
<link href="css/master.css" rel="stylesheet">
<link rel="stylesheet" href="plugins/iview/css/iview.css" type='text/css' media='all' />
<link rel="stylesheet" href="plugins/iview/css/skin/style.css" type='text/css' media='all' />
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script src= "js/jquery-migrate-1.2.1.js" ></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap-3.1.1.min.js"></script>
<script src="js/modernizr.custom.js"></script>
</head>

<div class="top-header">
    <div class="container">
      <div class="row">
        <div class="col-sm-5 text-left">
          <ul class="social-links">
            <li><a target="_blank" href="https://www.facebook.com/KOO-Kabul-Orthopedic-Organization-438364436222459/"><i class="social_icons social_facebook_square"></i></a></li>
            <li class=""><a target="_blank" href="https://twitter.com/KOO43079282"><i class="social_icons social_twitter_square"></i></a></li>
            <li><a target="_blank" href="https://www.google.com/"><i class="social_icons social_googleplus_square"></i></a></li>
            <li><a target="_blank" href="https://www.linkedin.com/"><i class="social_icons social_linkedin_square"></i></a></li>
            <li><a target="_blank" href="https://www.youtube.com/watch?v=igoTawEKms0&feature=youtu.be"><i class="social_icons social_youtube_square"></i></a></li>
            <li class="li-last"><a target="_blank" href="https://instagram.com/"><i class="social_icons social_instagram_square"></i></a></li>
          </ul>
        </div>
        <div class="top-header__links col-sm-7">
          <div class="btn-group languages">
            <button type="button" class="btn_languages dropdown-toggle" data-toggle="dropdown"><i class="icon_globe-2"></i>Login<span class="caret color_primary"></span></button>
            <ul class="dropdown-menu" role="menu">
              <li><a href="javascript:void(0);">Student Login</a></li>
              <li><a href="javascript:void(0);">Regester</a></li>
            </ul>
          </div>
          <a href="javascript:void(0);">Hospital Timings</a>
          <a href="javascript:void(0);">Book an Appointment</a>
        </div>
      </div>
    </div>
  </div>

<div class="header">
    <div class="container">
      <div class="header-inner">
        <div class="row">
          <div class="col-md-4 col-xs-12">
            <a href="index.html" class="logo">
              <img class="logo__img" src="img/logo.png" height="50" width="294" alt="Logo">
            </a>
          </div>
          <div class="col-md-8 col-xs-12">
            <div class="header-block">
              <span class="header-label">
                <i class="icon-header icon-call-in color_primary"></i>
                <span class="helper"> Call Us <a href="tel:+93 (0) 700 210 868"><strong>+93 (0) 700 210 868</strong></a></span>
              </span>

<span class="header-label">
                <i class="icon-header icon-envelope-open color_primary"></i>
                <span class="helper"> Email us <a href="mailto:info@koo-af.org"><strong>info@koo-af.org</strong></a></span>
              </span>

</div>
            <form class="hidden-md hidden-lg text-center" id="search-global-mobile" method="get">
              <input type="text" value="" id="search-mobile" name="s" >
              <button type="submit"><i class="icon fa fa-search"></i></button>
            </form>
          </div>
        </div>
      </div>
    </div>

<div class="top-nav ">
      <div class="container">
        <div class="row">
          <div class="col-md-12  col-xs-12">
            <div class="navbar yamm " >
              <div class="navbar-header hidden-md  hidden-lg  hidden-sm ">
                <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                <a href="#" class="navbar-brand">Menu</a> </div>
              <div id="navbar-collapse-1" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                  <li class="dropdown"><a href="home.html"  >Home <b class=""></b> </a>
                    
                  </li>
                  <li class="dropdown"><a href="#"  >ABOUT KOO<b class="caret color_primary"></b> </a>
                    <ul role="menu" class="dropdown-menu">
                      <li> <a href="about-us.html"  >About us</a> </li>
					  <li> <a href="mission.html"  > Mission</a> </li>
                      <li> <a href="vision.html"  > Vission</a> </li>
                      <li> <a href="donor.html"  >Our Donor</a> </li>
					  
                    </ul>
                  </li>
                  <li class="dropdown"><a href="#"  > SERVICES <b class="caret color_primary"></b> </a>
                    <ul role="menu" class="dropdown-menu">
                      <li> <a href="services1.html"  >Physiotherapy</a> </li>
                      <li> <a href="services2.html"  >Prosthetic & Orthotic</a> </li>
                      <li> <a href="services3.html"  >Physical Rehabilitation Mobile Team</a> </li>
					  <li> <a href="services4.html"  >Professional Training</a> </li>
					  <li> <a href="services5.html"  >Walking Aids Production</a> </li>
					  <li> <a href="services6.html"  >Women Empowerment</a> </li>
					  <li> <a href="services7.html"  >capacity Building of PWDs</a> </li>
                    </ul>
                  </li>
                  <li class="dropdown"><a href="#"  >Projects <b class="caret color_primary"></b> </a>
                    <ul role="menu" class="dropdown-menu">
                      <li> <a href="compleeted project.html" >Copleeted Project</a> </li>
                      <li> <a href="running project.html">Running Project</a> </li>
                    </ul>
                  </li>
                    
                  <li><a href="appointment-form.html"  >APPOINTMENT FORM </a> </li>
                  <li><a href="contact.html"  >CONTACT </a> </li>
                </ul>
                <form id="search-global-menu" class="hidden-xs hidden-sm" method="get">
                  <input type="text" value="" id="search" name="s" >
                  <button type="submit"><i class="icon-magnifier"></i></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	
  </div>

<div class="ui-title-page bg_title bg_transparent">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <h1>Mission</h1>
          <div class="ui-subtitle-page">We offer good quality Services</div>
        </div>
      </div>
    </div>
  </div>

<div class="border_btm">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <ol class="breadcrumb">
            <li><a href="javascript:void(0);"><i class="icon icon-home color_primary"></i></a></li>
            <li class="active">Mission</li>
          </ol>
        </div>
      </div>
    </div>
  </div>

<main class="main-content">
                <div class="container">
					<h1 class="ui-title-inner">Our Mission</h1>
					<h2 class="ui-title-inner">•	Provide state of the art rehabilitation services</h2>
					<h2 class="ui-title-inner">•	Reduce violence against women/women empowerment.</h2>
			    </div>
	<section class="blog-section section-padding ">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    
                    <div class="section-heading">
                        <h2>our <span>Patient</span></h2>
                    </div>
                    
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    
                    <div class="blog-list">
                        <div class="blog-thumb">
                            <img src="media/mission/m-1.jpg" alt="blog">
                            <div class="blog-overlay">
                            </div>
                            
                        </div>
                        <div class="blog-content">
                            
                            <div class="blog-text">
                                <h3><a href="blog-single.html">Before</a></h3>
                                <p> </p>
                                
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
                <div class="col-sm-6">
                    
                    <div class="blog-list">
                        <div class="blog-thumb">
                            <img src="media/mission/m1.jpg" alt="blog">
                            <div class="blog-overlay">
                            </div>
                            
                        </div>
                        <div class="blog-content">
                           
                            <div class="blog-text">
                                <h3><a href="blog-single.html">After</a></h3>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>
  </main>

<div class="banner bg bg_3 bg_transparent wow zoomIn" data-wow-delay="1s">
    <div class="container">
      <script src="plugins/rendro-easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
      <div class="row">
        <div class="col-xs-12">
          <ul class="list-progress">
            <li>
              <span class="icon-round icon-round_small bg-color_second helper"><i class="icon fa fa-user-md"></i></span>
              <div class="info">
                <span class="chart" data-percent="126"> <span class="percent"></span> </span>
                <span class="label-chart">Organization Department</span>
              </div>
            </li>
            <li>
              <span class="icon-round icon-round_small bg-color_second helper"><i class="icon fa fa-hospital-o"></i></span>
              <div class="info">
                <span class="chart" data-percent="510"> <span class="percent"></span> </span>
                <span class="label-chart">Qualified Staff</span>
              </div>
            </li>
            <li>
              <span class="icon-round icon-round_small bg-color_second helper"><i class="icon fa fa-heartbeat"></i></span>
              <div class="info">
                <span class="chart" data-percent="6200"> <span class="percent"></span> </span>
                <span class="label-chart">Satisfied Patients</span>
              </div>
            </li>
            <li>
              <span class="icon-round icon-round_small bg-color_second helper"><i class="icon fa fa-shield"></i></span>
              <div class="info">
                <span class="chart" data-percent="513"> <span class="percent"></span> </span>
                <span class="label-chart">Trainings</span>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

<div class="col-sm-4">
            <section class="footer__section">
              <h2 class="footer__title">About Kabul Orthopedic Organization</h2>
              <i class="decor-brand decor-brand_footer"></i>
              <p>Kabul Orthopedic Organization (KOO) is a welfare organization which works for all Afghan people especially Afghans with disabilities, from 1996 till 2002 KOO worked under the name of Sandy Gall Afghans Appeal (SGAA). Then it was handed over to Afghans as a non-governmental and non-profit organization by the name of Kabul Orthopedic Organization. KOO which is officially registered with GOV IN (497), MoPH and AWN and MoLSAMD. (KOO),is an Afghan NGO, has been running an orthopedic workshop and physiotherapy services ,KOO focus is more on women and children to help them to be able to reintegrate in society work and live as normal persons therefore KOO hired staff regarding Gender equality.</p>
              <div class="separator_10"></div>
              <address class="footer__contacts"><i class="footer__icon icon-pointer color_primary"></i>Main Office : Kotal-e-Kahir Khana Boostan Street, 17 District Kabul, Afghanistan</address>
              <p class="footer__contacts"><i class="footer__icon icon-call-in color_primary"></i>+93 (0) 700 210 868  / (0) 787 972 506</p>
              <a href="javascript:void(0);" class="footer__contacts"><i class="footer__icon icon-envelope-open color_primary"></i>info@koo-af.org</a>
              <a href="javascript:void(0);" class="footer__contacts"><i class="footer__icon icon_globe-2 color_primary"></i>www.koo-af.org</a>
            </section>
          </div>

<div class="col-sm-4">
             
            <section class="footer__section">
              <h2 class="footer__title">Helpful Links</h2>
              <i class="decor-brand decor-brand_footer"></i>
              <ul>
                <li>How to avoid diseases</li>
                <li>Become healthy in 5 steps</li>
                <li>Fruits Juices for a Day</li>
              </ul>
            </section>
          </div>

<section class="footer__section col-sm-4">
            <h2 class="footer__title">Contact Form</h2>
            <i class="decor-brand decor-brand_footer"></i>
            <form class="form" role="form">
              <div class="form-group">
                <input class="form-control" type="text" placeholder="Full Name">
                <input class="form-control" type="email" placeholder="Email address">
                <textarea class="form-control" rows="4" placeholder="Message"></textarea>
                <input class="btn bg-color_primary pull-right" type="submit" value="SEND NOW">
              </div>
            </form>
          </section>
        </div>
      </div>
    </div>

<div class="footer__bottom">
     <p>Design Developed By Oriental Consultants | <a href="http://www.ocafghan.com/">www.ocafghan.com</a> | Skype:eway.host | Whatsapp: 0787881808</p>
      
    </div>
  </footer>

</div>

<script type="text/javascript" src="plugins/isotope/jquery.isotope.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="plugins/bxslider/jquery.bxslider.min.js"></script>
<script src="plugins/prettyphoto/js/jquery.prettyPhoto.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="plugins/datetimepicker/jquery.datetimepicker.js"></script>
<script src="plugins/jelect/jquery.jelect.js"></script>
<script src="plugins/nouislider/jquery.nouislider.all.min.js"></script>

<script src="js/cssua.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>