expense.html

<!--expense logging page-->
<!DOCTYPE html>
<html lang="en">
    <head>
      
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!--link to font awesome website for home icons-->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <link rel="icon" type="image/png" href="favicon_2.png">

        <a href="index.html"><button class="icohome"><i class="fas fa-home"></i></button></a>

    </head>

    <body>
        <header id="navsub"><!--navigation bar-->
            <nav class="nav">
                <div class="hsub">Add EXPENSE</div><br>
                    <a href="budget.html"><button>Add BUDGET</button></a>
                    <a href="warnings.html"><button>WARNINGS</button></a>
                    <a href="log.html"><button>Expense LOG</button></a>
                    <a href="insights.html"><button>Insights AND Strategies</button></a>
                    <a href="feedback.html"><button style="background-color: rgb(136, 103, 103);width: 140px;">Issue/  Feedback</button></a>
            </nav>
        </header>

        <main class="homepage">
            <section class="section">
                <h2>Log your Expenses</h2>
                    <form class="budget-form">
                        <label for="source">Source:</label>
                        <input type="text" id="source" name="text" required placeholder="Enter Source/Item","text">
                        <label for="cost">Cost:</label>
                        <input type="number" id="cost" name="number" required placeholder="Enter cost", "number">
                        <button type="submit" style="width:50%;">Submit</button>
                        <button type="reset" style="width:50%;">Reset</button>
                    </form>
            </section>
        </main>
    </body>
</html>