phpCRUD/index.html at master · mukeshg1/phpCRUD · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!--
File Name    : index.html
File Path    : C:\xampp\htdocs\phpCRUD
Description  : Home page which consists of Registration Form and Login form
Created date : 23/01/2019
Author      : Mukesh
-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">

	<link type="text/css" rel="stylesheet" href="stylephp.css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <title>Homepage</title>
  </head>
  <body class="body">
	  <!--<div id="loader">
		  <img src="spinner.gif" />-->
	  </div>
	<nav class="navbar navbar-expand-sm bg-dark navbar-dark" >
		<a href="index.html" ><img class="logo" src="logo2.png"></a>
		<form id="loginform" method="POST" action="login.php" style="padding-left:50%; margin-top:10px;">
			<div class="form-row">
				<div class="form-group col-md-6">
					<input type="email" class="form-control" name="loginemail" id="loginemail" placeholder="Enter Email*">
				</div>
				<div class="form-group col-md-5">
					<input type="password" class="form-control" name="loginpassword" autocomplete="off" placeholder="Enter Password*">
				</div>
				<div class="form-group col-md-1">
					<button class="btn btn-default btn-md" name="login_btn" id="1login_btn">Login</button>
				</div>
            </div>
            <div id="loginmsg"></div>
		</form>
	</nav>
	<form id="register_form" class="registerform" method="POST">
		<h2>Create an account</h2>
        <label><i>It's free and takes only a minute.</i></label>
		<div id="message"></div>
		<label>Name:</label>
        <div class="form-row">
			<div class="form-group col-md-6">
				<input type="text" class="form-control" name="firstname" id="firstname" autocomplete="off" placeholder="First Name*">
			</div>
			<div class="form-group col-md-6">
				<input type="text" class="form-control" name="lastname" id="lastname" autocomplete="off" placeholder="Last Name*">
			</div>
		</div>
		<label>E-Mail Address:</label>
		<div class="form-group col-md-13">
			<input type="email" name="email" id="email" class="form-control" autocomplete="off" placeholder="Email*">
		</div>
		<label>Password:</label>
		<div class="form-row">
			<div class="form-group col-md-6">
				<input type="password" class="form-control" id="password1" name="password1" autocomplete="off" placeholder="Password*">
			</div>
			<div class="form-group col-md-6">
				<input type="password" class="form-control" name="password2" id="password2" autocomplete="off" placeholder="Repeat Password*">
			</div>
		</div>
        <div class="form-group col-md-13">
            <button name="submit_btn" id="submit_btn" class="btn btn-primary btn-lg btn-block btn-huge">Register</button>
            <button type="reset" id="reset_btn" class="btn btn-secondary btn-lg btn-block btn-huge">Reset</button>
        </div>
	</form>
	<h2 class="head2">Space for sample message</h2>
	<p>This space is for sample messages about what this web app does.<br>Also space to display all the necessary information</p>


	<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
	<script language="javascript" type="text/javascript" src="validation1.js"></script>
	<script language="javascript" type="text/javascript" src="loginvalid.js"></script>
</body>
</html>