<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Women's Development Federation | Become a Volunteer</title>
<!-- Stylesheets -->
<link href="images/icons/favicon.png" rel="icon" sizes="32x32" type="image/png">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<link href="become-volunteer-form/style.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Main Header -->
<?php
include 'header.php';
?>
<!--End Main Header -->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
<div class="auto-container">
<div class="sec-title">
<h1>Become a Volunteer</h1>
<div class="bread-crumb"><a href="./">Home</a> / Become a Volunteer</div>
</div>
</div>
</section>
<!--Sidebar Page-->
<div class="sidebar-page">
<div class="auto-container">
<div class="row clearfix">
<!--Content Side-->
<div class="col-lg-12 col-md-8 col-sm-12 col-xs-12">
<!--Projects Section-->
<section class="blog-news-section blog-detail no-padd-bottom no-padd-top padd-right-20">
<!-- Comment Form -->
<div class="comment-form wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
<div class="group-title text-uppercase"><h2>Become A Volunteer</h2><div class="default-line-left"></div></div>
<!--Comment Form-->
<div>
<div class="row clearfix">
<div class=" col-lg-6 col-md-6 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtFullName" id="txtFullName" class="form-control input-validater" value="" placeholder="Your Name">
<span id="spanFullName"></span>
</div>
<div class=" col-lg-6 col-md-6 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtEmail" id="txtEmail" class="form-control input-validater" value="" placeholder="Your Email">
<span id="spanEmail"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtPhone" id="txtPhone" class="form-control input-validater" value="" placeholder="Your Contact No">
<span id="spanPhone"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtCountry" id="txtCountry" class="form-control input-validater" value="" placeholder="Your Country">
<span id="spanCountry"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtHelp" id="txtHelp" class="form-control input-validater" value="" placeholder="How Can You Help Us">
<span id="spanHelp"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtPurpose" id="txtPurpose" class="form-control input-validater" value="" placeholder="Purpose">
<span id="spanPurpose"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtLanguages" id="txtLanguages" class="form-control input-validater" value="" placeholder="Preference Languages">
<span id="spanLanguages"></span>
</div>
<div class=" col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="txtKnow" id="txtKnow" class="form-control input-validater" value="" placeholder="How Did You Know About Us">
<span id="spanKnow"></span>
</div>
<div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
<textarea name="txtMessage" id="txtMessage" class="form-control input-validater" placeholder="Your Message"></textarea>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Security code >> ">
<span id="capspan" ></span>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">
<div class="col-md-3 input-margin">
<label></label>
<span><?php include("./become-volunteer-form/captchacode-widget.php"); ?></span>
</div>
<div class="col-md-3">
<div class="div-check" >
<img src="./become-volunteer-form/img/checking.gif" id="checking"/>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
<button class="theme-btn btn-style-two" id="btnSubmit"type="submit" name="submit-form">JOIN NOW</button>
</div>
</div>
<div id="dismessage"></div>
</div>
</div><!--End Comment Form -->
</section>
</div>
<!--Content Side-->
</div>
</div>
</div>
<!--Main Footer-->
<?php
include 'footer.php';
?>
<!--End Main Footer-->
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".page-wrapper"><span class="fa fa-long-arrow-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
<script src="become-volunteer-form/scripts.js" type="text/javascript"></script>
</body>
</html> |