beaver/index.html at main · Navami511/beaver · 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
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style1.css">
    <style>
        body{
    width: 100%;
    height: 100vh;
    padding: 10px;
    background-image: url('images/bgi8.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
    </style>
</head>
<body>

    <nav class="navbar-light" style="background-color: #FDB455;" >
        <div class="container-fluid"style="font-family:  'Monoton', cursive;">

            <img src="images/gh.jpg" id="logo"></li>

          <a class="navbar-brand" href="#"style="font-weight:1000;font-family:'Satisfy', cursive;font-size:40px;color:white; padding: 0.4px;text-decoration:none">
           &nbsp; &nbsp;&nbsp;&nbsp;Beaver
          </a>
        </div>

      </nav>

  </div>
    <form style="border:1px solid #ccc" action="sign.html" name="form"  onsubmit="return validated()">
        <div class="signup">
          <h1>Sign Up</h1>
          <p> Fill  this form to create an account on Beaver.</p>
          <hr>

          <label for="email"><b>Email</b></label>
          <input type="text" placeholder="Enter Email" name="email" required>

          <label for="passsword"><b>Password</b></label>
          <input type="password" placeholder="Enter Password" name="password" required>

          <!-- <label for="psw-repeat"><b>Repeat Password</b></label>
          <input type="password" placeholder="Repeat Password" name="psw-repeat" required> -->

          <label>
            <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
          </label>


          <div class="clearfix">
            <button type="button" class="cancelbtn">Cancel</button>
            <button type="submit" class="signupbtn" class="open-button"><p>Sign Up</a></p></button>
          </div>
        </div>
      </form>

        <script src="js/valid.js"></script>
        <script src="js/app.js"></script>

</body>
</html>