-
Notifications
You must be signed in to change notification settings - Fork 0
PR para correção e comentários #7
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.
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
paula-aribeiro
wants to merge
15
commits into
correcao-exercicio
Choose a base branch
from
master
base: correcao-exercicio
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from all commits
Commits
Show all changes
15 commits
Select commit
Hold shift + click to select a range
e827745
Rascunho da página HTML e CSS
eloisa-castro 5048b98
Atualização do index.html e do index.css
eloisa-castro d1d4467
Merge pull request #1 from future4code/eloisa
patiesque a37e8bd
Nosso Time e Quem Somos
patiesque e4418d5
Merge pull request #2 from future4code/Patricia
patiesque 6950654
Ajuste do 'index.css'. Páginas 'index.html', 'quemsomos.html' e 'noss…
eloisa-castro f53e5ca
Merge pull request #3 from future4code/eloisa4
eloisa-castro 383ea9f
Add files via upload
lorenzono 17b40f3
Merge pull request #4 from future4code/lorenzo
patiesque 79670e8
Ajuste do layout da página 'nossos-produtos.html'
eloisa-castro 72fcd87
Merge pull request #5 from future4code/eloisa5
lorenzono 393632a
Teste para Deploy
patiesque 940a12e
Merge pull request #6 from future4code/Patricia2
patiesque cd2ec32
Create CNAME
lorenzono 08eb7a6
Delete CNAME
joaogolias File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,303 @@ | ||
| /* font-family: 'Amatic SC', cursive; | ||
| font-family: 'Source Sans Pro', sans-serif; */ | ||
|
|
||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| font-family: 'Amatic SC', cursive; | ||
| font-size: 30px; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 2em; | ||
| padding: 10px; | ||
| } | ||
|
|
||
| h3 { | ||
| font-size: 1.5em; | ||
| padding: 10px; | ||
| } | ||
|
|
||
|
|
||
| /* Início da formatação do HEADER */ | ||
| header { | ||
| padding: 20px; | ||
| background: #FFC583; | ||
| width: 100%; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| position: sticky; | ||
| top: 0; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| #logo-bank { | ||
| height: 100px; | ||
| margin-left: 20px; | ||
| } | ||
|
|
||
| nav { | ||
| display: flex; | ||
| justify-content: space-evenly; | ||
| width: 50%; | ||
| } | ||
|
|
||
| nav > a { | ||
| font-size: 35px; | ||
| color: #BA6A39; | ||
| font-weight: 900; | ||
| } | ||
|
|
||
| nav > a:visited { | ||
| color: #744223; | ||
| } | ||
|
|
||
| nav > a:link, nav > a:hover, | ||
| nav > a:active { | ||
| text-decoration: none; | ||
| } | ||
| /* Fim da formatação do HEADER */ | ||
|
|
||
| /* Início da formatação do FOOTER */ | ||
| footer { | ||
| width: 100%; | ||
| background-color: #FFC583; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding: 30px 20px; | ||
| } | ||
|
|
||
| footer > p { | ||
| font-family: 'Amatic SC', cursive; | ||
| color: #BA6A39; | ||
| font-weight: 900; | ||
| margin-left: 10px; | ||
| } | ||
|
|
||
| .redes-sociais img { | ||
| width: 30px; | ||
| margin: 0 10px; | ||
| } | ||
| /* Fim da formatação do FOOTER */ | ||
|
|
||
| /* Início da formação do INDEX */ | ||
| .quem-somos-index { | ||
| background-color: #FFD89E; | ||
| display: flex; | ||
| justify-content: space-around; | ||
| align-items: center; | ||
| padding: 30px; | ||
| } | ||
|
|
||
| .texto-quem-somos > p { | ||
| padding: 20px 0; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .quem-somos-index > img { | ||
| height: 240px; | ||
| opacity: 70%; | ||
| border-radius: 30px; | ||
| max-width: 50%; | ||
| } | ||
|
|
||
| .produtos-index { | ||
| background-color: #FFE7D9; | ||
| display: flex; | ||
| flex-direction: row-reverse; | ||
| justify-content: space-around; | ||
| align-items: center; | ||
| padding: 30px; | ||
| } | ||
|
|
||
| .produtos-index > img { | ||
| height: 240px; | ||
| opacity: 90%; | ||
| border-radius: 10px; | ||
| max-width: 50%; | ||
| } | ||
|
|
||
| .texto-produtos > p { | ||
| padding: 8px; | ||
| } | ||
|
|
||
| .nosso-time-index { | ||
| background-color: #F4F4F4; | ||
| display: flex; | ||
| justify-content: space-around; | ||
| align-items: center; | ||
| padding: 30px; | ||
| } | ||
|
|
||
| .texto-nosso-time > p { | ||
| padding: 20px 0; | ||
| } | ||
|
|
||
| .nosso-time-index > img { | ||
| height: 240px; | ||
| opacity: 70%; | ||
| border-radius: 50%; | ||
| max-width: 50%; | ||
| } | ||
| /* Fim da formação do INDEX */ | ||
|
|
||
| /* Pagina Quem Somos */ | ||
| .quem-somos{ | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| text-align: center; | ||
| color: #BA6A39; | ||
| padding: 30px; | ||
| } | ||
| #imgQuemSomos{ | ||
| height: 300px; | ||
| } | ||
| /* Pagina Quem Somos */ | ||
|
|
||
| /* Pagina Nosso time */ | ||
|
|
||
| .nosso-time{ | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| text-align: center; | ||
| color: #BA6A39; | ||
| padding: 30px; | ||
| } | ||
| #imgnossotime{ | ||
| height: 300px; | ||
| } | ||
|
|
||
| /* Pagina Nosso Time */ | ||
|
|
||
|
|
||
| /* Pagina Nossos Produtos */ | ||
| .flex-container { | ||
| padding: 30px; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| } | ||
|
|
||
| .flex-container > article { | ||
| padding: 10px; | ||
| } | ||
|
|
||
| .box > img { | ||
| height: 300px; | ||
| } | ||
|
|
||
| /* Pagina Nossos Produtos */ | ||
|
|
||
|
|
||
| /* Responsividade */ | ||
| @media screen and (max-device-width : 480px) { | ||
| /* Início HEADER */ | ||
| * { | ||
| font-size: 25px; | ||
| } | ||
|
|
||
| header { | ||
| flex-direction: column; | ||
| position: static; | ||
| } | ||
|
|
||
| nav { | ||
| width: 100%; | ||
| margin-top: 20px; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| } | ||
|
|
||
| nav > a { | ||
| font-size: 30px; | ||
| } | ||
|
|
||
| #logo-bank { | ||
| margin-left: 0; | ||
| } | ||
| /* Fim HEADER */ | ||
|
|
||
| /*Início FOOTER */ | ||
| footer { | ||
| flex-wrap: wrap; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| footer > p { | ||
| width: 40%; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .redes-sociais { | ||
| margin-top: 20px; | ||
| } | ||
| /* Fim FOOTER */ | ||
|
|
||
| /* Início INDEX */ | ||
| .quem-somos-index, .produtos-index, .nosso-time-index { | ||
| flex-direction: column; | ||
|
|
||
| } | ||
|
|
||
| .quem-somos-index > div, | ||
| .produtos-index > div, .nosso-time-index > div { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .quem-somos-index > img, | ||
| .produtos-index > img, .nosso-time-index > img { | ||
| width: 100%; | ||
| height: 120px; | ||
| } | ||
| /* Fim INDEX */ | ||
|
|
||
| .quem-somos{ | ||
| justify-content: center; | ||
| flex-direction: column; | ||
| padding: 5px; | ||
| } | ||
|
|
||
| .quem-somos div { | ||
| width: 100%; | ||
| } | ||
|
|
||
| #imgQuemSomos { | ||
| height: 200px; | ||
| margin: 10px; | ||
| } | ||
|
|
||
| .nosso-time{ | ||
| display: flex; | ||
| justify-content: center; | ||
| flex-direction: column; | ||
| padding: 5px; | ||
| } | ||
|
|
||
| #imgnossotime { | ||
| height: 200px; | ||
| margin: 10px; | ||
| } | ||
|
|
||
| .flex-container { | ||
| flex-direction: column; | ||
| padding: 5px; | ||
| } | ||
|
|
||
| .flex-container:nth-child(2) { | ||
| flex-direction: column-reverse; | ||
| } | ||
|
|
||
| .box { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .box > img { | ||
| height: 150px; | ||
| } | ||
|
|
||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <link rel="stylesheet" type="text/css" href="index.css"> | ||
| <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Source+Sans+Pro&display=swap" rel="stylesheet"> | ||
| <title>F4Bank</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <a href="index.html"><img id="logo-bank" src="f4bank.png" alt="logo"></a> | ||
| <nav> | ||
| <a href="quemsomos.html">Quem somos</a> | ||
| <a href="nossos-produtos.html">Nossos produtos</a> | ||
| <a href="nossotime.html">Nosso time</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <section class="quem-somos-index"> | ||
| <div class="texto-quem-somos"> | ||
| <p>Um banco criado para você chamar de seu!</p> | ||
| <p>Aquele banco que há décadas pensa na sua segurança ;)</p> | ||
| </div> | ||
|
|
||
| <img src="https://cdn.pixabay.com/photo/2017/01/01/14/39/hacker-1944688_960_720.jpg" alt=""> | ||
| </section> | ||
|
|
||
| <section class="produtos-index"> | ||
| <div class="texto-produtos"> | ||
| <p>Conheça os produtos desenhados especialmente para você!</p> | ||
| <p>Não deixe de conhecer os benefícios de ter um <u>cartão F4</u></p> | ||
| <p>Confira também nossa <u>Conta Corrente Digital</u></p> | ||
| </div> | ||
| <img src="https://cdn.pixabay.com/photo/2017/10/25/19/48/piggy-2889049_960_720.jpg"> | ||
| </section> | ||
|
|
||
| <section class="nosso-time-index"> | ||
| <div class="texto-nosso-time"> | ||
| <p>E não poderíamos de deixar à sua disposição o melhor time do mercado financeiro!</p> | ||
| <p>Aqui cuidamos do seu dinheiro, para que você possa cuidar de você!</p> | ||
| </div> | ||
| <img src="https://cdn.pixabay.com/photo/2017/08/30/07/56/money-2696228_960_720.jpg"> | ||
| </section> | ||
|
|
||
| <footer> | ||
| <p>Trabalhe conosco</p> | ||
| <p>Endereço</p> | ||
| <div class="redes-sociais"> | ||
| <a href="https://www.twitter.com" target="_blank"><img src="https://image.flaticon.com/icons/png/512/8/8800.png"></a> | ||
| <a href="https://www.facebook.com" target="_blank"><img src="https://image.flaticon.com/icons/png/512/25/25305.png"/></a> | ||
| <a href="https://www.instagram.com" target="_blank"><img src="https://image.flaticon.com/icons/png/512/25/25425.png"/></a> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Uhuu, ficou certinho!