Web_Technology_Project/signup.html at master · Mohnish226/Web_Technology_Project · 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
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=  device-width, initial-scale=1">
	<title>Log-in/Sign-up</title>
	<link rel="stylesheet" type="text/css" href="./css/signup.css">
  <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="./css/bootstrap-material-design.css">
  <link rel="stylesheet" type="text/css" href="./css/ripples.min.css">


  </head>
<body>

  <!-- NavBar -->
  <div class="navbar navbar-default navbar-fixed-top navtrans">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="https://localhost/te-wt/home.html">WD</a>
        </div>
        <div class="navbar-collapse collapse navbar-responsive-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="https://localhost/te-wt/home.html">Home&nbsp;&nbsp;</a></li>
            <!-- <li><a href="https://localhost/te-wt/rl1.php">Buy&nbsp;&nbsp;</a></li>
            <li><a href="https://localhost/te-wt/register.php">Sell&nbsp;&nbsp;</a></li> -->
         </ul>
        </div>
      </div>
    </div>
    <!-- End NavBar -->

  <!-- container -->
  <div class="container">
    <div class="backbox">
      <div class="loginMsg">
        <div class="textcontent">
          <p class="title">Don't have an account?</p>
          <p>Sign up to sell your car.</p>
          <a id="switch1" class="btn btn-raised buttonn btn-success">Sign Up</a>
        </div>
      </div>
      <div class="signupMsg visibility">
        <div class="textcontent">
          <p class="title">Have an account?</p>
          <p>Log in to see all the information.</p>
          <a id="switch2" class="btn btn-raised buttonn btn-success">LOG IN</a>
        </div>
      </div>
    </div>
    <!-- backbox -->
    <!-- frontbox -->
    <form action="https://localhost/te-wt/php/connectivity.php"method="post">
    <div class="frontbox">
      <div class="login">
        <h2>LOG IN</h2>
        <div class="inputbox">
          <input class="form-control" type="email" name="user" placeholder="  E-MAIL" id="login_email">
          <input class="form-control" type="password" name="pass" placeholder="  PASSWORD" id="login_password">
        </div>
        <p style="color: blue; font-size:15px;">FORGET PASSWORD?</p>
        <input type="submit" name="submit" id="login" class="btn btn-raised buttonn btn-primary" value="Login">
      </div>
    </form>
    <form action="http://localhost/te-wt/php/connectivity-sign-up.php" method="post">
      <div class="signup hide">
        <h2>SIGN UP</h2>
        <div class="inputbox">
          <input type="email" name="email" placeholder="  E-MAIL" class="form-control" id="signup_email">
          <input type="password" name="pass" placeholder="  PASSWORD" class="form-control" id="signup_password">
          <input type="password" name="cpass" placeholder="  CONFIRM PASSWORD" class="form-control" id="signup_confirm_password">
          <p id="validate-status"></p>
        </div>
        <input type="submit" name="submit" id="signup" class="btn btn-raised buttonn btn-primary" value="SignUp">
      </div>
    </form>
    </div>
    <!-- frontbox -->
  </div>
  <!-- container -->


  <!-- scripts -->
	<script src="./js/jquery.min.js"></script>
  <script src="./js/material.min.js"></script>
  <script src="./js/ripples.min.js"></script>
  <script src="./js/ripplesinit.js"></script>
  <SCRIPT src="./js//validatelog.js"></SCRIPT>
  <script src="./js/signup.js"></script>

</body>

</html>