<!doctype html>
<html class="no-js" lang="">


<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Solstaker</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- <link rel="manifest" href="site.html"> -->
    <link rel="shortcut icon" type="image/x-icon" href="<?= base_url(); ?>website/img/favicon.png">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/owl.carousel.min.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/animate-headline.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/animate.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/magnific-popup.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/all.min.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/flaticon.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/circular-font.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/font.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/themify-icons.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/metisMenu.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/nice-select.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/slick.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/spacing.css">
    <link rel="stylesheet" href="<?= base_url(); ?>website/css/main.css">
</head>

<body>
	<style type="text/css">
		.form-control{
			    padding: 19px;
    height: 59px;
		}
		label{

    font-weight: 500;
    color: #3d4465;
    font-size: 15px;
}
		
	</style>
    <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <!-- Add your site or application content here -->
    <!-- preloader -->
    <div id="preloader">
        <div class="preloader">
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- preloader end  -->


    <div class="main-index-wrapper" style="background-image: url(<?= base_url(); ?>website/img/bg/full-bg1.jpg);"><!--main-index-wrapper-area start-->
        <!-- header-area start -->
         <header id="top-menu" class="transparent-head">
            <div class="main-header-area main-head-two">
                <div class="container-fluid">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-xl-2 col-lg-2 col-md-6 col-6">
                            <div class="logo">
                                <a class="logo-img" href="<?= base_url(); ?>">
                                    <img class="logo-1a" src="<?= base_url(); ?>website/img/logo.png" alt="">
                                    <img class="logo-2" src="<?= base_url(); ?>website/img/logo.png" alt="">
                                    <img class="logo-3" src="<?= base_url(); ?>website/img/logo.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-10 col-lg-10 col-md-6 col-6 text-right text-lg-center text-xl-right">
                            <div class="main-nav d-md-flex align-items-center justify-content-md-end">
                                <div class="main-menu mr-80 d-none d-lg-block">
                                    <nav>
                                        <ul>
                                            <li><a href="<?= base_url(); ?>login">Log in</a></li>
                    <li><a href="<?= base_url(); ?>register">Sign Up</a></li>
                   <li><a class="active" href="<?= base_url(); ?>how_it_work">Protocol</a>
                                               
                                            </li>
                                            <!-- <li><a href="<?= base_url(); ?>#investment">Performance</a></li> -->
                                            <li><a href="<?= base_url(); ?>help">Help</a></li>

                                        </ul>
                                    </nav>
                                </div>
                                <div class="right-nav d-flex align-items-center justify-content-end">
                                    <div class="hamburger-menu d-md-block d-lg-none">
                                        <a href="javascript:void(0);">
                                            <i class="far fa-bars"></i>
                                        </a>
                                    </div>
                                    <div class="quote-btn d-none d-sm-block ml-25">
                                        <a href="<?= base_url(); ?>register" class="theme_btn theme_btn2">Start Investing <i class="far fa-chevron-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area end -->

        <!-- slide-bar start -->
        <aside class="slide-bar">
            <div class="close-mobile-menu">
                <a href="javascript:void(0);"><i class="fas fa-times"></i></a>
            </div>

            <!-- offset-sidebar start -->
            
            <!-- offset-sidebar end -->

            <!-- side-mobile-menu start -->
             <nav class="side-mobile-menu">
                <ul id="mobile-menu-active">
                   <li><a href="<?= base_url(); ?>login">Log in</a></li>
                    <li><a href="<?= base_url(); ?>register">Sign Up</a></li>
                   <li><a class="active" href="<?= base_url(); ?>how_it_work">Protocol</a>
                                               
                                            </li>
                                            <!-- <li><a href="<?= base_url(); ?>#investment">Performance</a></li> -->
                                            <li><a href="<?= base_url(); ?>help">Help</a></li>
                </ul>
            </nav>
            <!-- side-mobile-menu end -->
        </aside>
        <div class="body-overlay"></div>
        <!-- slide-bar end -->

        <main>
            <!--slider-area start-->
           
            <!--slider-area end-->
            <!--what-we-do-area start-->
            <section class="what-we-do-area pt-140 pb-md-20 pt-md-60 pt-xs-60 pb-xs-20">
                <div class="container">
                    <div class="row mt-100 mb-40">
                        <div class="col-lg-12">
                            <div class="do-wrapper mb-30">
                             <div class="section-title text-center wow fadeInUp2 animated mb-135 mb-md-60 mb-xs-60" data-wow-delay=".1s">
                                <h3 class="mb-30"><span class="round-line">Support</span></h3>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-8 m-auto pb-100">
               <!-- <h3 class="text-center mb-5">Support</h3> -->
               <?php  if($this->session->flashdata()) {
                                    echo Helpers::showFlash($this->session->flashdata("response"));
                                } ?>
               <form method="POST">
                   <div class="row">
                       <div class="col-lg-12">
                           <label for="Name">Name</label>
                           <input type="text" class="form-control" name="name" placeholder="Enter Name" required>
                       </div>
                   </div>
                    <div class="row mt-4">
                       <div class="col-lg-12">
                           <label for="Email">Email</label>
                           <input type="email" class="form-control" name="email" placeholder="Enter Email" required>
                       </div>
                   </div>
                    <div class="row mt-4">
                       <div class="col-lg-12">
                           <label for="Message">Message</label>
                           </div>
                           <div class="col-lg-12">
                           <textarea class="form-control" name="message" rows="8" cols="50" placeholder="Enter Message" required></textarea>
                           </div>
                       </div>
                       <div class="row mt-4">
                       <div class="col-lg-12">
                           <button type="submit" class="theme_btn theme_btn2" style="border: none;">Submit</button>
                       </div>
                   </div>
                   </div>
               </form>
           </div>
                    </div><!-- /.row -->
                
                </div><!-- /.container -->
            </section>
            <!--what-we-do-area end-->
            <!--about-us-area start-->
          
        
        </main>
        <!--footer-area start-->
       <footer class="footer-area fix pt-80">
            <div class="container">
                <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 text-center  wow fadeInUp2 animated" data-wow-delay='.1s'>
                            <div class="footer__widget text-center mb-30">
                                <div class="footer-log mb-10">
                                    <a href="<?= base_url(); ?>" class="logo">
                                        <img src="<?= base_url(); ?>website/img/logo.png" alt="" width="50">
                                    </a>
                                    <p class="mt-4">Staking has never been easier</p>
                                     <ul class="fot-list justify-content-center" style="gap:25px">
                                    <li><a href="<?= base_url(); ?>terms_of_use"  target="_blank">Terms of Use</a></li>
                                    <li><a href="<?= base_url(); ?>law_enforcement_request_guidelines" target="_blank">Law Enforcement Request Guidelines</a></li>
                                    <li><a href="<?= base_url(); ?>privacy_policy" target="_blank">Privacy Policy</a></li>
                                </ul>
                                 <div class="footer-social mb-40">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="#"><i class="fab fa-google-plus-g"></i></a>
                                </div>
                                 <div class="copyright mb-40 text-center">
                                <p>© Copyright 2025 Solstaker</p>
                            </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        
                    </div>
               
            </div>
        </footer>
        <!--footer-area end-->
    </div> <!--main-index-wrapper-area end-->
    



    <!-- JS here -->
    <script src="<?= base_url(); ?>website/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="<?= base_url(); ?>website/js/vendor/jquery-2.2.4.min.js"></script>
    <script src="<?= base_url(); ?>website/js/popper.min.js"></script>
    <script src="<?= base_url(); ?>website/js/bootstrap.min.js"></script>
    <script src="<?= base_url(); ?>website/js/owl.carousel.min.js"></script>
    <script src="<?= base_url(); ?>website/js/isotope.pkgd.min.js"></script>
    <script src="<?= base_url(); ?>website/js/slick.min.js"></script>
    <script src="<?= base_url(); ?>website/js/metisMenu.min.js"></script>
    <script src="<?= base_url(); ?>website/js/jquery.nice-select.js"></script>
    <script src="<?= base_url(); ?>website/js/ajax-form.js"></script>
    <script src="<?= base_url(); ?>website/js/wow.min.js"></script>
    <script src="<?= base_url(); ?>website/js/jquery.counterup.min.js"></script>
    <script src="<?= base_url(); ?>website/js/waypoints.min.js"></script>
    <script src="<?= base_url(); ?>website/js/jquery.scrollUp.min.js"></script>
    <script src="<?= base_url(); ?>website/js/imagesloaded.pkgd.min.js"></script>
    <script src="<?= base_url(); ?>website/js/jquery.magnific-popup.min.js"></script>
    <script src="<?= base_url(); ?>website/js/jquery.easypiechart.js"></script>
    <script src="<?= base_url(); ?>website/js/tilt.jquery.js"></script>
    <script src="<?= base_url(); ?>website/js/animate-headline.js"></script>
    <script src="<?= base_url(); ?>website/js/plugins.js"></script>
    <script src="<?= base_url(); ?>website/js/main.js"></script>

</body>


</html>
