<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Wealth-Club</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/sl-slide.css">

  <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

  <!-- Le fav and touch icons -->
  <link rel="shortcut icon" href="images/ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
<style>
*{
	margin:0px;
	padding:0px;
	}
body{
	font-family:Tahoma, Geneva, sans-serif;
	background-color: #adebad ;
	}
#container{
	width:850px;
	background-color:#e5e4e2 rgb(250,250,252,.9);
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	
	}
#container_body{
	padding:20px;
	}
.form_title{
	font-size:35px;
	color:#141823;
	text-align:center;
	padding:10px;
	font-weight:normal;
	}
.head_para{
	font-size:19px;
	color:#99a2a7;
	text-align:center;
	font-weight:normal;
	}
#form_name{
	padding:25px 0 0 15px;
	background-color:#DAA520;
	}
.firstnameorlastname{
	 margin-right:20px;
	}
.input_name{
	width:207px;
	padding:5px;
	font-size:18px;
	}

.birthday_title{
	font-size:16px; 
	color:#000000; 
	font-weight:normal;
	padding:0 0 10px 0;
	}
select{
	padding:5px;
	}

#radio_button{
	padding:10px 0 0 0;
	}
#sign_user{
	font-size:14px;
	color:#FFF;
	text-align:center;
	background-color:#3B5998;
	padding:10px;
	margin-top:10px;
	cursor: pointer;
	}
#errorBox{
	color:#F00;
	}

.place_holder{
    color: #000000;
}
option{
    color: #000000;
}




  #sign_user{
	font-size:14px;
	color:#FFF;
	text-align:center;
	background-color:#3B5998;
	padding:10px;
	margin-top:10px;
	cursor: pointer;
	}
	body{
	font-family:Tahoma, Geneva, sans-serif;
	background-color: #adebad ;
	}
	.registration-form
	{
		
		background-color:#DAA520;
	}
	JS:

jQuery(".dropdown").change(function () {
    jQuery(this).removeClass("place_holder");
});

	</style>
  </head>

<body background-color: #adebad ;>

   <?php include 'header2.php';?>



  <section class="title">
    <div class="container">
      <div class="row-fluid">
        <div class="span6">
          <h1>Join Gold Club</h1>
        </div>
        <div class="span6">
          <ul class="breadcrumb pull-right">
            <li><a href="index?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you">Home</a> <span class="divider">/</span></li>
            
            <li class="active">Join Gold Club</li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- / .title -->       


  <section id="registration-page" class="container" id=>
  <div id="form_name">
  
  
  <div class="firstnameorlastname">
       <form action="clubgold.php" name="form" method="post" >
       
       <div>
        <h3 class="birthday_title"><u>Fill In All Details</u> </h3>
      </div>
	 <div class="<?=(@$msg_sucess=="") ? 'error' : 'green' ; ?>" id="logerror">
 <?php echo @$error; ?><?php echo @$msg_sucess; ?>
</div>
        
          <input type="tel" id="username" name="pnumber" placeholder="Phone Number" pattern="\d{10}" class="input-xlarge" required>
		  
          <input type="text" id="" name="idno" pattern="\d{5,}"  placeholder="ID/Passport Number" class="input-xlarge" required>
          
      </div>
      <div class="firstnameorlastname">

          <input type="text" value="$150" name="amount" placeholder="Amount" class="input-xlarge" readonly>
                
          <input type="tel" value="" name="runder" placeholder="Register Under" pattern="\d{10}" class="input-xlarge" required>
             </div>
			  <div>
        <h3 class="birthday_title"><u>Payment Mode</u></h3>
      </div>
	<script>   /*start of payment */</script>
	
		<script>   /*start of payment */</script>
	
	<input value="3" type="radio" style="" name="formselector"  onClick="displayForm(this)"></input><img src="images/mpesa.png" width="100" height="30"/>
    <div style="display:none" id="mpesaformContainer">
        
                    
       <div>
       <font size='2' face='Tahoma'>Follow the steps below: </font> <ul> <li><font size='2' face='Tahoma'>From your Safaricom Line,</font></li>
	  <li><font size='2' face='Tahoma'>Go to M-PESA Menu on your mobile phone</font></li>   
	  <li><font size='2' face='Tahoma'>Select Pay Bill option</font></li>    
      <li><font size='2' face='Tahoma'>Enter this Business Number  <strong>827112</strong> as the Business Number</font></li> 
	  <li><font size='2' face='Tahoma'>Enter account number - i.e. your phone number registered with in the system (user number)</font></li> 
	  <li><font size='2' face='Tahoma'>Enter the value amount to pay (NO COMMAS) Kshs. <strong>15000/=</strong> </font></li>       
	  <li><font size='2' face='Tahoma'>Enter your M-PESA PIN</font></li>      
	  <li><font size='2' face='Tahoma'>Then send the request</font></li></ul>
	  <li><font size='2' face='Tahoma'>Then Enter the Mpesa Code you recieve Here</font></li></ul>
      </div>
	   <input type="text" id="password" pattern='\S{8,}' name="mpesa" placeholder="Mpesa Code" class="input-xlarge"required>
         
    </div> 
	
	
	
	 <input value="2" type="radio" name="formselector" style="display:inline" onClick="displayForm(this)"></input><img src="images/paypal.png" width="100" height="30"/>
    <div style="display:none" id="paypalformContainer">
    
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="BMV9BY94WE9XA">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">



    </div>
	
	<script type='text/javascript'>
