<!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">
    <!-- Web Fonts  -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,700,800,900" rel="stylesheet" type="text/css">
<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/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">
    <!-- Libs CSS -->
 
 
   
  
    <!-- Current Page CSS -->
    
    <link href="plugins/rs-plugin/css/custom-captions.css" rel="stylesheet" />

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.css">
	<style>
	#ww
	{
		width:200px;
		border-top-right-radius:12px;
		 	border-top-left-radius:12px;
	}


	</style>
	<style>
	#errorBox{
	color:#F00;
	}
	label
	{
	fonts:bold;	
		
	}
	.da{
		  width:auto;
	height:500px;
	position:absolute;
       left:100px;

	}
	.da1{
	width:auto;
	height:500px;
	position:absolute;
  
    left:950px;
	
	}
	.da2{
	width:auto;
	height:500px;
	position:absolute;
  
    left:550px;
	
	}
	
	#as{
		
		
		align: center;
	
	}
	.foot
{
	
	height:550px;
	

}
	
	
	</style>
	<script>
function Submit(){
	var emailRegex = /^[A-Za-z0-9._]*\@[A-Za-z]*\.[A-Za-z]{2,5}$/;
	var femail = document.form.Email.value,
		
		
	if(!emailRegex.test(femail)){
		document.form.Email.focus();
		document.getElementById("errorBox").innerHTML = "enter the valid email";
		return false;
	 }
		  
}

</script>
    <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/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">
</head>

<body>
<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>

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

   <section class="title">
    <div class="container">
      <div class="row-fluid">
        <div class="span6">
          <h1 align="">Join Wealth-Club International</h1>
		  
</div>	</a>
        </div>
		
		
        <div class="span6">
          <ul class="breadcrumb pull-right">
            
           
            
          </ul>
        </div>
      </div>
    </div>
  </section>
<div class="span6">
         
        </div>
            <section class="foot" >
									 <h2>Choose Payment Mode To Proceed</h2>
									 
										 
										  <div class="da" >

	<a href="signup?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you"><img src="images/mpesa.png" width="350" height="220" style="" name="formselector" ></img></a>&nbsp;&nbsp;
    
	
	
	
										  
										  </div>
										  <div class="da1" >
										  <h3><p></p></h3>
	<a href="signup?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you"><img src="images/regp.png" width="350" height="220" style="" name="formselector" ></img></a>
	<p>&nbsp;</p>
	<a href="signup?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you"><img src="images/silverp.png" width="350" height="220" style="" name="formselector" ></img></a>
	
	
	
	
											
										  </div>
										  
			 <div class="da2" >
										  <h3><p></p></h3>
	
	<a href="signup?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you"><img src="images/goldp.png" width="350" height="220" style="" name="formselector" ></img></a>
	<p>&nbsp;</p>
	<a href="signup?id=Welcome%to&Wealthmark%your%choice%to%make%wealth%is%our%opportunity%to%propel&you"><img src="images/platinump.png" width="350" height="220" style="" name="formselector" ></img></a>
    
	
	
	
											
										  </div>							  
									  
				 </section>				
<!--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-->

           <!--Important Links-->
            <div id="tweets" class="span3">
                <h4>OUR COMPANY</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>
            <!--Important Links-->

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

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

<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            <div class="span5 cp">
                &copy; 2016 <a target="_blank" href="https://www.wealthmark.org">Wealth Club</a>. All Rights Reserved.
            </div>
            <!--/Copyright-->

            <div class="span6">
                <ul class="social pull-right">
                    <li><a href="#"><i class="icon-facebook"></i></a></li>
                    <li><a href="#"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-pinterest"></i></a></li>
                    <li><a href="#"><i class="icon-linkedin"></i></a></li>
                    <li><a href="#"><i class="icon-google-plus"></i></a></li>                       
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
                    <li><a href="#"><i class="icon-tumblr"></i></a></li>                        
                    <li><a href="#"><i class="icon-dribbble"></i></a></li>
                    <li><a href="#"><i class="icon-rss"></i></a></li>
                    <li><a href="#"><i class="icon-github-alt"></i></a></li>
                    <li><a href="#"><i class="icon-instagram"></i></a></li>                   
                </ul>
            </div>

            <div class="span1">
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
            </div>
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/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>
<!-- Required javascript files for Slider -->
<script src="js/jquery.ba-cond.min.js"></script>
<script src="js/jquery.slitslider.js"></script>
<!-- /Required javascript files for Slider -->

<!-- SL Slider -->

<!-- /SL Slider -->
</body>
</html>