File "signup.php"

Full path: /home/wrisexaf/public_html/glory/signup.php
File size: 2.6 KB
MIME-type: text/html
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<div id="scroll-wrapper">
     <div id="scroll-content">
<?php include 'include/head.php';?>
<?php include 'include/header.php';?>

<section class="login">
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<div class="inner">
					<div class="img">
						<img id="locked" src="images/lock.png">
						<img id="unlocked" src="images/unlock.png" style="display: none;">
					</div>
					<div class="content">
						<h3 class="sub-heading">Sign Up If You Accepted Jesus <br>is Your Lord & Savior</h3>
						<p>Sed ut perspiciatis unde omnis iste natus error sit</p>
						<form>
							<div class="flexx">
								<img src="images/name.png">
								<input type="name" name="" placeholder="First Name" required>
							</div>

							<div class="flexx">
								<img src="images/name.png">
								<input type="name" name="" placeholder="Last Name" required>
							</div>

							<div class="flexx">
								<img src="images/email.png">
								<input type="email" name="" placeholder="Email Address" required>
							</div>

							<div class="flexx">
								<img src="images/tribe.png">
								<select>
								<option selected="">Select Tribe</option>
								<option>Reuben</option>
								<option>Simeon</option>
								<option>Levi</option>
								<option>Judah</option>
								<option>Dan</option>
								<option>Naphtali</option>
								<option>Gad</option>
								<option>Asher</option>
								<option>Issachar</option>
								<option>Zebulun</option>
								<option>Joseph</option>
								<option>Benjamin</option>
							</select>
							</div>

							<div class="flexx">
								<img src="images/dob.png">
								<input type="date" name="" placeholder="Date of Birth" required>
							</div>
							<button type="submit">Log in</button>
						</form>
					</div>
				</div>
				<a class="forgot-password" href="javascript:void(0)">Continue as a Guest</a>
			</div>
		</div>
	</div>
</section>


<?php include 'include/script.php';?>
<script type="text/javascript">
$(document).ready(function(){
    setInterval(function(){
        if($('[type="email"]').val() !== '' && $('[type="password"]').val() !== ''){
            $('#locked').hide();
            $('#unlocked').show().addClass('shake');

            // Remove shake class after animation
            setTimeout(function() {
                $('#unlocked').removeClass('shake');
            }, 500); // Duration matches the shake animation
        } else {
            $('#unlocked').hide();
            $('#locked').show();
        }
    }, 100);
});
</script>
</div>
</div>