mirror of
https://github.com/gabehf/BudgetBuddy.git
synced 2026-03-07 21:48:14 -08:00
58 lines
No EOL
2.4 KiB
HTML
58 lines
No EOL
2.4 KiB
HTML
<!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> |