|
|
<!doctype html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>BudgetBuddy</title>
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="navbar">
|
|
|
<a class="navbar-brand" href="#">
|
|
|
<img src="../src/assets/BudgetBuddyLogo.png" width="40">
|
|
|
BudgetBuddy
|
|
|
</a>
|
|
|
<button class="btn btn-outline-success">LOGIN OR SIGNUP</a>
|
|
|
</div>
|
|
|
<div class="jumbotron mt-4 mb-5">
|
|
|
<div class="row">
|
|
|
<div class="col-8">
|
|
|
<h1>Start Building Your Wealth</h1>
|
|
|
<p>BudgetBuddy’s top notch budgeting tools will help you start building wealth, no matter your income or debt.</p>
|
|
|
<button class="btn btn-outline-success">Get Started</button>
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
<img class="w-100" src="./budgethero1.png"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="container-fluid text-center">
|
|
|
<div class="row">
|
|
|
<div class="col-4">
|
|
|
<div class="container-fluid" style="max-width: 200px;">
|
|
|
<img src="./money1.png" class="w-100"/>
|
|
|
<h6>Track Your Spending</h6>
|
|
|
<p>Keep track of how much you spend on any number of spending categories.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
<div class="container-fluid">
|
|
|
<img src="./money2.png" class="w-100" style="max-width: 200px;"/>
|
|
|
<h6>Plan Your Income</h6>
|
|
|
<p>Map out your income into savings categories to manage your money faster and easier than ever.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
<div class="container-fluid">
|
|
|
<img src="./money3.png" class="w-100" style="max-width: 200px;"/>
|
|
|
<h6>See Your Wealth Grow</h6>
|
|
|
<p>Use BudgetBuddy’s widgets to visualize your wealth growing and debt shrinking.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<button class="btn btn-outline-success">Get Started</button>
|
|
|
</div>
|
|
|
</container>
|
|
|
</body>
|
|
|
</html> |