function displayForm(c) {
    if (c.value == "2") {    
        jQuery('#paypalformContainer').toggle('show');
        jQuery('#ccformContainer').hide();
        jQuery('#mpesaformContainer').hide();
    }
        if (c.value == "1") {
         jQuery('#ccformContainer').toggle('show');
         jQuery('#paypalformContainer').hide();
         jQuery('#mpesaformContainer').hide();
    }
	if (c.value == "3") {
         jQuery('#mpesaformContainer').toggle('show');
         jQuery('#paypalformContainer').hide();
         jQuery('#ccformContainer').hide();
    }
};
</script>
	<script>   /*end of payment */</script>
           <div class="controls">
            <button name="submit" id="sign_user"> Join Club</button>
          <a href='index.php' ><input type="button" Value="Not Now" id="sign_user"> </a>
          </div> 
        </form>
 
  </div> </section>
  <!-- /#registration-page -->
<!--Bottom-->
<section id="bottom" class="main">
    <!--Container-->
    <div class="container">

        <!--row-fluids-->
        <div class="row-fluid">

            <!--Contact Form-->
            <div class="span3">
                <h4>ADDRESS</h4>
                <ul class="unstyled address">
                    <li>
                        <i class="icon-home"></i><strong>Address:</strong> Gatkim House, Behind Ronald Ngala Post Office, <br>Fifth Floor along temple road
                    </li>
                    <li>
                        <i class="icon-envelope"></i>
                        <strong>Email: </strong> <a href="mailto:info@wealthmark.org">info@wealthmark.org</a>
                    </li>
                    <li>
                        <i class="icon-globe"></i>
                        <strong>Website:</strong> <a href="https://www.wealthmark.org"> www.wealthmark.org</a>
                    </li>
                    <li>
                        <i class="icon-phone"></i>
                        <strong>Phone:</strong> +254 (0) 772 220 320
                    </li>
                </ul>
            </div>
            <!--End Contact Form-->

            <!--Important Links-->
            <div id="tweets" class="span3">
                <h4>OUR COMPANY</h4>
                <div>
                    <ul class="arrow">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Why us</a></li>
                        <li><a href="#">Regester</a></li>
                        <li><a href="#">Contact</a></li>
                        
                    </ul>
                </div>  
            </div>
            <!--Important Links-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
            <div id="tweets" class="span3">
                <h4>Like our facebook page</h4>
                <div>
                    <ul class="arrow">
                     <div class="fb-page" data-href="https://www.facebook.com/wealthclubi/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-height="200" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/wealthclubi/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/wealthclubi/">Wealth-Club International</a></blockquote></div>
                    </ul>
                </div>  
            </div>

           
    <!--/row-fluid-->
</div>
<!--/container-->

</section>
<!--/bottom-->

<!--Footer-->
<?php include ('footer.php');?>
<!--/Footer-->

<!--  Login form -->
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
    <div class="modal-header">
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
        <h4>Login Form</h4>
    </div>
    <!--Modal Body-->
    <div class="modal-body">
        <form class="form-inline" action="login.php" method="post" id="form-login">
            <input type="text" class="input-small" name="username" placeholder="Username">
            <input type="password" class="input-small" name="password" placeholder="Password">
            <label class="checkbox">
                <input type="checkbox"> Remember me
            </label>
            <button type="submit" name="login" class="btn btn-primary">Sign in</button>
        </form>
        <a href="#">Forgot your password?</a>
    </div>
    <!--/Modal Body-->
</div>
<!--  /Login form -->

<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>
