Hackathon/Budget_tracker_main.html at Main · P-Verma101/Hackathon · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
</html><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Budget Tracker</title>
    <link rel="stylesheet" href="budget_tracker.css">
</head>
<body>
<div class= "Header">
<h1> Welcome! </h1>
</div>

    <header>
        <nav>
            <ul>
                <li><a href="Budget-tracker.html">Home</a></li>
                <li><a href="Budget_webpage.html">Budgets</a></li>
                <li><a href="Expense_webpage.html">Expenses</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="budgets">
	<div class="H2">
            <h1><u>Budgets</u></h2>
	</div>
<h2> What are budgets? </h2>
<div class= "Importance pt1">
<p> A budget is a financial document to predict and control future income and expenses. It is a plan based on the current data about the income and expenses of someone. This website will help students keep track of their expenses and allow them to get an idea of what their budget would look like based on their income and budgets. </p>
</div>
<h2>Why are they important? </h2>
<p> A budget is important for many reasons. Some of the most important include:
<ol>
	<li>1.) It can help you in an Emergency</li>
	<li>2.) Will provide a cushion for when you retire</li>
	<li>3.) Gives you a way to control your expenses</li>
	<li>4.) Allows you to spend what you can afford to spend with peace of mind</li>
</ol>
 </p>
        </section>

        <section class="expenses">
	<div class="H2">
            <h1><u>Expenses</u></h1>
	</div>

<div class= "Importance pt1">
<h1> What is an Expense? </h1>
<p>  An expense is basically any money that is spent. This money can be spent on a variety of different things both good and bad. This budget tracker will help students keep track of their expenses so that they are only spending within their means.</p>
</div>
         </section>

    </main>

    <footer>
        <p> By Vanya, Siyanshi, Purnima, and Parsa <br> @ copyright 2024</br></p>
	</footer>


   </body>
</html>