Log-In&Sign-Up/index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
<body>
  <div class="container">
    <input type="checkbox" id="flip">
    <div class="cover">
      <div class="front">
       
        <img src="assets/img1.jpg" alt="">

      </div>
    </div>
    <div class="back">
      <a href="#" class="button">Back</a>
    </div>
    <div class="forms">
        <div class="form-content">
          <div class="login-form">
            <div class="title">Login</div>
            
          <form action="#">
            <div class="input-boxes">
              <div class="inputBox">
                <i class="key1"></i>
                <input type="text" placeholder="Enter your email" required>
              </div>
              <div class="inputBox">
                <i class="key2"></i>
                <input type="password" placeholder="Enter your password" required>
              </div>
              <div class="text"><a href="#">Forgot password?</a></div>
              <div class="button inputBox">
                <input type="submit" value="Sumbit">
              </div>
              <div class="text sign-up-text">Don't have an account? <label for="flip">Sigup now</label></div>
            </div>
        </form>
      </div>
        <div class="signup-form">
          <div class="title">Signup</div>
        <form action="#">
            <div class="input-boxes">
              <div class="inputBox">
                <i class="fas fa-user"></i>
                <input type="text" placeholder="Enter your name" required>
              </div>
              <div class="inputBox">
                <i class="key3"></i>
                <input type="text" placeholder="Enter your email" required>
              </div>
              <div class="inputBox">
                <i class="key4"></i>
                <input type="password" placeholder="Enter your password" required>
              </div>
              <div class="button inputBox">
                <input type="submit" value="Sumbit">
              </div>
              <div class="text sign-up-text">Already have an account? <label for="flip">Login now</label></div>
            </div>
            
      </form>
    </div>
    </div>
    </div>
  </div>
</body>
</html>