Cool-Shopping-Site/signup_form.php

124 lines
4.4 KiB
PHP
Raw Normal View History

2024-05-17 20:57:41 +00:00
<?php
if(isset($_SESSION["uid"])){
header('Location:index.php');
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Register Page</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet"/>
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
<!-- Font Awesome Icon -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/login_reg.css">
<link rel="stylesheet" type="text/css" href="css/utils.css">
</head>
<body style="background-color: #999999;">
<div class="limiter">
<div class="container-login100">
<div class="login100-more" style="background-image: url('img/erik-mclean-nfoRa6NHTbU-unsplash.jpg');-webkit-transform: scaleX(-1);
transform: scaleX(-1);"></div>
<div class="wrap-login100 p-l-50 p-r-50 p-t-72 p-b-50">
<form id="signup_form" onsubmit="return false" class="login100-form validate-form">
<span class="login100-form-title p-b-59">
Sign Up
</span>
<div class="wrap-input100 validate-input" data-validate="Name is required">
<span class="label-input100">Full Name</span>
<input class="input100" type="text" name="f_name" id="f_name" placeholder="First Name">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Name is required">
<span class="label-input100">Last Name</span>
<input class="input100" type="text" name="l_name" id="l_name" placeholder="Last Name">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
<span class="label-input100">Email</span>
<input class="input100" type="email" name="email" placeholder="Email addess...">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Mobile no is required">
<span class="label-input100">Mobile</span>
<input class="input100" type="text" name="mobile" id="mobile" placeholder="mobile....">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Password is required">
<span class="label-input100">Password</span>
<input class="input100" type="password" name="password" id="password" placeholder="*************">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Repeat Password is required">
<span class="label-input100">Repeat Password</span>
<input class="input100" type="password" name="repassword" id="repassword" placeholder="*************">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="Address is required">
<span class="label-input100">Address</span>
<input class="input100" type="text" name="address1" id="address1" placeholder="Address">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate="City is required">
<span class="label-input100">City</span>
<input class="input100" type="text" name="address2" id="address2" placeholder="City">
<span class="focus-input100"></span>
</div>
<div class="flex-m w-full p-b-33">
<div class="contact100-form-checkbox">
2024-06-08 21:02:03 +00:00
<input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me" required>
2024-05-17 20:57:41 +00:00
<label class="label-checkbox100" for="ckb1">
<span class="txt1">
I agree to the
<a href="#" class="txt2 hov1">
Terms of User
</a>
</span>
</label>
</div>
</div>
<div class="container-login100-form-btn">
<div class="wrap-login100-form-btn">
<div class="login100-form-bgbtn"></div>
<button class="login100-form-btn" type="submit">
Sign Up
</button>
</div>
<a href="signin_form.php" class="dis-block txt3 hov1 p-r-30 p-t-10 p-b-10 p-l-30">
Sign in
<i class="fa fa-long-arrow-right m-l-5"></i>
</a>
<a href="index.php" class="dis-block txt3 hov1 p-r-30 p-t-40 p-b-10 p-l-180">
Skip SignUp
<i class="fa fa-long-arrow-right m-l-5"></i>
</a>
<div class="col-md-8" id="signup_msg"></div>
</div>
</form>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/login_reg.js"></script>
<script src="js/actions.js"></script>
</body>
</html>