Failed to connect to MySQL: Access denied for user 'bounced_m4m'@'localhost' to database 'bounced_m4m' 1044    <script src="./js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/css/font-awesome.min.css" rel="stylesheet">
    <link href="./css/home.css" rel="stylesheet">
<script>
$(document).ready(function() {
    $('#myCarousel').carousel({
        interval: 10000
    })
});

function checkname()
{
 var name=document.getElementById( "username" ).value;
	
 if(name)
 {
  $.ajax({
  type: 'POST',
  url: 'checkdata.php',
  data: "user_name="+name,  
  success: function (response) {
   $( '#errorusername' ).html(response);
   if(response=="OK")	
   {
    return true;	
   }
   else
   {
    return false;	
   }
  }
  });
 }
 else
 {
  $( '#errorusername' ).html("");
  return false;
 }
}

function checkemail()
{
 var email=document.getElementById( "email" ).value;
	
 if(email)
 {
  $.ajax({
  type: 'POST',
  url: 'checkdata.php',
  data: "user_email="+email,  
  success: function (response) {
   $( '#erroremail' ).html(response);
   if(response=="OK")	
   {
    return true;	
   }
   else
   {
    return false;	
   }
  }
  });
 }
 else
 {
  $( '#erroremail' ).html("");
  return false;
 }
}



    function pushnext(step,str){
         
                var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;  
                if(step==1)
                {
                    var gender = document.getElementById('gender').value;
                    var forwhome = document.getElementById('forwhome').value;
                    var day = document.getElementById('day').value;
                    var month = document.getElementById('month').value;
                    var year = document.getElementById('year').value;
                    var citytown=document.getElementById('towncity').value;
                    if (day == null || day == "") {
                        document.getElementById('day_error').style.display = 'block';
                        return false;
                    } else if (month == null || month == "") {
                        document.getElementById('month_error').style.display = 'block';
                        return false;
                    }else if (year == null || year == "") {
                        document.getElementById('year_error').style.display = 'block';
                        return false;
                    }else if (gender == null || gender == "") {
                        document.getElementById('gender_error').style.display = 'block';
                        return false;
                    }else if (citytown == null || citytown == "") {
                        document.getElementById('city_error').style.display = 'block';
                        return false;
                    }
                    else
                    {
                        var data=document.getElementById('resultdata').value;
                        data=gender+"@**@"+forwhome+"@**@"+day+"@**@"+month+"@**@"+year+"@**@"+citytown;
                        document.getElementById('resultdata').value = data;
                        window.location.href="welcome.php?gender-looking="+gender+"&forwhome="+forwhome+"&day="+day+"&month="+month+"&year="+year+"&city="+citytown;

                        var next_step = step + 2;//step+1
//                        document.getElementById('step_holder').innerHTML=document.getElementById('step_'+next_step).innerHTML;
                        //document.getElementById('prev_step').style.display='block';
                        //document.getElementById('current_step').value = next_step;
                    }
                }/*
                if(step==2)
                {
                    var geoplace = document.getElementById('geoplace').value;
                    var name = document.getElementById('name').value;
                    var address = document.getElementById('address').value;
                    var contact_no = document.getElementById('contact_no').value;
                    var selectedValue=document.getElementById('country');
                    var country = selectedValue.options[selectedValue.selectedIndex].value;
                    var pcode=document.getElementById('pcode').value;
                    
                    if (geoplace == null || geoplace == "") {
                        document.getElementById('geoplace_error').style.display = 'block';
                        return false;
                    }
                    else if (name == "") {
                        document.getElementById('name_error').style.display = 'block';
                        return false;
                    }
                    else if (address == "") {
                        document.getElementById('address_error').style.display = 'block';
                        return false;
                    }
                    else if (pcode == "") {
                        document.getElementById('postalcode_error').style.display = 'block';
                        return false;
                    }else if (country == "") {
                        document.getElementById('country_error').style.display = 'block';
                        return false;
                    }else if (contact_no == "") {
                        document.getElementById('contact_no_error').style.display = 'block';
                        return false;
                    }else
                    {
                        var data=document.getElementById('resultdata').value;
                        data=data+"@**@"+geoplace+"@**@"+name+"@**@"+address+"@**@"+contact_no+"@**@"+country+"@**@"+pcode;
                        document.getElementById('resultdata').value = data;
                        var next_step = step + 1;
                        document.getElementById('step_holder').innerHTML=document.getElementById('step_'+next_step).innerHTML;
                       
                    }
                }*/
                if(step==3)
                {
                    var username = document.getElementById('username').value;
                    var email = document.getElementById('email').value;
                    var password = document.getElementById('password').value;
                    var verifypassword = document.getElementById('verifypassword').value;
                    var wherehear = document.getElementById('wherehear').value;
                    var terms_check = document.getElementById('terms_check').checked;
                    var liketorecieve = document.getElementById('liketorecieve').checked;
                    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
                    if(password==verifypassword)
                    {
                    	  //alert("Email "+email);
                        if (username == null || username == "") {
                            document.getElementById('username_error').style.display = 'block';
                            return false;
                        }                      
                        else if (email == null || email == "") {
                        document.getElementById('email_error').style.display = 'block';
                        return false;
                        }else if(!email.match(mailformat)){
                            document.getElementById('email_error').style.display = 'block';
                            return false;
                        }
                        else if (password == null || password == "") {
                        document.getElementById('password_error').style.display = 'block';
                        return false;
                        }
                        else if(password.length<6)
                        {
                            document.getElementById('password_error').style.display = 'block';
                            return false;
                        }
                        else if (wherehear == null || wherehear == "") {
                        document.getElementById('wherehear_error').style.display = 'block';
                        return false;
                        }
                        else if (terms_check==false) {
                        document.getElementById('terms_check_error').style.display = 'block';
                        return false;
                        }
                        else
                        {
                            var data= "username="+username+"&email="+email+"&password="+password+"&wherehear="+wherehear;
                             console.log(data);
                             $.ajax({
                                type: "POST",
                                url: "registration_model2.php",
                                data: data,
                                cache: false,
                                success: function(result){
                                    var temp=result.split('@@');
                                    if(temp[1]=="success"){
                                        window.location.href="finish-survey.php";
                                    }else{
                                        document.getElementById('emailpresent_error').style.display = 'block';
                                        return false;   
                                    }
                                }
                            });             
                        }
                    }
                    else
                    {
                        document.getElementById('verifypassword_error').style.display = 'block';
                        return false;
                    }
                }
    }
    function pushskip(step){
        var next_step = step + 1;
        document.getElementById('step_holder').innerHTML=document.getElementById('step_'+next_step).innerHTML;
    }
    function getstart(){
        document.getElementById('startup').style.display='none';
        document.getElementById('step_holder').style.display='block';
    }
    function go_back(){
        var current_step = document.getElementById('current_step').value;
        var back_step = current_step - 1;
        document.getElementById('step_holder').innerHTML=document.getElementById('step_'+back_step).innerHTML;
        document.getElementById('current_step').value = back_step;
    }
    function forgot_password()
    {
        document.getElementById('step_holder').innerHTML=document.getElementById('forgot_password').innerHTML;
    }
    function forgot_passwordsendmail()
    {
        var forgotpassword_email=document.getElementById('forgotpassword_email').value;
        var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
        if(!forgotpassword_email.match(mailformat)){
            document.getElementById('forgotpassword_email_error1').style.display = 'block';
            return false;
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "forgot.php",
                data: "email="+forgotpassword_email,
                cache: false,
                success: function(result){
                    var temp=result.split('@@');
                    if(temp[1]=="success"){
                        document.getElementById('step_holder').innerHTML=document.getElementById('forgot_passwordsuccess').innerHTML;
                    }else{
                        document.getElementById('forgotpassword_email_error').style.display = 'block';
                        return false;   
                    }
                }
            });
        }
    }
    function set_step_holder(id)
    {
        document.getElementById('step_holder').innerHTML=document.getElementById(id).innerHTML;
    }
    function forgot_emailgetemail()
    {
        var forgot_email_username=document.getElementById('forgot_email_username').value;
        var forgot_email_password=document.getElementById('forgot_email_password').value;
        var forgot_email_day=document.getElementById('forgot_email_day').value;
        var forgot_email_month=document.getElementById('forgot_email_month').value;
        var forgot_email_year=document.getElementById('forgot_email_year').value;
        if (forgot_email_username == null || forgot_email_username == "") {
            document.getElementById('forgot_email_username_error').style.display = 'block';
            return false;
        }
        else if (forgot_email_password == null || forgot_email_password == "") {
            document.getElementById('forgot_email_password_error').style.display = 'block';
            return false;
        }
        else if (forgot_email_day == null || forgot_email_day== "") {
            document.getElementById('forgot_email_day_error').style.display = 'block';
            return false;
        }   
        else if (forgot_email_month == null || forgot_email_month == "") {
            document.getElementById('forgot_email_month_error').style.display = 'block';
            return false;
        }        
        else if (forgot_email_year == null || forgot_email_year == "") {
            document.getElementById('forgot_email_year_error').style.display = 'block';
            return false;
        }
        else
        {
            $.ajax({
                type: "POST",
                url: "forgot_email.php",
                data: "username="+forgot_email_username+"&password="+forgot_email_password+"&day="+forgot_email_day+"&month="+forgot_email_month+"&year="+forgot_email_year,
                cache: false,
                success: function(result){
                   // alert(result);
                    console.log(result);
                    var temp=result.split('@@');
                    if(temp[1]=="success"){
                        document.getElementById('forgot_emailcontainerdiv').innerHTML="<b>Your Email Id is <br>"+temp[0]+"</b><br>";
                    }else{
                        document.getElementById('forgotemail_validation_error').style.display = 'block';
                        return false;   
                    }
                }
            });
        }
    }
