index.html

<!DOCTYPE html>
   <html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <!--=============== REMIXICONS ===============-->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css">

      <!--=============== CSS ===============-->
      <link rel="stylesheet" href="assets/css/styles.css">

      <title>Email validation - izzyluuuuh</title>
   </head>
   <body>
       <div class="container">
         <form action="" class="form" id="form">
            <div class="form_field">
               <label for="email" class="form_label">Email Address</label>
               <input type="email" placeholder="Write your email" required id="email" class="form_input">
               
               <i class="ri-mail-line form_icon"></i>

               <div class="form_error">
                  <i class="ri-information-fill"></i>
                  <span>Invalid email format.</span>
               </div>
            </div>
         </form>
       </div>
      
      <!--=============== MAIN JS ===============-->
      <script src="assets/js/main.js"></script>
   </body>
</html>