JezK
Edit File: portfolio.html
<!DOCTYPE html> <html lang="en-US"> <!-- Mirrored from daoafghanistan.org/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 22 Dec 2019 04:53:30 GMT --> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Development & Ability Organization</title> <link rel='stylesheet' href='assets/css/front.css' type='text/css' media='all'/> <link rel='stylesheet' href='assets/css/bootstrap.min.css' type='text/css' media='all'/> <link rel='stylesheet' href='assets/css/animate.min.css' type='text/css' media='all'/> <link rel='stylesheet' href='assets/css/flexslider.css' type='text/css' media='all'/> <link rel='stylesheet' href='style.css' type='text/css' media='all'/> <link rel='stylesheet' href='../netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' type='text/css' media='all'/> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto%3A300italic%2C400italic%2C700italic%2C300%2C400%2C700%2C800%2C900%7CShadows+Into+Light&ver=4.5.3' type='text/css' media='all'/> <script src='https://kit.fontawesome.com/a076d05399.js'></script> <link rel="shortcut icon" type="image/png" href="assets/img/Logo1.png"> </head> <body> <div class="page-loader"> <img src="assets/img/loader.gif" alt="loader"> </div> <!--[if lt IE 8]> <div class="alert alert-warning"> You are using an <strong>outdated</strong> browser. Please upgrade your browser</a> to improve your experience. </div> <![endif]--> <!-- Header ================================================== --> <header id="header"> <div class="container"> <div class="row"> <div class="col-md-1 logoarea" style="margin:0px -2px 11px -57px;"> <a class="navbar-brand" href="index.html"> <img src="assets/img/logo1.png" alt="logo"style="max-width:347%; margin-top:5px;"></a> </div> <br> <div class="col-md-4" style="text-align: center;"> <p style="font-weight:bold; font-size:20px; color: #424497; margin:13px 0px -57px 0px;"> Development and Ability Organization<br><span style="font-size:30px;">(DAO)</span> </p> </div> <div class="col-md-4"> <p style="color: #424497; font-size:35px; margin:0px -3px 0px 49px; font-weight: bold;"> د وړتیا او پرمختګ مؤسسه</p> </div> <div class="col-md-3" style="margin:10px 0px 0px 0px; display:inline-block; float:right;" > <div class="hidden-xs singMiddInfo phone"> <i class="fa fa-phone" style="color:#424497;"></i> <h4>PHONE</h4> <p> <a href="tel:+93700175759">+93 (0) 700175759</a> </p> </div> <div class="hidden-sm hidden-md hidden-xs singMiddInfo" style="margin:45px 0px 0px 0px; font-weight:bold;"> <a href="#" style="color:#fff; background-color:#424497; padding:15px 20px 15px 20px; margin:-50px -90px -30px 0px; text-align: center;"><span class="fa fa-user-tie"></span> Jobs Announcement </a> </div> </div> <div > </div> </div> </div> <div id="mega-menu" class="header header-sticky primary-menu icons-no default-skin fadeIn"> <nav class="navbar navbar-default redq"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar"> <a class="mobile-menu-close"><i class="fa fa-close"></i></a> <div class="menu-top-menu-container"> <ul id="menu-top-menu" class="nav navbar-nav nav-list"> <li class="current-menu-item active"><a href="index.html">Home</a></li> <li class="dropdown"><a title="THEMES" href="#" data-hover="dropdown" class="dropdown-toggle">who we are <span class="caret"></span></a> <ul role="menu" class=" sub-menu"> <li class="menu-item dropdown"><a title="DAO Galleries" href="about.html">About us</a> <ul role="menu" class="sub-menu"> </ul> </li> <li class="menu-item dropdown"><a title="DAO Galleries" href="our history.html">Our History</a> </li> <li><a href="Organogram.html">Organogram</a></li> </li> <li class="menu-item dropdown"><a title="DAO Galleries" href="#"> Annual Reports</a> <ul role="menu" class="sub-menu"> <li><a href="Performence.html">Performence Report</a></li> <li><a href="Aduit.html">Aduit Report</a></li> </ul> </li> <li><a href="Registartion.html">Registartion | Certificates</a></li> <li><a href="Operational.html">Operational Policy</a></li> </ul> </li> <li class="dropdown"><a title="THEMES" href="#" data-hover="dropdown" class="dropdown-toggle">what we do <span class="caret"></span></a> <ul role="menu" class=" sub-menu"> <li class="menu-item dropdown"><a title="DAO Galleries" href="Rehabitation Services.html"> Rehabitation Services</a> </li> <li><a href="Capacity Building.html"> Capacity Building</a></li> <li class="menu-item dropdown"><a title="DAO Galleries" href="Media & Advocay.html">Media & Advocay</a> <ul role="menu" class="sub-menu"> <li><a href="video.html">Youtube channel</a></li> </ul> </li> <li><a href="Bi-Monthly.html">Bi-Monthly Gadoon Magazine</a></li> <li><a href="Training.html">Training & Workshops</a></li> <li class="menu-item dropdown"><a title="DAO Galleries" href="#">Projects</a> <ul role="menu" class="sub-menu"> <li><a href="Completed.html">Completed Projects</a></li> <li><a href="Runing.html">Runing Projects</a></li> </ul> </li> </li> </ul> </li> <li><a href="where we work.html">Where we work</a></li> <li><a href="portfolio.html">Career</a></li> <li><a href="blog.html">DAO BLOG</a></li> <li class="menu-item dropdown"><a title="DAO Galleries" href="contact.html">contact</a> </li> <li class="highlight"><a href="contact.html">Donation</a></li> </ul> </div> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> </div> </header> <!-- =========================== PAGE HEADER BEGIN =========================== --> <section class="margin-bottom50 darkarea"> <div class="pagecover" style="background-image:url(assets/img/defaultbg.jpg)"> <div class="container"> <div class="entrycover short"> <h1 class="maintitle">Program and Key Staff</h1> <nav class="breadcrumbs"><span><a href="#">Male</a></span> <span class="sep">/</span> <span>Female</span></nav><!-- .breadcrumbs --> </div> </div> </div> </section> <!-- =========================== PAGE HEADER END =========================== --> <!-- =========================== PORTFOLIO BEGIN =========================== --> <section> <div class="container"> <div id="portfolio-filter" class="text-center"> <ul class="portfolio-filter-list"> <li><a href="#" data-cat="*" class="active">All</a></li> <li><a href="#" data-cat=".11">voluntarily</a></li> </ul> </div> <div class="row"> <div id="portfolio-items" class="portfolio-items"> <div class="col-md-3 9 / 8 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/director.jpg" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>Founder</h2> </a> </div> <div class="col-md-3 9 / 10 / 8 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/finance%20officer.png" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>Senior Finance Officer</h2> </a> </div> <div class="col-md-3 9 / 11 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/Helen.png" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>Helen Stanger<br>Program Support Officer</h2> </a> </div> <div class="col-md-3 11 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/ad6.jpg" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>Programe Officer</h2> </a> </div> <div class="col-md-3 11 / 10 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/Capacity Building Consultant Valunteer.png" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2 style="text-align: center;">Capacity Building Consultant Valunteer</h2> </a> </div> <div class="col-md-3 9 / 11 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/ad3.jpg" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>Project Manager</h2> </a> </div> <div class="col-md-3 10 / 8 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/Program Manager Sarwar Mamond.jpg" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2> Sarwar Mamond<br> Program Manager</h2> </a> </div> <div class="col-md-3 9 / 8 wpgallerybox"> <a href="portfolio-single.html" class="portfolio-link"> <div class="wowgallerybox"> <div class="img-box has-overlay"> <img src="assets/img/ad1.jpg" class="background-image img-responsive" alt=""/> </div> </div> </a> <a href="portfolio-single.html"> <h2>HR Manager</h2> </a> </div> </div> </div> </div> </section> <!-- =========================== PORTFOLIO END =========================== --> <!-- =========================== FOOTER BEGIN =========================== --> <footer id="footer" class="footer2"> <div class="scrolltop"> <div class="scroll icon"> <a href="#" id="back-to-top"><i class="fa fa-angle-up"></i></a> </div> </div> <div class="inner sep-bottom-md"> <div class="container"> <div class="footer-ribbon"> <a href="contact.html">Get in Touch !</a> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="text-2 widget_text"> <div class="widget sep-top-lg"> <div class="textwidget" style="margin-top:-15px;"> <p> <img src="assets/img/dao1.png" alt=""> </p> <p style="text-align: justify;">The Development and Ability Organization (DAO) founded in 2004. DAO performance has assessed by the Afghanistan Institute for Civil Society (AICS) against five categories including project management and program delivery, financial management, internal governance and strategic planning, external relations communication and outreach, human resurfaces and DAO Activities.</p> </div> </div> </div> <div class="socialwidget-2 SocialWidget"> <div class="widget sep-top-lg"> <div class="social-widget"> <a target="_blank" href="http://www.twitter.com/"> <div class="social-bg"> <i class="fa fa-twitter"></i> </div> </a><a target="_blank" href="http://www.facebok.com/" > <div class="social-bg"> <i class="fa fa-facebook"></i> </div> </a><a target="_blank" href="http://www.pinterest.com/" > <div class="social-bg"> <i class="fa fa-pinterest"></i> </div> </a><a target="_blank"href="http://www.googleplus.com/" > <div class="social-bg"> <i class="fa fa-google-plus"></i> </div> </a><a target="_blank" href="http://www.skype.com/" > <div class="social-bg"> <i class="fa fa-skype"></i> </div> </a> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="recent-posts-3 widget_recent_entries"> <div class="widget sep-top-lg"> <h3 class="upper widget-title">Recent Activities</h3> <ul> <li> <a href="#">Disbility & Awareness</a> </li> <li> <a href="#">Capacity Building</a> </li> <li> <a href="#">Traning , Workshops and Conferences</a> </li> <li> <a href="#">Media & Advocacy</a> </li> <li> <a href="#">Person With Disability Rights</a> </li> <li> <a href="#">Micro Financing</a> </li> <li> <a href="#">Gender Mainsteaming</a> </li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="text-3 widget_text"> <div class="widget sep-top-lg"> <h3 class="upper widget-title">Working Hours</h3> <div class="textwidget"> <p> Sunday - Thursday: 8AM to 4PM<br/> Friday & Saturday: Closed <br> <strong>Cell:</strong> +93 (0) 700600960 </p> <!-- <p> Sunday - Thursday: 8AM to 4PM<br/> Friday & Saturday: Closed </p> --> </div> </div> </div> <div class="text-4 widget_text"> <div class="widget sep-top-lg"> <h3 class="upper widget-title">Office Address</h3> <div class="textwidget"> <p> Project Taimani, Street #01, House #54 Kabul-Afghanistan. </p> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="text-5 widget_text"> <div class="widget sep-top-lg"> <h3 class="upper widget-title">Quick Contact</h3> <div class="textwidget"> <div class="done"> <div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> Your message has been sent. Thank you! </div> </div> <form method="post" action="http://daoafghanistan.org/footer-contact.php" id="contactform"> <div class="form wpcf7-form .form-control"> <div class="controls controls-row"> <input type="text" name="name" placeholder="Name"><br/> <input type="text" name="email" placeholder="E-mail"><br/> </div> <div class="controls"> <textarea name="comment" rows="4" placeholder="Message"></textarea><br/> </div> <input type="submit" id="submit" class="btn" value="Send"> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="copyright sep-top-xs sep-bottom-xs"> <div class="container"> <div class="row"> <div class="col-md-6"> <small> © Site Design by Oriental Consultants 0787881808 </small> </div> <div class="col-md-6 text-right"> </div> </div> </div> </div> </footer> <!-- =========================== FOOTER END =========================== --> <!-- =========================== SCRIPTS BEGIN =========================== --> <script type='text/javascript' src='assets/js/jquery.js'></script> <script type='text/javascript' src='assets/js/jquery.touchSwipe.min.js'></script> <script type='text/javascript' src='assets/js/carousel.min.js'></script> <script type='text/javascript' src='assets/js/modernizr-2.8.3.min.js'></script> <script type='text/javascript' src='assets/js/bootstrap.min.js'></script> <script type='text/javascript' src='assets/js/mason.js'></script> <script type='text/javascript' src='assets/js/popup.js'></script> <script type='text/javascript' src='assets/js/common.js'></script> <script type='text/javascript' src='assets/js/flexslider.js'></script> <script type='text/javascript' src='assets/js/portfolio.js'></script> <script type='text/javascript' src='assets/js/countto.js'></script> <script type='text/javascript' src='assets/js/testimonial.js'></script> <!-- =========================== SCRIPTS END =========================== --> </body> <!-- Mirrored from daoafghanistan.org/portfolio.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 22 Dec 2019 04:53:58 GMT --> </html>