One Hat Cyber Team

View File Name : login.php

<?php

    //   $errorstype='';

    // $errors='';

    // if(isset($_POST['btnlogin'])){

    //     $con = mysqli_connect($host,$user,$pass,$db);

    //     $username = mysqli_real_escape_string($con, addslashes(trim($_POST['uname'])));

    //     $password = mysqli_real_escape_string($con, addslashes(trim($_POST['password'])));

    //     $query="select * from users where user_id='".$username."' and password='".$password."' ";

    //     $result=mysqli_query($con,$query);

    //     $row = mysqli_fetch_array($result,MYSQLI_ASSOC);

    //     $count = mysqli_num_rows($result);

    //     if($count == 1) {

    //         $_SESSION['login_user_name'] = $username;

    //         $errors .= "Your Sucessfuly Login!";

    //         $errorstype = 'success';

    //         header("location:../index.php");

    //    }else {

    //        $errors .= "phone number or Password is invalid";

    //        $errorstype = "danger";  

    //  }

    //  mysqli_close($con);

    // }



?>





<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Thuru Kapakaru | User Profile</title>

<!-- Stylesheets -->

<link href="<?php echo base_url();?>public/assets/css/bootstrap.css" rel="stylesheet">

<link href="<?php echo base_url();?>public/assets/css/style.css" rel="stylesheet">

<link href="<?php echo base_url();?>public/assets/css/revolution-slider.css" rel="stylesheet">

<link href="<?php echo base_url();?>public/assets/css/mystyle.css" rel="stylesheet">

<link href="<?php echo base_url();?>public/assets/css/main.css" rel="stylesheet">

<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="<?php echo base_url();?>public/assets/css/responsive.css" rel="stylesheet">

<script src="https://kit.fontawesome.com/bb7ec8c43c.js" crossorigin="anonymous"></script>



<!--login styles-->



<!--[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]-->

<?php $page='login';?>

</head>



<body>

<div class="page-wrapper">

 	

    <!-- Preloader -->

    <!-- <div class="preloader"></div> -->

    

 	

    <!-- Main Header -->

    <?php 

        // $path = $_SERVER['DOCUMENT_ROOT'];

        $path = "/resources/includes/header.php"; /*$path .= */

        require_once(__DIR__.$path);



?>



    <!--End Main Header -->

    



    <!--Page Title-->

    <section class="page-title login-page" >

    	<div class="auto-container">

        	<div class="sec-title">



                <div class="wrapper fadeInDown">

                    <div id="formContent">

                        <!-- Tabs Titles -->



                        <!-- Icon -->

                        <div class="fadeIn first">

                            <br>

                        </div>

             <!-- <div class='alert alert-<?php echo $errorstype?>'><?php echo $errors ?></div>  -->

                       

                                <?php



                                if($validate_login == "incorrect_login"){



                                        echo' <div class="login-error">

                                        <p><i class="fas fa-exclamation-triangle"></i> &nbsp; Invalid login details!</p>

                                        </div>';

                                }

                        

                        

                        ?>          <!-- Login Form -->

                        <div class="wrapper log-form">

                            <form class="form-signin" action="<?php echo base_url()?>Login/Validation" method="POST">       

                            <h2 class="form-signin-heading">Please login</h2>

                            <input type="text" class="form-control" name="username" type="number" placeholder="Mobile Number" required="" autofocus="" />

                            <input type="password" class="form-control" name="password" placeholder="Password" required=""/>      

                            <label class="checkbox remember" >

                                <input type="checkbox" value="remember-me" id="rememberMe" name="rememberMe"> Remember me

                            </label>

                            <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>   

                            <!-- Remind Passowrd -->

                            <div class="login-footer">

                            <a class="underlineHover" href="./RecoverPw">Forgot Password?</a>

                            </div>



                            </form>

                        </div>



                        



                    </div>

                    </div>

                

            </div>

        </div>

    </section>

    

    

    <section>

        

    </section>

    

    

    <!--Footer-->

    <?php include __DIR__.'/resources/includes/footer.php'; ?>

</div>

<!--End pagewrapper-->









<!--Donate Popup-->

