FullStackProject/debt.html at main · PAndrewTurner/FullStackProject · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
    <title>Debt Consolidation & Balance Transfer Assessment </title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <header>
        <h1>Debt Consolidation & Balance Transfer Assessment</h1>
    </header>
    <section class="user-profile">
        <h2>Your Financial Profile</h2>
        <form id="user-input">
            <label for="first-name">First Name:</label>
            <input type="text" id="first-name" name="first-name" required><br><br>

            <label for="last-name">Last Name:</label>
            <input type="text" id="last-name" name="last-name" required><br><br>

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required><br><br>

            <label for="age-group">Age Group:</label>
            <select id="age-group" name="age-group">
                <option value="18-25">18-25</option>
                <option value="26-35">26-35</option>
                <option value="36-45">36-45</option>
                <option value="46-55">46-55</option>
                <option value="56+">56+</option>
            </select><br><br>

            <label for="credit-score">Credit Score:</label>
            <input type="number" id="credit-score" name="credit-score" required><br><br>

            <label for="credit-card-balance">Credit Card Balance:</label>
            <input type="number" id="credit-card-balance" name="credit-card-balance" required><br><br>

            <label for="monthly-income">Monthly Income:</label>
            <input type="number" id="monthly-income" name="monthly-income" required><br><br>

            <label for="employment-status">Employment Status:</label>
            <select id="employment-status" name="employment-status">
                <option value="employed">Employed</option>
                <option value="self-employed">Self-Employed</option>
                <option value="unemployed">Unemployed</option>
            </select><br><br>

            <label for="mortgage-balance">Mortgage Balance:</label>
            <input type="number" id="mortgage-balance" name="mortgage-balance" required><br><br>

            <label for="home-equity-loan-balance">Home Equity Loan Balance:</label>
            <input type="number" id="home-equity-loan-balance" name="home-equity-loan-balance" required><br><br>

            <!-- More input fields for expenses, financial goals, contact info, etc. -->

            <input type="submit" value="Submit">
        </form>
    </section>
    <section class="results">
        <h2>Recommended Financial Products</h2>
        <div class="product-offer">
            <h3>Credit Cards</h3>
            <!-- Display credit card offers based on user input -->
        </div>
        <div class="product-offer">
            <h3>Mortgages</h3>
            <!-- Display mortgage offers based on user input -->
        </div>
        <div class="product-offer">
            <h3>Home Equity Loans</h3>
            <!-- Display home equity loan offers based on user input -->
        </div>
    </section>
    <footer>
        <p>&copy; 2023 Debt Assessment</p>
    </footer>
</body>
</html>