forked from karl-zhu9981/HackWestern
-
Notifications
You must be signed in to change notification settings - Fork 0
/
registration2.html
132 lines (103 loc) · 7.1 KB
/
registration2.html
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>PayOff</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<link href="css/payoff.css" rel="stylesheet">
</head>
<body class="bg-gradient-space">
<div class="container">
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="">
<!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-12">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Step 2: Set Monthly Budgets</h1>
<h1 class="h6 text-gray-900 mb-4">Enter your monthly budget for each category.</h1>
</div>
<form class="user">
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Grocery: </h1>
<input type="number" class="form-control form-control-user"
id="groceryBudget" step="any"
placeholder="Enter your budget for food, necessities, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Education: </h1>
<input type="number" class="form-control form-control-user"
id="educationBudget" step="any"
placeholder="Enter your budget for tuition, textbooks, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Transportation: </h1>
<input type="number" class="form-control form-control-user"
id="transportationBudget" step="any"
placeholder="Enter your budget for gas, mechanics, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Health: </h1>
<input type="number" class="form-control form-control-user"
id="healthBudget" step="any"
placeholder="Enter your budget for medicine, medical check-ups, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Entertainment: </h1>
<input type="number" class="form-control form-control-user"
id="entertainmentBudget" step="any"
placeholder="Enter your budget for movies, parties, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Dining Out: </h1>
<input type="number" class="form-control form-control-user"
id="diningOutBudget" step="any"
placeholder="Enter your budget for restaurants, takeout, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Fees and Utilities: </h1>
<input type="number" class="form-control form-control-user"
id="feesBudget" step="any"
placeholder="Enter your budget for rent, electricity, and more...">
</div>
<div class="form-group">
<h1 class="h6 text-gray-900 mb-4">Other: </h1>
<input type="number" class="form-control form-control-user"
id="otherBudget" step="any"
placeholder="Enter your budget for other...">
</div>
<a href="dashboard.html" class="btn btn-primary btn-user btn-block">
Next
</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
</body>
</html>