gabehf/BudgetBuddy
1
0
Fork 0
mirror of https://github.com/gabehf/BudgetBuddy.git synced 2026-03-17 03:06:40 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sidebar & React Page Routing

Browse source 
Created Sidebar to navigate between pages.
This commit is contained in:
jveebs 2023-03-29 11:48:13 -04:00
parent 99f185bae6
commit 38739f6346
21 changed files with 256 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
welcome/budgethero1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 483 KiB

58
welcome/index.html
View file

@ -0,0 +1,58 @@
<!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>

BIN
welcome/money1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
welcome/money2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
welcome/money3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 76 KiB