sports-arena-website / login.html
login.html
Raw
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Supreme Sports Arena - Login</title>

<link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="loginregister.css">
<script src="https://kit.fontawesome.com/0c641bf868.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Poppins:600&display=swap" rel="stylesheet">
</head>

<body>
    <img class="wave" src="images/wave.png">
    <div class="container">
        <div class="img">
            <img src="images/login.svg">
        </div>
        <div class="login-container">
            <form action="login.php" method="POST">
                <img src="images/logo.png" class="logo">
                <h2>Welcome</h2>
                <div class="input-div one">
                    <div class="i">
                        <i class="fas fa-user"></i>
                    </div>
                    <div>
                        <h5>Username</h5>
                        <input class="input" type="text" id="user" name="user" required="required">
                    </div>
                </div>
                <div class="input-div two">
                    <div class="i">
                        <i class="fas fa-lock"></i>
                    </div>
                    <div>
                        <h5>Password</h5>
                        <input class="input" type="password" id="pass" name="pass" required="required">
                    </div>
                </div>
                <input type="submit" class="btn" value="login">
                <a href="register.html">Don't have an account?</a>
                <a href="home.php">Back to Home</a>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="loginregister.js"></script>
</body>

</html>