Skip to content

PR de Correção #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MirandaFayra wants to merge 2 commits into
base: correcao-projeto
Choose a base branch
from
Open

PR de Correção #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a31c5b9
Landing page secoes
hernanbarrientos Jul 12, 2021
13e5fca
Merge pull request #1 from future4code/hernan-secoes
MirandaFayra Jul 27, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
133 changes: 133 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="pt-BR">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<title>F4BANK</title>
</head>

<body>
<header>

<nav id="navbar">
<a href="#" class="logo-nav">F4BANK</a>
<i id="menu-mobile" class="fas fa-bars"></i>
<ul id="menu">
<li><a href="#home">Página Inicial</a></li>
<li><a href="#bank">O banco</a></li>
<li><a href="#f4you">Pra você</a></li>
<li><a href="#account">Abrir conta</a></li>
<li><a href="#redes-sociais">Siga-nos</a></li>
</ul>
</nav>

<section class="banner" id="home">
<div class="text-banner">
<h1>Cartão sem taxa e <br> Conta corrente digital</h1>
<p> segurança de um banco tradicional com décadas de história no país </p>
<a href="#f4you" class="btn">Saiba mais sobre nós</a>
</div>
<div class="logo">
<img src="img/f4bank.png" alt="logo-f4bank">
</div>

</section>


<section class="bank" id="bank">
<div class="text-bank">
<h2>O banco digital!</h2>
<h3>Completo para todos.<br>
Ideal para você!</h3>

<p> Uma startup de serviços financeiros, com o intuito de facilitar o processo para todos os brasileiros,
possuindo a mesma segurança de um banco tradicional com décadas de história no país!<br>

Quem gosta de perder tempo para acessar a conta e fazer uma simples transação?
Foi pensando em você que nós da F4BANK trabalhamos super motivados para entregar
segurança, agilidade e claro muita praticidade para o seu dia dia!
Não fique de fora, todo mundo está abrindo uma conta aqui, no banco que foi projetado
para você!
</p>

</div>
<div class="card-right">
<img src="img/card-right.png">
</div>

</section>



<section class="f4you" id="f4you">
<!-- <a class="f4you" name="f4you"></a> -->
<div class="img-vovo2">
<img src="img/img-vovos2.png">
</div>

<div class="text-f4you">



<p> Quem tem F4Bank, tem soluções completas para todos os momentos.
Chega de confusão e complicações na hora de efetuar suas operações!
Filas em banco? Esquece isso!
Nossa plataforma além de segura é intuitiva e caso tenha alguma dúvida
temos a melhor equipe, treinada especialmente para levar a solução até você!
Simples assim!
</p>

</div>


</div>


</section>

<section class="account" id="account">
<div class="img-pravc">
<div class="text-account">
<p>Quem tem conta no F4BANK tem solouções completas para todos os momentos
</p>
</div>

<img src="img/img-pravc.png">

<div class="container-btn">
<a class="btn">Quero ser F4BANK</a>
</div>
</div>

</section>


<section </header>
<script src="script.js"></script>
<footer>
<div class="footer">
<div class="redes" id="redes-sociais">
<span>Siga-nos nas redes sociais</span>
<div>
<a class="facebook" target="blank" href="https://www.facebook.com/"><img class="face"
src="img/facebook.png" /></a>
</div>
<div>
<a class="instagram" target="blank" href="https://www.instagram.com/"><img class="insta"
src="img/instagram.png" /></a>
</div>
<div>
<a class="twitter" target="blank" href="https://twitter.com/twitter"><img class="twt"
src="img/twitter.png" /></a>
</div>
</div>
</div>
</footer>
</body>

</html>
9 changes: 9 additions & 0 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
const btnMobile = document.getElementById('menu-mobile')

function toggleMenu(){
const navBar = document.getElementById('navbar')
navBar.classList.toggle('active')
}


btnMobile.addEventListener('click',toggleMenu)
Loading