web-development-basic-project/index.html at main · garima-911/web-development-basic-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
<!DOCTYPE html>
<head lang="eng">
    <title>login page</title>
    <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.1/css/all.min.css" integrity="sha512-QeR2VH+lsBE5LSAe1Q5EnTBbe7XTBubt8dG93Y7gidSgdMCr8nVqKcfKAMyN96SV8KDbZVTDXChatu5G2KQGzg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="main">
  <div class="header">

    <div class="logo">
      <i class="fa-solid fa-lock" style="color: rgb(177, 151, 252);"></i>
    </div>

      <div class="paragraph">
    <h1>Welcome Back</h1>
    <p>Login to your account</p>
    </div>

  </div>


    <div class="box">
        <p style="font-size: 20px;">Email:</p>

        <div class="input-logo">
        <span class="envolop">
        <i class="fa-regular fa-envelope" style="color: rgb(177, 151, 252);"></i>
        </span>
      <input type="email" name="enter " id="input" placeholder="Enter your email">
      </div>

       <p style="font-size: 20px; margin-top: 20px;">Password:</p>

      <div class="input-logo">

        <span class="envolop">
        <i class="fa-solid fa-unlock" style="color: rgb(177, 151, 252);"></i>
        </span>
         <input type="password" id="input" placeholder="Enter your password">
      </div>

      <div class="line">
        <input type="checkbox" name="check" id="check" >
        <label for="check">Remember me</label>

        <a href="###">Forget Password?</a>
      </div>

      <div class="login">

        <input type="button" value="Login">

      </div>
      <div class="or">
        <hr>

        <p>OR</p>

      </div>

      <div class="google">
        <span id="button">
          <i class="fa-brands fa-google" style="color: rgb(116, 192, 252);"></i>
          <input type="button" value="Login with Google">
        </span>

        <span id="button">
        <i class="fa-brands fa-facebook" style="color: rgb(116, 192, 252);"></i>
        <input type="button" value="Login with Facebook">
        </span>

      </div>

      <div class="box2">
        <p>Don't have an account?</p>
        <a href="">Sign up</a>
      </div>


    </div>

</div>

</body>

</html>