</script>

<style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,300italic,400italic|Open+Sans+Condensed:300,500,700);img,legend{border:0}body,html,legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes rotateAnimation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateAnimation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes colorAnimation{0%{color:#ea6262}33.33333%{color:#007088}66.66667%{color:#f5bb11}100%{color:#12a2a1}}@keyframes colorAnimation{0%{color:#ea6262}33.33333%{color:#007088}66.66667%{color:#f5bb11}100%{color:#12a2a1}}@-webkit-keyframes button-burst{50%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes button-burst{50%{-webkit-transform:scale(.9);transform:scale(.9)}}.splash-screen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1;background-color:#e9eaed}.splash-screen__loader{-webkit-animation:1s linear infinite;animation:1s linear infinite;-webkit-animation-name:rotateAnimation,colorAnimation;animation-name:rotateAnimation,colorAnimation;border-top:.125rem solid;-webkit-border-top-left-radius:50%;border-top-left-radius:50%;-webkit-border-top-right-radius:50%;border-top-right-radius:50%;width:6rem;height:6rem}body,html{margin:0;-webkit-overflow-scrolling:touch}body{margin:0;font-family:'Open Sans','Open Sans Condensed'}a,button{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent}</style>
<body style="overflow-x:hidden">
<div style="background: url(./2.png);background-size: cover;height:800px">
    <input type="hidden" id="resultdata">
    
    <span ><a style="color:#fff;top:20px;left:85%;position:relative;font-size:20px;font-weight:bold;text-decoration:underline" href="index.php?action=login">Login</a></span>
        <div class="container" style="" id="step_holder">

        </div>
    <div class="col-md-4"></div>
    <input type="hidden" id="current_step" value="">
        <div id="step_1" style="display:none">
                <div class="col-md-12" style="top:40px">
                    <div class="col-md-4"></div>
                    <div class="col-md-4" >
                        <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                        <div class="panel">
                            <div class="panel-heading" style="color:#fff;background-color: #BF0053;font-size:25px;text-align:center">
                                <b>Welcome to Match 4 Muslims<br>
                                    Register For free.</b>
                                </div>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label>I am</label>
                                        <select class="form-control" name="gender" id="gender" required="">
                                            <option value="" disabled="">Select</option>
                                            <option value="21">Searching for a groom</option>
                                            <option value="12">Searching for a bride</option>
                                            <!-- <option value="22">a woman seeking a woman</option>
                                            <option value="11">a man seeking a man</option> -->
                                        </select>
                                        <div style="margin-bottom: 10px; color:#A71519; display: none;" id="gender_error">Please select</div>
                                    </div>
                                     <div class="form-group">
                                        <label>For</label>
                                        <select class="form-control" name="forwhome" id="forwhome" required="">
                                            <option >Myself</option>
                                            <option >My daughter</option>
                                            <option >My Son</option>
                                            <option >My Relative</option>
                                            
                                        </select>
                                        <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forwhome_error">Please select</div>
                                    </div>
                                    <div class="form-group">
                                        <label>My Date of Birth</label><br>
                                        <label class="tbr-select auth__select-day">
                                            <select name="day" class="reg-date form-control" id="day">
                                                <option value="">Date</option>
                                                <option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option>                                            </select>
                                        </label>
                                        <label class="tbr-select auth__select-month" >
                                            <select name="month" class="reg-month form-control" id="month">
                                                <option value="">Month</option>
                                                <option value="1">January</option>
                                                <option value="2">February</option>
                                                <option value="3">March</option>
                                                <option value="4">April</option>
                                                <option value="5">May</option>
                                                <option value="6">June</option>
                                                <option value="7">July</option>
                                                <option value="8">August</option>
                                                <option value="9">September</option>
                                                <option value="10">October</option>
                                                <option value="11">November</option>
                                                <option value="12">December</option>
                                            </select>
                                        </label>
                                        <label class="tbr-select auth__select-year" >
                                            <select name="year" class="reg-year form-control" id="year">
                                                <option value="">Year</option>
                                                <option value='1998'>1998</option><option value='1997'>1997</option><option value='1996'>1996</option><option value='1995'>1995</option><option value='1994'>1994</option><option value='1993'>1993</option><option value='1992'>1992</option><option value='1991'>1991</option><option value='1990'>1990</option><option value='1989'>1989</option><option value='1988'>1988</option><option value='1987'>1987</option><option value='1986'>1986</option><option value='1985'>1985</option><option value='1984'>1984</option><option value='1983'>1983</option><option value='1982'>1982</option><option value='1981'>1981</option><option value='1980'>1980</option><option value='1979'>1979</option><option value='1978'>1978</option><option value='1977'>1977</option><option value='1976'>1976</option><option value='1975'>1975</option><option value='1974'>1974</option><option value='1973'>1973</option><option value='1972'>1972</option><option value='1971'>1971</option><option value='1970'>1970</option><option value='1969'>1969</option><option value='1968'>1968</option><option value='1967'>1967</option><option value='1966'>1966</option><option value='1965'>1965</option><option value='1964'>1964</option><option value='1963'>1963</option><option value='1962'>1962</option><option value='1961'>1961</option><option value='1960'>1960</option><option value='1959'>1959</option><option value='1958'>1958</option><option value='1957'>1957</option><option value='1956'>1956</option><option value='1955'>1955</option><option value='1954'>1954</option><option value='1953'>1953</option><option value='1952'>1952</option><option value='1951'>1951</option><option value='1950'>1950</option><option value='1949'>1949</option><option value='1948'>1948</option><option value='1947'>1947</option><option value='1946'>1946</option><option value='1945'>1945</option><option value='1944'>1944</option><option value='1943'>1943</option><option value='1942'>1942</option><option value='1941'>1941</option><option value='1940'>1940</option><option value='1939'>1939</option><option value='1938'>1938</option><option value='1937'>1937</option><option value='1936'>1936</option><option value='1935'>1935</option><option value='1934'>1934</option><option value='1933'>1933</option><option value='1932'>1932</option><option value='1931'>1931</option><option value='1930'>1930</option><option value='1929'>1929</option><option value='1928'>1928</option><option value='1927'>1927</option><option value='1926'>1926</option>                                            </select>
                                        </label>
                                        <div style="margin-bottom: 10px; color:#A71519; display: none;" id="day_error">Please Select Day</div>
                                        <div style="margin-bottom: 10px; color:#A71519; display: none;" id="month_error">Please Select Month</div>
                                        <div style="margin-bottom: 10px; color:#A71519; display: none;" id="year_error">Please Select year</div>
                                    
                                    
                                    
			                             <div class="form-group ">
			                                <label>Which town/city are you from?</label>
			                                <input type="text" class="form-control" name="towncity" placeholder="Please enter your town/city" id="towncity">   
			                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="city_error">   Please Enter town/city name
			                                </div>
			                            </div>
                                    </div>
                                    <input type="button" class="btn btn-success form-control continue" value="CONTINUE" style="background-color: #BF0053;color:#fff;" onclick="pushnext(1);">
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
               
        <div id="step_3" style="display:none;">
            <div class="col-md-12" style="top:20px">
            <div class="col-md-4"></div>
            <div class="col-md-4" >
            <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                <div class="panel">
                        
                        <div class="panel-body">
                             <label style="font-weight:bold;font-size:17px">Your online details </label>
                            <div class="form-group ">
                                <label>Enter username</label>
                                <input type="text" class="form-control" name="username" placeholder="Enter username" id="username" onkeyup="checkname();">   
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="username_error">   Please Enter Username
                                </div>
                                 <div style="margin-bottom: 10px; color:#A71519;" id="errorusername">                                   </div>
                            </div>
                            <div class="form-group ">
                                <label>Enter email</label>
                                <input type="email" class="form-control" name="email" placeholder="E-mail" id="email" onkeyup="checkemail();">   
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="email_error">   Please Enter valid email
                                </div>
                                 <div style="margin-bottom: 10px; color:#A71519;" id="erroremail">   
                                </div>
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="emailpresent_error">This email address is already taken. Would you like to <a href="index.php?action=login" style="text-decoration:underline" >login</a> or <a href="index.php?action=forgotpassword" style="text-decoration:underline" >recover your password?</a> 
                                </div>
                            </div>
                            <div class="form-group ">
                                <label>Enter password</label>
                                <input type="password" class="form-control" name="password" placeholder="Please enter at least 8 characters" id="password">
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="password_error">    Please enter at least 8 characters
                                </div>
                                
                            </div>
                            <div class="form-group ">
                                <label>Verify password</label>
                                <input type="password" class="form-control" name="verifypassword" placeholder="Verify Password" id="verifypassword">
                                
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="verifypassword_error">    Password Missmatch
                                </div>
                            </div>
                            <div class="form-group ">
                                <label>Where did you hear about us?</label>
                                <select class="form-control" name="wherehear" id="wherehear" required="">
                                    <option value="" disabled="">Select</option>
                                    <option >Posters/Transport</option>
                                    <option >Radio</option>
                                    <option >Everyone knows Match 4 Muslims</option>
                                    <option >Someone recommended</option>
                                    <option >Somewhere online</option>
                                    <option >TV</option>
                                    <option >Cinema/Press</option>
                                </select>
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="wherehear_error">    Please Select
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="col-md-2">
                                <input type="checkbox" class="form-control" name="terms_check" id="terms_check" required>
                                </div>
                                <div class="col-md-10">
                                <label for="terms_check" class="columns small-11">
                                    I certify that I am over 18 and have read and accepted the <a target="_blank" title="terms &amp; conditions" href="trems-condition.php">terms &amp; conditions</a>, the <a target="_blank" title="privacy policy" href="privacy.php">privacy policy</a>.
                                </label>
                                </div>
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="terms_check_error">    You must read and accept our terms aand conditions to validate your registration.
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="col-md-2">
                                    <input type="checkbox" class="form-control" name="liketorecieve" id="liketorecieve">
                                </div>
                                <div class="col-md-10">
                                    <label for="liketorecieve" class="columns small-11">
                                        Yes, I'd like to receive email offers from partners of Match 4 Muslims                                    </label>
                                </div>
                            </div>
                            <input type="button" class="btn btn-success form-control continue" value="CONTINUE" style="background-color: #BF0053;color:#fff;" onclick="pushnext(3);">
                        </div>
                </div>
            </div>
            </div>
        </div>
        
       
        <div id="recoverpassword" style="display: none;">
            <div class="col-md-12" style="top:100px">
                <div class="col-md-4"></div>
                <div class="col-md-4" >
                    <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                    <div class="panel">
                            <div class="panel-heading" style="color:#BF0053;font-size:25px;text-align:center">
                                Forgot your login details?
                            </div>
                            <div class="panel-body">
                                <input type="button" class="btn btn-success form-control" style="background-color: #BF0053;color:#fff;" value="EMAIL ADDRESS" onclick="set_step_holder('forgot_email')"><br><br>
                                <input type="button" class="btn btn-success form-control" style="background-color: #BF0053;color:#fff;" value="PASSWORD" onclick="forgot_password();" ><br>
                                <center><b><a href="index.php?action=login" style="text-decoration:underline;">Return to login</a></b></center>
                            </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="forgot_password" style="display: none;">
            <div class="col-md-12" style="top:100px">
            <div class="col-md-4"></div>
            <div class="col-md-4" >
            <center><img src="http://ysitpl.com/rahul/matri/images/logo/logo.png" width="300" style="margin-top:" ></center>
                <div class="panel">
                        <div class="panel-heading" style="background-color: #BF0053;color:#fff;font-size:25px;text-align:center">
                            Forgot your password?
                        </div>
                        <div class="panel-body">
                            <span style="text-align:left"><b>
                                Enter the email address that you registered with and we will send you instructions on how to reset your password.
                                                            </b>    
                            </span><br>
                            <input type="email" name="forgotpassword_email" id="forgotpassword_email" class="form-control" required><br>
                            <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgotpassword_email_error"> Email id is not registered.
                            </div>
                            <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgotpassword_email_error1"> Enter email id in proper format.
                            </div>
                            <input type="button" class="btn btn-success form-control" style="background-color: #BF0053;color:#fff;" value="CONFIRM" onclick="forgot_passwordsendmail();" ><br>
                            <center><b><a href="#" onclick="set_step_holder('recoverpassword')" style="text-decoration:underline;color:#000">Return to login</a></b></center>
                        </div>
                </div>
            </div>
            </div>
        </div>
        <div id="forgot_passwordsuccess" style="display: none;">
            <div class="col-md-12" style="top:100px">
            <div class="col-md-4"></div>
            <div class="col-md-4" >
            <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                <div class="panel">
                        <div class="panel-heading" style="background-color: #BF0053;color:#fff;font-size:25px;text-align:center">
                            Forgot your password?
                        </div>
                        <div class="panel-body">
                            <span style="text-align:left"><b>
                                <p class="text-forgottendetails">An email has just been sent to your email address (this may take up to 5 minutes).<br>To reset your password, please follow the instructions in the email.</p>
                                                            </b>    
                            </span>
                            <center><b><a href="#" onclick="set_step_holder('recoverpassword')" style="text-decoration:underline;color:#000">Return to login</a></b></center>
                        </div>
                </div>
            </div>
            </div>
        </div>
        <div id="forgot_email" style="display: none;">
            <div class="col-md-12" style="top:100px">
            <div class="col-md-4"></div>
            <div class="col-md-4" >
            <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                <div class="panel">
                        <div class="panel-heading" style="background-color: #BF0053;color:#fff;font-size:25px;text-align:center">
                            Forgotten your email?
                            <br>
                            <span style="color:#fff;font-size:20px">We need to verify your login information</span>
                        </div>
                        <div class="panel-body">
                        <div id="forgot_emailcontainerdiv">
                            <div class="form-group ">
                                <label>Username</label>
                                <input type="text" class="form-control"  placeholder="Enter username" id="forgot_email_username">   
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgot_email_username_error">   Please Enter Username
                                </div>
                            </div>
                            <div class="form-group ">
                                <label>Date of birth</label><br>
                                <label class="tbr-select auth__select-day">
                                            <select  class="reg-date form-control" id="forgot_email_day">
                                                <option value="">Date</option>
                                                <option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option>                                            </select>
                                        </label>
                                        <label class="tbr-select auth__select-month" >
                                            <select class="reg-month form-control" id="forgot_email_month">
                                                <option value="">Month</option>
                                                <option value="1">January</option>
                                                <option value="2">February</option>
                                                <option value="3">March</option>
                                                <option value="4">April</option>
                                                <option value="5">May</option>
                                                <option value="6">June</option>
                                                <option value="7">July</option>
                                                <option value="8">August</option>
                                                <option value="9">September</option>
                                                <option value="10">October</option>
                                                <option value="11">November</option>
                                                <option value="12">December</option>
                                            </select>
                                        </label>
                                        <label class="tbr-select auth__select-year" >
                                            <select  class="reg-year form-control" id="forgot_email_year">
                                                <option value="">Year</option>
                                                <option value='1998'>1998</option><option value='1997'>1997</option><option value='1996'>1996</option><option value='1995'>1995</option><option value='1994'>1994</option><option value='1993'>1993</option><option value='1992'>1992</option><option value='1991'>1991</option><option value='1990'>1990</option><option value='1989'>1989</option><option value='1988'>1988</option><option value='1987'>1987</option><option value='1986'>1986</option><option value='1985'>1985</option><option value='1984'>1984</option><option value='1983'>1983</option><option value='1982'>1982</option><option value='1981'>1981</option><option value='1980'>1980</option><option value='1979'>1979</option><option value='1978'>1978</option><option value='1977'>1977</option><option value='1976'>1976</option><option value='1975'>1975</option><option value='1974'>1974</option><option value='1973'>1973</option><option value='1972'>1972</option><option value='1971'>1971</option><option value='1970'>1970</option><option value='1969'>1969</option><option value='1968'>1968</option><option value='1967'>1967</option><option value='1966'>1966</option><option value='1965'>1965</option><option value='1964'>1964</option><option value='1963'>1963</option><option value='1962'>1962</option><option value='1961'>1961</option><option value='1960'>1960</option><option value='1959'>1959</option><option value='1958'>1958</option><option value='1957'>1957</option><option value='1956'>1956</option><option value='1955'>1955</option><option value='1954'>1954</option><option value='1953'>1953</option><option value='1952'>1952</option><option value='1951'>1951</option><option value='1950'>1950</option><option value='1949'>1949</option><option value='1948'>1948</option><option value='1947'>1947</option><option value='1946'>1946</option><option value='1945'>1945</option><option value='1944'>1944</option><option value='1943'>1943</option><option value='1942'>1942</option><option value='1941'>1941</option><option value='1940'>1940</option><option value='1939'>1939</option><option value='1938'>1938</option><option value='1937'>1937</option><option value='1936'>1936</option><option value='1935'>1935</option><option value='1934'>1934</option><option value='1933'>1933</option><option value='1932'>1932</option><option value='1931'>1931</option><option value='1930'>1930</option><option value='1929'>1929</option><option value='1928'>1928</option><option value='1927'>1927</option><option value='1926'>1926</option>                                            </select>
                                        </label>
                            
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgot_email_day_error"> Select day.
                                </div>
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgot_email_month_error"> Select month.
                                </div>
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgot_email_year_error"> Select year.
                                </div>

                            </div>
                            <div class="form-group ">
                                <label>Password</label>
                                <input type="password" class="form-control"   id="forgot_email_password">   
                                <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgot_email_password_error">   Please Enter Password
                                </div>
                            </div>
                             <div style="margin-bottom: 10px; color:#A71519; display: none;" id="forgotemail_validation_error"> Entered login details are not present.
                                </div>
                           
                            <input type="button" style="background-color: #BF0053;color:#fff;" class="btn btn-success form-control" value="SEARCH" onclick="forgot_emailgetemail();" >
                            </div>
                            <br>
                            <center><b><a href="#" onclick="set_step_holder('recoverpassword')" style="text-decoration:underline;color:#000">Return to login</a></b></center>
                        </div>
                    </div>
               
            </div>
            </div>
        </div>
        </FORM>
        
        <div id="login" style="display: none;">
            <div class="col-md-12" style="top:100px">
            <div class="col-md-4"></div>
            <div class="col-md-4" >
            <center><img src="images/logo/logo.png" width="300" style="margin-top:" ></center>
                <div class="panel">
                        <div class="panel-heading" style="color:#BF0053;font-size:25px;text-align:center"></div>
                        <div class="panel-body">
                            <div id="loginerror" style="text-align: center;color: #ff197d;display:none;">Invalid login details</div>
                        <form name="loginForm" method="post">
                            <div class="form-group ">
                                <label>Email Address</label>
                                <input type="text" class="form-control" placeholder="Email" name="email" id="email_login">   
                                <div style="margin-bottom: 10px; color:red; display: none;" id="login_email_error">Please Enter valid email</div>
                            </div>
                            <div class="form-group ">
                                <label>Password</label>
                                <input type="password" placeholder="Password" name="password" id="password" class="form-control">
                                <div style="margin-bottom: 10px; color:red; display: none;" id="login_password_error">Please Enter password</div>
                            </div>
                            <div class="remember_me_container">
            <input id="remember_me" gtm-hit-form="remember_me" gtm-hit-form-with-value="" type="checkbox" checked="checked" value="checked" name="remember_me" >
            <label title="Remember me" for="remember_me">
                Remember me
            </label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a class="standard-link" onclick="set_step_holder('recoverpassword')" href="#">
                Forgot your login details?
            </a>
        </div>
                            <input type="button" class="btn btn-success form-control" style="background-color: #BF0053;color:#fff;border: none;" value="LOG IN" onclick="login();" ><br>
                            <!-- <input type="button" class="btn btn-danger " style="background-color:#aa090f" value="Log in" onclick="login();"> -->
                            <br>
                            <center><b><a href="index.php?action=registration" style="text-decoration:underline;">Not yet a member? <span style="text-decoration:underline">Register for free!</span></a></b></center>
                        </form>
                        </div>
                </div>
            </div>
            </div>
        </div>

    
</div>
<style>
.footer_item_title
{
    font-size: 20px;
    
    padding-bottom  : 70px;
    color: #abaeb3;
}
.menu-footer li a
{
    color:#000;
    line-height: 1em;
}
</style>
<br>
<div class="col-md-12" style="background-color:#dedfe7;margin-bottom:10px">
    <div class="col-md-2" > 
            <b><div style="color:#00a1f0;font-size:20px;margin-top:30%;">ONLINE</div>
            <div style="color:#00a1f0;font-size:20px;margin-left:30px">USERS</div></b>
    </div>
    <div class="col-md-10">
        <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner" style="margin:10px">