<div class="modal fade pop-box" id="donate-popup" tabindex="-1" role="dialog" aria-labelledby="donate-popup" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

        	<!--Donation Section-->

            <section class="donation-section">

                <div class="donation-form-outer">

                    <form method="post" action="contact.html">

                        

                        <!--Form Portlet-->

                        <div class="form-portlet">

                            <h3>How Much Would you like to Donate?</h3>

                            

                            <div class="row clearfix">

                                <div class="form-group col-lg-7 col-md-12 col-xs-12 clearfix">

                                    

                                    <div class="radio-select">

                                        <input type="radio" name="sel-amount" id="amount-1">

                                        <label for="amount-1">$10</label>

                                    </div>

                                    

                                    <div class="radio-select">

                                        <input type="radio" name="sel-amount" id="amount-2" checked>

                                        <label for="amount-2">$25</label>

                                    </div>

                                    

                                    <div class="radio-select">

                                        <input type="radio" name="sel-amount" id="amount-3">

                                        <label for="amount-3">$50</label>

                                    </div>

                                    

                                    <div class="radio-select">

                                        <input type="radio" name="sel-amount" id="amount-4">

                                        <label for="amount-4">$100</label>

                                    </div>

                                    

                                    <div class="radio-select">

                                        <input type="radio" name="sel-amount" id="amount-5">

                                        <label for="amount-5">$150</label>

                                    </div>

                                    

                                </div>

                                

                                <div class="form-group other-amount col-lg-5 col-md-8 col-xs-12 padd-top-10">

                                    

                                    <input type="text" name="other-amount" value="" placeholder="Or Other Amount">

                                    

                                </div>

                                

                            </div>

                        </div>

                        

                        <br>

                        

                        <!--Form Portlet-->

                        <div class="form-portlet">

                            <h4>Billing Information</h4>

                            

                            <div class="row clearfix">

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">First Name <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="First Name" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Last Name <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Last Name" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Email <span class="required">*</span></div>

                                    <input type="email" name="name" value="" placeholder="Email" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Phone <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Phone" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Address 1 <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Address 1" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Address 2 <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Address 2" required>

                                </div>

                                

                            </div>

                        </div>

                        

                        <br>

                        

                        <!--Form Portlet-->

                        <div class="form-portlet">

                            <h4>Payment Information</h4>

                            

                            <div class="payment-option-logo"><img class="img-responsive" src="../images/resource/payment-logos.png" alt=""></div>

                            <br>

                            

                            <div class="row clearfix">

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Card Number <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Card Number" required>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Card Holder Name <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Card Holder Name" required>

                                </div>

                                

                                

                                

                                <div class="form-group col-lg-3 col-md-3 col-xs-12">

                                    <div class="field-label">Expire Date <span class="required">*</span></div>

                                    <select>

                                        <option>01</option>

                                        <option>02</option>

                                        <option>03</option>

                                        <option>04</option>

                                        <option>05</option>

                                        <option>06</option>

                                        <option>07</option>

                                        <option>08</option>

                                        <option>09</option>

                                        <option>10</option>

                                        <option>11</option>

                                        <option>12</option>

                                    </select>

                                </div>

                                

                                <div class="form-group col-lg-3 col-md-3 col-xs-12">

                                    <div class="field-label">&nbsp;</div>

                                    <select>

                                        <option>2016</option>

                                        <option>2017</option>

                                        <option>2018</option>

                                        <option>2019</option>

                                        <option>2020</option>

                                    </select>

                                </div>

                                

                                <div class="form-group col-lg-6 col-md-6 col-xs-12">

                                    <div class="field-label">Security Code (CVC) <span class="required">*</span></div>

                                    <input type="text" name="name" value="" placeholder="Security Code" required>

                                </div>

                                

                            </div>

                        </div>

                        

                        <div class="text-left"><button type="submit" class="theme-btn btn-style-two">Donate Now</button></div>

                        

                    </form>

                </div>

            </section>

        </div>

    <!-- /.modal-content -->

    </div>

<!-- /.modal-dialog -->

</div>

<!-- /.modal -->



<!--registration js-->

<script>

    var currentTab = 0; // Current tab is set to be the first tab (0)

showTab(currentTab); // Display the current tab



function showTab(n) {

  // This function will display the specified tab of the form ...

  var x = document.getElementsByClassName("tab");

  x[n].style.display = "block";

  // ... and fix the Previous/Next buttons:

  if (n == 0) {

    document.getElementById("prevBtn").style.display = "none";

  } else {

    document.getElementById("prevBtn").style.display = "inline";

  }

  if (n == (x.length - 1)) {

    document.getElementById("nextBtn").innerHTML = "Submit";

  } else {

    document.getElementById("nextBtn").innerHTML = "Next";

  }

  // ... and run a function that displays the correct step indicator:

  fixStepIndicator(n)

}



function nextPrev(n) {

  // This function will figure out which tab to display

  var x = document.getElementsByClassName("tab");

  // Exit the function if any field in the current tab is invalid:

  if (n == 1 && !validateForm()) return false;

  // Hide the current tab:

  x[currentTab].style.display = "none";

  // Increase or decrease the current tab by 1:

  currentTab = currentTab + n;

  // if you have reached the end of the form... :

  if (currentTab >= x.length) {

    //...the form gets submitted:

    document.getElementById("regForm").submit();

    return false;

  }

  // Otherwise, display the correct tab:

  showTab(currentTab);

}



function validateForm() {

  // This function deals with validation of the form fields

  var x, y, i, valid = true;

  x = document.getElementsByClassName("tab");

  y = x[currentTab].getElementsByTagName("input");

  // A loop that checks every input field in the current tab:

  for (i = 0; i < y.length; i++) {

    // If a field is empty...

    if (y[i].value == "") {

      // add an "invalid" class to the field:

      y[i].className += " invalid";

      // and set the current valid status to false:

      valid = false;

    }

  }

  // If the valid status is true, mark the step as finished and valid:

  if (valid) {

    document.getElementsByClassName("step")[currentTab].className += " finish";

  }

  return valid; // return the valid status

}



function fixStepIndicator(n) {

  // This function removes the "active" class of all steps...

  var i, x = document.getElementsByClassName("step");

  for (i = 0; i < x.length; i++) {

    x[i].className = x[i].className.replace(" active", "");

  }

  //... and adds the "active" class to the current step:

  x[n].className += " active";

}

</script>

<script src="<?php echo base_url();?>public/assets/js/jquery.js"></script> 

<script src="<?php echo base_url();?>public/assets/js/bootstrap.min.js"></script>

<script src="<?php echo base_url();?>public/assets/js/revolution.min.js"></script>

<script src="<?php echo base_url();?>public/assets/js/jquery.fancybox.pack.js"></script>

<script src="<?php echo base_url();?>public/assets/js/jquery.fancybox-media.js"></script>

<script src="<?php echo base_url();?>public/assets/js/owl.js"></script>

<script src="<?php echo base_url();?>public/assets/js/wow.js"></script>

<script src="<?php echo base_url();?>public/assets/js/script.js"></script>

</body>

</html>