index.html

<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale = 1.0"> 
    <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
    <link href="styles.css" rel="stylesheet">
    <link rel="shortcut icon" type="docs/x-icon" href="docs/image/budget-icon.ico">
</head>
<title>Expense Manager</title>
<body>
    <div class="header">
            <h1 class="header-title">Manage your Expense 💰</h2>
            <h2 class="header-subtitle">--Chaoyu Xiang</h2>
    </div>
    <div class="main">
        <h3 class="subtitle">Enter your id here 👇</h3>
        <input id="user-id" placeholder="id here">
        <br>
        <button id="id-submit" class="button">Start here !</button>
    </div>
    <img src="docs/image/bottom.png" class="img">
    <script src="redirect.js"></script>
</body>

</html>