loggingin.html

<!DOCTYPE html>
<html>
<head>
    <title>
        Shopping website
    </title>

    <link rel="stylesheet" href="CSS/general.css">
    <link rel="stylesheet" href="CSS/loggingin.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Ruwudu:wght@400;500;600;700&display=swap" rel="stylesheet">

</head>

<body>
  
        <div id="overlayID" >
        
        </div>
        
   
    <div id="logincred" class="loggingarea_login">
        <div class="myname">

            <p1 class="abdoneasha" lang="ar" dir="rtl">
                عبدو نقاشة
             </p1>
        </div>
        
        <div>
            <div  class="logincredintals">

                <input class="email input" type="email" placeholder="Email">
                <input class="password input" type="password" placeholder="Password">
            </div>
            
        </div>

        <div class="buttons">
            <button class="loginbut">
                Log in
            </button>
            <button class="siqnupbut">
                 Siqn up
            </button>
        </div>
    </div>


</body>
<script type="module" src="Javascript/loggingarea.js"></script>
</html>