����
������������������������������������
<?php 
session_start();
include "connection.php";
include "header.php";
session_start();

if(isset($_POST['submit'])){
$_POST['password'] =   md5($_POST['password']);
    $query=mysqli_query($conn, "select * from users where `email` = '".$_POST['email']."' and `password` = '".$_POST['password']."' ");
    
    $nmr = mysqli_num_rows($query);
    
    if($nmr > 0){
        
         $data = mysqli_fetch_array($query);
        
            $_SESSION['user_id'] = $data['id'];
            
            echo "<script>alert('Login Success');
            window.location.href='joining_questions.php';
            </script>";
          
    }
    else{
         echo "<script>alert('Incorrect Username Or Password');
            window.location.href='join.php';
            </script>";
    }

}
?>
<style>
.site-container{
    background: linear-gradient(45deg, #0073b1, #0c8996) !important;
}
.title{
    color:#fff;
}
.join-form__form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #edf0f3;
    padding: 15px 24px 24px 24px;
       margin: 0 auto;
}
.join-form-input__label {
    font-size: 1.4rem;
    line-height: 1.42857;
    font-weight: 400;
    color: rgba(0,0,0,0.9);
    margin: 16px 0 4px 0;
}
.join-form-input__input.join-form-input__input:focus{
     border-color: #0073b1;
    -webkit-box-shadow: 0 0 0 0.1rem #0073b1;
    box-shadow: 0 0 0 0.1rem #0073b1;   
}
.join-form-input__input.join-form-input__input {
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 1.42857;
    font-weight: 400;
    -webkit-transition-duration: 334ms;
    transition-duration: 334ms;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, box-shadow;
    transition-property: border-color, box-shadow, -webkit-box-shadow;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.2rem;
    border: 0.1rem solid rgba(0,0,0,0.6);
    padding: 0 1.0rem;
    width: 100%;
    height: 3.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    color: rgba(0,0,0,0.9);
    display: inline-block;
}
.join-form-input__label {
    font-size: 1.4rem;
    line-height: 1.42857;
    font-weight: 400;
    color: rgba(0,0,0,0.9);
    margin: 16px 0 4px 0;
}
.join-form__form-body-agreement {
    font-size: 1.2rem;
    line-height: 1.33333;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    margin: 16px 0 16px 0;
    text-align: center;
        display: block;
}
.join-form__form-body-agreement-item-link {
    color: #0073b1;
}
.join-form__form-body-submit-button:hover{
    background-color: #006097;
    color: #fff;
}
.join-form__form-body-submit-button {
    background-color: #0073b1;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: inherit;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    outline-width: 2px;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    padding: 0 16px 0 16px;
    width: 100%;
}
.main__sign-in-container {
    text-align: center;
    margin: 0 auto;
    background-color: #edf0f3;
    padding: 16px 16px 24px 16px;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: rgba(0,0,0,0.9);
}
a.main__sign-in-link {
    color: #0073b1;
}
</style>
<main class="site-container">
<div class="overview">
<header style="padding-top:20px !important;" class="hero-simple container">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <h1 class="title">Login to Accelerativ</h1>
</header>


<div style="padding-bottom:30px; padding-top: 30px;"  class="container">
    <div class="row">
        <div class="col-md-5 col-lg-5 join-form__form-body">
           <div class="join-form__form-input-container">
               <form action="" method="post">
               <label class="join-form-input__label" for="email">Email</label>
               <input class="join-form-input__input" required="" id="email" type="text" name="email" value="">
               <label class="join-form-input__label" for="password">Password (6 or more characters)</label>
               <input class="join-form-input__input" autocomplete="new-password" required="" id="password" type="password" name="password"  value="">
               <span data-is-not-yielded="true" class="join-form__form-body-agreement">By clicking Agree &amp; Join, you agree to the Accelerativ <a target="_blank" class="join-form__form-body-agreement-item-link" href="/#">User Agreement</a>, <a target="_blank" class="join-form__form-body-agreement-item-link" href="#">Privacy Policy</a>, and  <a target="_blank" class="join-form__form-body-agreement-item-link" href="#">Cookie Policy</a>. </span>
               <button type="submit" id="join-form-submit" name="submit" class="join-form__form-body-submit-button" value="Agree &amp; Join" data-tracking-control-name="registration-frontend_join-form-submit">Sign In</button>
               </form>
               <p class="main__sign-in-container">Create an Account? <a href="join.php" class="main__sign-in-link">Sign up</a></p>
               <P>
                   <a href="#" rel="nofollow" class="btn btn-facebook btn-wide" onClick="javascript:CallAfterLogin();return false;">Login with Facebook</a>
                   <a href="javascript:void(0);" style="background-color: #f44336;" class="btn btn-wide" id="googleSignIn1">Sign in with Google</span></a>
               
            </P>
           </div>
        </div>
    </div>      
</div>


</main>
<?php 
include "footer.php";
?>