Skip to content

Commit

Permalink
#
Browse files Browse the repository at this point in the history
  • Loading branch information
gabizelaa committed Jun 6, 2024
1 parent 4ae19e7 commit 29f853e
Show file tree
Hide file tree
Showing 8 changed files with 102 additions and 36 deletions.
3 changes: 2 additions & 1 deletion Website/css/home.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,8 @@ body{

main {
margin: auto;
padding: 2vh;
padding: 4vh;
height: 130vh;
}

.card, .list-group {
Expand Down
8 changes: 8 additions & 0 deletions Website/css/metas.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
@import url(default.css);
@import url(navbar.css);

main {
margin: auto;
padding: 4vh;
height: 90vh;
}
1 change: 1 addition & 0 deletions Website/css/receita.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
main {
margin: auto;
padding: 4vh;
height: 90vh;
}

.btn-primario{
Expand Down
2 changes: 2 additions & 0 deletions Website/css/transacoes.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,10 @@ body{
main {
margin: auto;
padding: 4vh;
height: 90vh;
}


.btn-outline-success{
color: var(--cor-laranja);
border: 2px solid var(--cor-laranja-hover);
Expand Down
2 changes: 1 addition & 1 deletion Website/pages/despesa.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
</nav>
<main>
<div class="row">
<div class="col-md-12 col-lg-5 mb-3 m-auto">
<div class="col-xl-5 col-lg-8 col-md-12 mb-3 m-auto">
<div class="d-flex mb-4">
<h2 class="card-titulo col-lg-7 col-md-8 col-sm-9">Despesa Recente</h2>
<form class="col-lg-5 d-flex" role="search">
Expand Down
62 changes: 29 additions & 33 deletions Website/pages/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<div
class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-4 pb-2 mb-3 border-bottom">
<h1 class="h2">Olá,
<span>(Nome)!</span></h1>
<span id="inputNome">(Nome)!</span></h1>
<!-- colocar o nome cadastrado -->
<div class="mb-2 mb-md-0">
<p>27 de maio, 2024 </p> <!-- colocar a data atual -->
Expand All @@ -55,16 +55,16 @@ <h1 class="h2">Olá,
<h5 class="card-title fs-4">Carteira</h5>
<div class="row">
<p class="card-text">Saldo em conta:</p>
<p class="card-text dinheiro fs-3 mb-2 fw-semibold">R$ 100.00</ <!-- saldo em conta -->
<p class="card-text dinheiro fs-3 mb-2 fw-semibold" id="saldoEmConta">R$ 0.00</ <!-- saldo em conta -->
</div>
<div class="valores">
<div class="row">
<p class="text-success fw-semibold ganhos"><img src="/img/" alt="">Ganhos:
<span class="fs-5">R$100.00</span> </p>
<span class="fs-5" id="ganhosHome">R$0.00</span> </p>
</div>
<div class="row"><!-- valor ganhos -->
<p class="text-danger fw-semibold gastos">Gastos:
<span class="fs-5">R$100.00</span> </p> <!-- valor gastos -->
<span class="fs-5" id="gastosHome">R$0.00</span> </p> <!-- valor gastos -->
</div>
</div>
</div>
Expand All @@ -76,12 +76,8 @@ <h5 class="card-title fs-4">Carteira</h5>
<div class="card-body">
<h5 class="card-title fs-4">Receita</h5>
<!-- <p class="">Sem receitas por enquanto...</p> -->
<p>10 Maio: Salário -
<span class="fs-5">R$1.300</span></p>
<!-- data da transacao - valor -->
<p>21 Jun: Presente Da Vó -
<span class="fs-5">R$50</span></p>
<!-- data da transacao - valor -->
<p><span id="dataReceitaHome">Data</span>: <span id="origemReceitaHome">Origem</span> - <span id="valorReceitaHome" class="fs-5">R$0.00</span></p>
<p><span id="dataReceitaHome">Data</span>: <span id="origemReceitaHome">Origem</span> - <span id="valorReceitaHome" class="fs-5">R$0.00</span></p>
</div>
</div>
</div>
Expand All @@ -90,12 +86,8 @@ <h5 class="card-title fs-4">Receita</h5>
<div class="card-body">
<h5 class="card-title fs-4">Despesa</h5>
<!-- <p class="">Sem despesas por enquanto...</p> -->
<p>15 Maio: Figma -
<span class="fs-5">R$150</span> </p>
<!-- data da transacao - valor -->
<p>16 Jun: Adobe -
<span class="fs-5">R$500</span></p>
<!-- data da transacao - valor -->
<p><span id="dataDespesaHome">Data</span>: <span id="origemDespesaHome">Origem</span> - <span id="valorDespesaHome" class="fs-5">R$0.00</span></p>
<p><span id="dataDespesaHome">Data</span>: <span id="origemDespesaHome">Origem</span> - <span id="valorDespesaHome" class="fs-5">R$0.00</span></p>
</div>
</div>
</div>
Expand Down Expand Up @@ -169,30 +161,34 @@ <h5 class="mb-3">produto</h5>
</div>

<div class="col-lg-6 col-md-12 mb-3">
<h2 class="card-titulo">Investimento</h2>
<h2 class="card-titulo">Investimentos</h2>
<div class="card-columns">
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Bitcoin</h5> <!-- nome do investimento -->
<p class="card-text fs-5">R$80.000</p> <!-- valor do investimento -->
<!-- <p class="">Sem investimentos por enquanto...</p> -->
<h5 id="nomeInvestimentoHome" class="card-title">Nome</h5> <!-- nome do investimento -->
<p id="valorInvestimentoHome" class="card-text fs-5">R$0.00</p> <!-- valor do investimento -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Tesouro Direto</h5> <!-- nome do investimento -->
<p class="card-text fs-5">R$350.00</p> <!-- valor do investimento -->
<!-- <p class="">Sem investimentos por enquanto...</p> -->
<h5 id="nomeInvestimentoHome" class="card-title">Nome</h5> <!-- nome do investimento -->
<p id="valorInvestimentoHome" class="card-text fs-5">R$0.00</p> <!-- valor do investimento -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Viagem</h5> <!-- nome do investimento -->
<p class="card-text fs-5">R$5.000</p> <!-- valor do investimento -->
<!-- <p class="">Sem investimentos por enquanto...</p> -->
<h5 id="nomeInvestimentoHome" class="card-title">Nome</h5> <!-- nome do investimento -->
<p id="valorInvestimentoHome" class="card-text fs-5">R$0.00</p> <!-- valor do investimento -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Rolex</h5> <!-- nome do investimento -->
<p class="card-text fs-5">R$120.000</p> <!-- valor do investimento -->
<!-- <p class="">Sem investimentos por enquanto...</p> -->
<h5 id="nomeInvestimentoHome" class="card-title">Nome</h5> <!-- nome do investimento -->
<p id="valorInvestimentoHome" class="card-text fs-5">R$0.00</p> <!-- valor do investimento -->
</div>
</div>
</div>
Expand All @@ -201,26 +197,26 @@ <h2 class="card-titulo">Metas</h2>
<div class="card-columns">
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Casa nova</h5> <!-- nome da meta -->
<p class="card-text fs-5">R$250.000</p> <!-- valor da meta -->
<h5 id="nomeMetaHome" class="card-title">Nome</h5> <!-- nome da meta -->
<p id="valorMetaHome" class="card-text fs-5">R$0.00</p> <!-- valor da meta -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Barca de sushi</h5> <!-- nome da meta -->
<p class="card-text fs-5">R$350.00</p> <!-- valor da meta -->
<h5 id="nomeMetaHome" class="card-title">Nome</h5> <!-- nome da meta -->
<p id="valorMetaHome" class="card-text fs-5">R$0.00</p> <!-- valor da meta -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Viagem</h5> <!-- nome da meta -->
<p class="card-text fs-5">R$5.000</p> <!-- valor da meta -->
<h5 id="nomeMetaHome" class="card-title">Nome</h5> <!-- nome da meta -->
<p id="valorMetaHome" class="card-text fs-5">R$0.00</p> <!-- valor da meta -->
</div>
</div>
<div class="card mb-3 py-2">
<div class="card-body">
<h5 class="card-title">Peça de teatro</h5> <!-- nome da meta -->
<p class="card-text fs-5">R$200.00</p> <!-- valor da meta -->
<h5 id="nomeMetaHome" class="card-title">Nome</h5> <!-- nome da meta -->
<p id="valorMetaHome" class="card-text fs-5">R$0.00</p> <!-- valor da meta -->
</div>
</div>
</div>
Expand Down
58 changes: 58 additions & 0 deletions Website/pages/metas.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Salt, temperando Sua Vida Financeira. Controle suas finanças, já! ">
<meta name="keywords" content="Controle de finanças, Finanças, Controle, Startup, FIAP">
<meta name="author" content="Gabriela Brandão, Giovanni Cruz, Will Bartolomeu, Bruno Vicente">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="icon" href="../img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/metas.css">

<title>Salt - Metas</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand ms-4" href="./home.html">Salt</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav py-3 fs-5">
<a class="nav-item nav-link" href="./home.html">Resumo</a>
<a class="nav-item nav-link" href="./investimento.html">Investimento</a>
<a class="nav-item nav-link" href="./transacoes.html">Transações</a>
<a class="nav-item nav-link" href="./receita.html">Receita</a>
<a class="nav-item nav-link" href="./despesa.html">Despesa</a>
<a class="nav-item nav-link" href="./metas.html">Metas</a>
<a class="nav-item nav-link" href="./configuracoes.html">Configurações</a>
<a class="nav-item nav-link fw-light" href="/inicio.html">Sair</a>
</div>
</div>
</nav>
<main>

</main>
<footer class="container-fluid">
<div class="row py-lg-2 pt-md-1 pb-md-5 px-lg-5 mx-lg-5">
<div class="col-lg-6 col-md-12 mb-3 mb-lg-5 gx-5">
<p class="my-3">Feito com muito amor e fé!</p>
<p>© 2024 Salt Finance.</p>
</div>

<div class="col-lg-6 col-md-12 mb-3 mb-lg-5">
<h4 class="my-3">Atendimento</h4>
<p>24 horas por dia, em todos os dias da semana.</p>
</div>
</div>
</footer>
</body>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</html>
2 changes: 1 addition & 1 deletion Website/pages/receita.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
</nav>
<main>
<div class="row">
<div class="col-md-12 col-lg-5 mb-3 m-auto">
<div class="col-xl-5 col-lg-8 col-md-12 mb-3 m-auto">
<div class="d-flex mb-4">
<h2 class="card-titulo col-lg-7 col-md-8 col-sm-9">Receita Recente</h2>
<form class="col-lg-5 d-flex" role="search">
Expand Down

0 comments on commit 29f853e

Please sign in to comment.