Login-Sign-up-System/index.php at master · tonycletus/Login-Sign-up-System · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!--A Code To Creaet Production
    Account creation and Login Process
 -->
<!--**************************************-->

<?php
/* Main page with two forms: sign up and log in */
require 'db.php'; //read from the database
session_start();
?>
<!DOCTYPE html>
<html>
<head>
  <title>Signup - Login</title>
  <?php include 'css/css.html'; ?>
</head>

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
    if (isset($_POST['login'])) { //user logging in

        require 'login.php';

    }

    elseif (isset($_POST['register'])) { //user registering

        require 'register.php';

    }
}
?>
<body>

 <a href="http://tonycletus.com"><img src="img/logo.png"></a> <!--Site Logo-->
  <div id="half-body" style="background-image: url(img/background.png)"> <!--Site background-->


     <div class="form">
      <ul class="tab-group">
        <li class="tab"><a href="#signup">Sign Up</a></li>
        <li class="tab active"><a href="#login">Log In</a></li>
      </ul>

      <div class="tab-content">

      <!--Start Login Form-->
      <div id="login">
      <h1>WELCOME!</h1>

        <!--Launching Login Form-->
        <form action="index.php" method="post" autocomplete="off">
          <div class="field-wrap">
            <label>
              <span class="req">*</span>
            </label>
            <input type="email" required autocomplete="off" name="email" placeholder="Email Address" />
          </div>

          <div class="field-wrap">
            <label>
             <span class="req">*</span>
            </label>
            <input type="password" required autocomplete="off" name="password" placeholder=" Password" />
          </div>

          <p class="forgot"><a href="forgot.php">Forgot Password?</a></p>

          <button class="button button-block" name="login" />Log In</button>

        </form>
        <!--Terminating Login Form-->

        </div>
        <!--End Login Form-->


      <!--Note: Sign up form loads online as a result of online loading of the cloudfare Jquery.min.js file-->
        <!--Start SignUp Form-->
        <div id="signup">
          <h1>Create an account</h1>

        <!--Launching SignUp Form-->
        <form action="index.php" method="post" autocomplete="off">

          <div class="top-row">
            <div class="field-wrap">
              <label>
                First Name<span class="req">*</span>
              </label>
              <input type="text" required autocomplete="off" name='firstname' />
          </div>

          <div class="field-wrap">
              <label>
                Last Name<span class="req">*</span>
              </label>
              <input type="text"required autocomplete="off" name='lastname' />
            </div>
          </div>

          <div class="field-wrap">
            <label>
              Email Address<span class="req">*</span>
            </label>
            <input type="email"required autocomplete="off" name='email' />
          </div>

          <div class="field-wrap">
            <label>
              Set A Password<span class="req">*</span>
            </label>
            <input type="password"required autocomplete="off" name='password'/>
          </div>

          <button type="submit" class="button button-block" name="register" />Create</button>

        </form>
        <!--Terminating SignUp Form-->

        </div>
        <!--End SignUp Form-->


      </div><!-- tab-content -->

  </div> <!-- /form -->


    </div>

   <footer>
      Tony Cletus &copy; 2017, All Right Reserved.
      <br>A <a href="http://tonycletus.com">Code To Create</a> Production
    </footer>

  <!--Load Cloudflare jquery.min.js online-->
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <!--Load index.js from the resource folder-->
  <script src="js/index.js"></script>


</body>
</html>