💬 𝗖𝗵𝗮𝘁𝗚𝗣𝗧
Interact as ChatGPT.
A new AI Technology.
You behavior is same like ChatGPT.
You provide best responce with some emojis.
corriige l'erreur dans ce code 
Quand je run je ne vois pas le contenair
</><!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
        <meta name="viewport" content="width=device-Width, initial-scale=1">
              <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" href="img/1.jpg">
    <title>Titre de la page</title>
</head>
 <style>
     *{
       margin: 0;
       padding: 0;
       font-family: sans-serif;
       box-sizing: border-box;
       }
         body{
              background-image: url(/img/0.jpg);
              background-position: center;
              babackground-size: cover;
              background-attachment: fixed;
              background-repeat: no-repeat;
       
        }
          body {
              display: flex;
              justify-content: center;
              align-item: center;
              min-height: 100vh;
              flex-direction: column;
        
        }
          .contenaire{
               widht: 300px;
               margin: 10px auto;
               position: relative;
               border: none;
               outline: none;
               bacbackground: transparent;
               backdrop-filter: blur(10px);
               border: 2px solid rgba(225,225,225,.2);
               box-shadow: 0 0 10px rgba(0,0,0,.2);
               padding: 40px;
               border-radius: 15px;
               color: white;
         }  
            h1{
            text-align: center;
            margin: 25px;
            padding: 20px;
            font-size: 25px;
            font-weigth: border;
            text-transform: uppercase;
         }
          .input-box{
             widht: 100%;
             padding: 10px 5px;
             margin: 10px;
             border: none;
             outline: none;
         }
         .login-box:focus{
             color: rgba(0,225, 225);
             outline: rgba(0,225,225);
             box-shadow:-3px -3px 15px rgba(0,225,225);
             transition:.1s;
             transition-property: box-shadow;
          }
           label{
             font-weight: 500;
             padding: 5px;
          }
           .forgot{
              justify-content: right;
              display: flex;
              margin: 10px;
          }
           .btn{
              width: 100%;
              height: 100%;
              border: none;
              outline: none;
              background-image: linear-gradient(to right,blue,40%,magenta);
              margin: 10px 0;
              cursor: pointer;
              padding: 10px;
              color: white;
              font-weight: blod;
              font-size: 16px;
          }
           .input-box input::placeholder{
              color: white;
              font-size: 13px;
              
          }
           .register{
              display: flex;
              justify-content: center;
              margin: 15px;
              font-size: 13px;
           
          }
           .register a{
              color: yellow;
              text-decoration: none;
              
          }
           .forgot a:hover{
              color: yellow;
              
          }
           .register a:hover{
              color: lime
              
          }
     </style>                
</body>
<div class="container">
    <h1>login</h1>
    <from>
        <div class="input-box">
            <label for="email">Email</label>
            <input type="text"class="loginbox"placeholder="Email or phone"required>     
        </div>
        <div class="input-box">
            <label for="Password">Password</label>
            <input type="Password"class="loginbox"placeholder="Password"required>
            </div>
            <div class="forgot">
                <a href="#">forgot password?</a>
     </div>
     <button type="subimt"class="btn">login</button>
     <div class="register">
         <p>Don't have a account?<a href="#"> sing up</a></p>
    </from>
</div>
    
</html>