.-.-.-.-.-

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>SoulFood Login</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<h1>ΣΥΝΔΕΣΗ</h1>
      
      <div class="username">
        <input type="text" placeholder="Όνομα Χρήστη" id="username">
        <i class="far fa-envelope"></i>
      </div>

<div class="password">
        <input type="password" placeholder="Κωδικός" id="password">
        <i class="fas fa-lock-open"></i>
      </div>

<button id="btn" type="submit" onclick="validate()">Σύνδεση</button>
    
    </div>
  </div>

</html>

/home/hrpsychology/public_html/soulfood.gr/validation/credentials.html