<?php include 'header.php'?>
    <!--Slider-->
    <section id="slide-show">
     <div id="slider" class="sl-slider-wrapper">

        <!--Slider Items-->    
        <div class="sl-slider">
            <!--Slider Item1-->
            <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                <div class="sl-slide-inner">
                    <div class="container">
                        <img class="pull-right" src="images/sample/slider/img1.png" alt="" />
                        <h2>Register With us Today</h2>
                        <h3 class="gap">And Change Your Financial status</h3>
                        <a class="btn btn-large btn-transparent" href="signup?id=usersignup%your%choice%to%make%wealth%is%our%opportunity%to%propel&you">Register</a>
                    </div>
                </div>
            </div>
            <!--/Slider Item1-->

            <!--Slider Item2-->
            <div class="sl-slide item2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
                <div class="sl-slide-inner">
                    <div class="container">
                        <img class="pull-right" src="images/sample/slider/img2.png" alt="" />
                        <h2>Live A Life </h2>
                        <h3 class="gap">Free from financial crisis</h3>
                        <a class="btn btn-large btn-transparent" href="signup?id=usersignup%your%choice%to%make%wealth%is%our%opportunity%to%propel&you">Register </a>
                    </div>
                </div>
            </div>
            <!--Slider Item2-->

            <!--Slider Item3-->
            <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                <div class="sl-slide-inner">
                   <div class="container">
                    <img class="pull-right" src="images/sample/slider/img3.png" alt="" />
                    <h2>Build On Your Business</h2>
                    <h3 class="gap">And make more money</h3>
                    <a class="btn btn-large btn-transparent" href="signup?id=usersignup%your%choice%to%make%wealth%is%our%opportunity%to%propel&you">Register</a>
                </div>
            </div>
        </div>
        <!--Slider Item3-->
        
            <!--Slider Item4-->
            <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                <div class="sl-slide-inner">
                   <div class="container"> 
                   <p>&nbsp;</p>
                    <img class="pull-right" src="images/sample/slider/link image.png" width="650" height="650" alt="" />
                    <h2>Team Work</h2>
                    <h3 class="gap">The more we do together, the more we all benefit</h3>
                    <a class="btn btn-large btn-transparent" href="signup?id=usersignup%your%choice%to%make%wealth%is%our%opportunity%to%propel&you">Register</a>
                </div>
            </div>
        </div>
        <!--Slider Item4-->
    </div>
    <!--/Slider Items-->

    <!--Slider Next Prev button-->
    <nav id="nav-arrows" class="nav-arrows">
        <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span>
        <span class="nav-arrow-next"><i class="icon-angle-right"></i></span> 
    </nav>
    <!--/Slider Next Prev button-->

</div>
<!-- /slider-wrapper -->           
</section>
<!--/Slider-->


<!--Services-->
<section id="services">
    <div class="container">
        <div class="center gap">
            <h3>Why us</h3>
            <p class="lead"></p>
        </div>

        <div class="row-fluid">
            <div class="span4">
                <div class="media">
                    <div class="pull-left">
                        <i class="icon-globe icon-medium"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Global Wealth Network Changer</h4>
                        <p>Once you are registered:-<p><p><LI>No minimal/monthly maintenance fee.</p><p><LI>Life time membership – no renewal.</p><p><LI>Guaranteed mentorship and leadership trainings.</p><p><LI>No Dismissal,Retirement or Retrenchment.</p><p><LI>Create Generational Wealth.</p>
                    </div>
                </div>
            </div>            

            <div class="span4">
                <div class="media">
                    <div class="pull-left">
                        <i class="icon-thumbs-up-alt icon-medium"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Affordable for all</h4>
                        <p><LI>Our system makes it easy for all to Join and make wealth.</p><p><LI>To achieve these, We only give a registration fee of approximately $5 US Dollars.</p>
						<p><LI>And One joins the club With approximately $50 US Dollars.</p><p><LI>No Experience Needed.</p>
                    </div>
                </div>
            </div>            

            <div class="span4">
                <div class="media">
                    <div class="pull-left">
                        <i class="icon-leaf icon-medium icon-rounded"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">Opportunity</h4>
                        <p><LI>To change your financial status .</p><p><LI>To work from the comfort of your own home. </p><p><LI>To Have Full time Income.</p><p><LI>To Have flexible working hours.</p><p><LI>To Transform other Peoples Lives.</p><p><LI>To Be The Best You Can Be.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="gap"></div>
        

    </div>
</section>
<div id="wrapper">
<div id="ad">ad</div>
</div>
<!--/Services-->

<section id="recent-works">
    <div class="container">
        <div class="center">
            <h3>Benefit with us</h3>
            <p class="lead"></p>
        </div>  
        <div class="gap"></div>
        <ul class="gallery col-4">
            <!--Item 1-->
            <li>
                <div class="preview">
                    <img alt=" " src="img/download.png" width="250" height="70">
                    <div class="overlay">
                    </div>
                    
                </div>
                <div class="desc">
                    <h5>Mentorship and leadership trainings.</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/money.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 1--> 

            <!--Item 2-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/data1.jpg" width="250" height="70" alt="">
                    <div class="overlay">
                    </div>
                    
                </div>
                <div class="desc">
                    <h5>Build your business</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/money.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 2-->

            <!--Item 3-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/money.jpg" width="250" height="100">
                    <div class="overlay">
                    </div>
                 
                </div>
                <div class="desc">
                    <h5>Make Money With The Best Compensation Plan</h5>
                </div>
                <div id="modal-3" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/money.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 3--> 

            <!--Item 4-->
            <li>
                <div class="preview">
                    <img alt=" " src="images/happy.jpg" width="250" height="100">
                    <div class="overlay">
                    </div>
                  
                </div>
                <div class="desc">
                    <h5>Live Happy</h5>
                </div>
                <div id="modal-4" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="images/invest.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 4-->               

        </ul>
    </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-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="#">Register</a></li>
                        <li><a href="#">Contact Us</a></li>
                        
                    </ul>
                </div>  
            </div>
            <!--Important Links-->

            <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>
<div id="tweets" class="span3">
                <h4>Follow us on Twitter</h4>
                <div>
                    <ul class="arrow">
                    <a class="twitter-timeline" data-height="200" href="https://twitter.com/wealthclubIntl">Tweets by wealthclubIntl</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                    
</a>
<a href="https://twitter.com/wealthclubIntl" class="twitter-follow-button" data-show-count="false">Follow @wealthclubIntl</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</ul>
                </div>  
    <!--/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="https://www.facebook.com/wealthclubi/?fref=nf" target="_blank"><i class="icon-facebook"></i></a></li>
                    <li><a href="https://twitter.com/wealthclubIntl" target="_blank"><i class="icon-twitter"></i></a></li>
                    <li><a href="#"><i class="icon-pinterest"></i></a></li>
                    <li><a href="https://ke.linkedin.com/in/wealth-club-957210125" target="_blank"><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" pattern="\d{10}" placeholder="0725000000">
            <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 -->
<script type="text/javascript"> 
$(function() {
    var Page = (function() {

        var $navArrows = $( '#nav-arrows' ),
        slitslider = $( '#slider' ).slitslider( {
            autoplay : true
        } ),

        init = function() {
            initEvents();
        },
        initEvents = function() {
            $navArrows.children( ':last' ).on( 'click', function() {
                slitslider.next();
                return false;
            });

            $navArrows.children( ':first' ).on( 'click', function() {
                slitslider.previous();
                return false;
            });
        };

        return { init : init };

    })();

    Page.init();
});
</script>
<!-- /SL Slider -->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/577cce10bd327c3d1df5b8c5/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>