From e8277458e4a4646f1d3b41527f993b126fb4cc58 Mon Sep 17 00:00:00 2001 From: eloisa-castro Date: Thu, 14 Nov 2019 10:53:43 -0300 Subject: [PATCH 1/9] =?UTF-8?q?Rascunho=20da=20p=C3=A1gina=20HTML=20e=20CS?= =?UTF-8?q?S?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ index.html | 42 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 index.css create mode 100644 index.html diff --git a/index.css b/index.css new file mode 100644 index 0000000..544612c --- /dev/null +++ b/index.css @@ -0,0 +1,45 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +header { + padding: 20px; + background: #FFC583; + color: #BA6A39; + font-weight: bold; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0; +} + +#logo-bank { + height: 100px; + margin-left: 20px; +} + +nav { + display: flex; + justify-content: space-evenly; + width: 50%; +} + +section { + height: 200px; +} + +footer { + position: fixed; + bottom: 0; + width: 100%; + background-color: #FFC583; + color: #BA6A39; + font-weight: bold; + display: flex; + justify-content: space-between; + padding: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ba52af2 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + + + F4Bank + + +
+ logo + +
+ +
+ Resumo +
+ +
+ Resumo +
+ +
+ Resumo +
+ + + + + \ No newline at end of file From 5048b987e984ab9487f3d6bb2eeba2d6a2d81a71 Mon Sep 17 00:00:00 2001 From: eloisa-castro Date: Thu, 14 Nov 2019 13:55:49 -0300 Subject: [PATCH 2/9] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=20do=20index.html=20e?= =?UTF-8?q?=20do=20index.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 174 ++++++++++++++++++++++++++++++++++++++++++++++++++--- index.html | 36 ++++++++--- 2 files changed, 192 insertions(+), 18 deletions(-) diff --git a/index.css b/index.css index 544612c..fa6636c 100644 --- a/index.css +++ b/index.css @@ -1,20 +1,26 @@ +/* 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; } +/* Início da formatação do HEADER */ header { padding: 20px; background: #FFC583; - color: #BA6A39; - font-weight: bold; width: 100%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; + z-index: 1; } #logo-bank { @@ -28,18 +34,168 @@ nav { width: 50%; } -section { - height: 200px; +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 { - position: fixed; - bottom: 0; width: 100%; background-color: #FFC583; - color: #BA6A39; - font-weight: bold; display: flex; justify-content: space-between; - padding: 10px; + align-items: center; + padding: 30px 20px; +} + +footer > p { + font-family: 'Amatic SC', cursive; + /* font-size: 22px; */ + 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 { + 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 > img { + height: 240px; + opacity: 70%; + border-radius: 30px; + max-width: 50%; +} + +.produtos { + background-color: #FFE7D9; + display: flex; + flex-direction: row-reverse; + justify-content: space-around; + align-items: center; + padding: 30px; +} + +.produtos > img { + height: 240px; + opacity: 90%; + border-radius: 10px; + max-width: 50%; +} + +.texto-produtos > p { + padding: 8px; +} + +.nosso-time { + background-color: #F4F4F4; + display: flex; + justify-content: space-around; + align-items: center; + padding: 30px; +} + +.texto-nosso-time > p { + padding: 20px 0; +} + +.nosso-time > img { + height: 240px; + opacity: 70%; + border-radius: 50%; + max-width: 50%; +} +/* Fim da formação do INDEX */ + +/* 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, .produtos, .nosso-time { + flex-direction: column; + + } + + .quem-somos > div, + .produtos > div, .nosso-time > div { + width: 100%; + } + + .quem-somos > img, + .produtos > img, .nosso-time > img { + width: 100%; + height: 120px; + } + /* Fim INDEX */ + + } \ No newline at end of file diff --git a/index.html b/index.html index ba52af2..cb0f9a1 100644 --- a/index.html +++ b/index.html @@ -5,37 +5,55 @@ + F4Bank
logo
- Resumo +
+

Um banco criado para você chamar de seu!

+

Aquele banco que há décadas pensa na sua segurança ;)

+
+ +
- Resumo +
+

Conheça os produtos desenhados especialmente para você!

+

Não deixe de conhecer os benefícios de ter um cartão F4

+

Confira também nossa Conta Corrente Digital

+
+
- Resumo +
+

E não poderíamos de deixar à sua disposição o melhor time do mercado financeiro!

+

Aqui cuidamos do seu dinheiro, para que você possa cuidar de você!

+
+

Trabalhe conosco

Endereço

-
- +
+ + +
- + +
From a37e8bda8c882432771e84e9d0479b9a48e6d520 Mon Sep 17 00:00:00 2001 From: Patricia Date: Thu, 14 Nov 2019 14:09:12 -0300 Subject: [PATCH 3/9] Nosso Time e Quem Somos --- nossotime.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ quemsomos.html | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 94 insertions(+) create mode 100644 nossotime.html create mode 100644 quemsomos.html diff --git a/nossotime.html b/nossotime.html new file mode 100644 index 0000000..104c5bb --- /dev/null +++ b/nossotime.html @@ -0,0 +1,45 @@ + + + + + + + + + F4Bank + + +
+ logo + +
+ +
+
+

Como os times trabalham no F4Bank

+

O F4 se inspirou no modelo do Spotify, com times autônomos chamados Squads focados em objetivos específicos.

+

Os squads possuem pessoas com diferentes habilidades que sentam juntas e têm total responsabilidade sobre o que estão criando: design, código, lançamento, manutenção, operações, etc..

+
+
+ QuemSomos +
+
+ +
+

Trabalhe conosco

+

Endereço

+
+ + + +
+ + +
+ + + \ No newline at end of file diff --git a/quemsomos.html b/quemsomos.html new file mode 100644 index 0000000..10f97b0 --- /dev/null +++ b/quemsomos.html @@ -0,0 +1,49 @@ + + + + + + + + + F4Bank + + +
+ logo + +
+ +
+
+ QuemSomos +
+
+

Somos a F4Bank

+

Somos uma startup que desenvolve soluções simples, seguras e 100% digitais para você ter o controle do seu dinheiro literalmente nas suas mãos.

+

Somos F4 - justos e transparentes na conduta, diretos e objetivos na comunicação, e tratamos cada cliente como uma pessoa.

+

Somos contra burocracia, papelada, agências e centrais de atendimento caras e ineficientes.

+

Somos a favor de ouvir e valorizar a sua opinião, e de merecer a sua confiança como cliente.

+

Ajude a reinventar o possível

+

Se você cansou das mesmas soluções para problemas antigos, se você quer ter e testar novas ideias e se você acredita que design, tecnologia e um bom atendimento resolvem qualquer problema, conheça as nossas carreiras. Procuramos pessoas para simplificar o mundo

+
+
+ +
+

Trabalhe conosco

+

Endereço

+
+ + + +
+ + +
+ + + \ No newline at end of file From 695065411731deec7357f7cbb37d2de7407a35df Mon Sep 17 00:00:00 2001 From: eloisa-castro Date: Thu, 14 Nov 2019 15:02:20 -0300 Subject: [PATCH 4/9] =?UTF-8?q?Ajuste=20do=20'index.css'.=20P=C3=A1ginas?= =?UTF-8?q?=20'index.html',=20'quemsomos.html'=20e=20'nossotime.html'=20fi?= =?UTF-8?q?nalizadas=20(incluindo=20responsividade).?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 92 +++++++++++++++++++++++++++++++++++++++++++------- index.html | 14 ++++---- nossotime.html | 9 +++-- quemsomos.html | 9 +++-- 4 files changed, 95 insertions(+), 29 deletions(-) diff --git a/index.css b/index.css index fa6636c..8ac43c0 100644 --- a/index.css +++ b/index.css @@ -10,6 +10,17 @@ font-family: 'Source Sans Pro', sans-serif; */ 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; @@ -62,7 +73,6 @@ footer { footer > p { font-family: 'Amatic SC', cursive; - /* font-size: 22px; */ color: #BA6A39; font-weight: 900; margin-left: 10px; @@ -75,7 +85,7 @@ footer > p { /* Fim da formatação do FOOTER */ /* Início da formação do INDEX */ -.quem-somos { +.quem-somos-index { background-color: #FFD89E; display: flex; justify-content: space-around; @@ -88,14 +98,14 @@ footer > p { text-align: center; } -.quem-somos > img { +.quem-somos-index > img { height: 240px; opacity: 70%; border-radius: 30px; max-width: 50%; } -.produtos { +.produtos-index { background-color: #FFE7D9; display: flex; flex-direction: row-reverse; @@ -104,7 +114,7 @@ footer > p { padding: 30px; } -.produtos > img { +.produtos-index > img { height: 240px; opacity: 90%; border-radius: 10px; @@ -115,7 +125,7 @@ footer > p { padding: 8px; } -.nosso-time { +.nosso-time-index { background-color: #F4F4F4; display: flex; justify-content: space-around; @@ -127,7 +137,7 @@ footer > p { padding: 20px 0; } -.nosso-time > img { +.nosso-time-index > img { height: 240px; opacity: 70%; border-radius: 50%; @@ -135,6 +145,38 @@ footer > p { } /* 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 */ + + + /* Responsividade */ @media screen and (max-device-width : 480px) { /* Início HEADER */ @@ -180,22 +222,48 @@ footer > p { /* Fim FOOTER */ /* Início INDEX */ - .quem-somos, .produtos, .nosso-time { + .quem-somos-index, .produtos-index, .nosso-time-index { flex-direction: column; } - .quem-somos > div, - .produtos > div, .nosso-time > div { + .quem-somos-index > div, + .produtos-index > div, .nosso-time-index > div { width: 100%; } - .quem-somos > img, - .produtos > img, .nosso-time > img { + .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; + } } \ No newline at end of file diff --git a/index.html b/index.html index cb0f9a1..6fbc5af 100644 --- a/index.html +++ b/index.html @@ -10,15 +10,15 @@
- logo + logo
-
+

Um banco criado para você chamar de seu!

Aquele banco que há décadas pensa na sua segurança ;)

@@ -27,7 +27,7 @@
-
+

Conheça os produtos desenhados especialmente para você!

Não deixe de conhecer os benefícios de ter um cartão F4

@@ -36,7 +36,7 @@
-
+

E não poderíamos de deixar à sua disposição o melhor time do mercado financeiro!

Aqui cuidamos do seu dinheiro, para que você possa cuidar de você!

diff --git a/nossotime.html b/nossotime.html index 104c5bb..c9e6363 100644 --- a/nossotime.html +++ b/nossotime.html @@ -10,11 +10,10 @@
- logo -
diff --git a/quemsomos.html b/quemsomos.html index 10f97b0..70fa270 100644 --- a/quemsomos.html +++ b/quemsomos.html @@ -10,11 +10,10 @@
- logo -
From 383ea9f343dc386c887cb351ba0beaf774a4decc Mon Sep 17 00:00:00 2001 From: lorenzono <57595740+lorenzono@users.noreply.github.com> Date: Thu, 14 Nov 2019 15:20:04 -0300 Subject: [PATCH 5/9] Add files via upload MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Inclusão do arquivo novos-produtos.html --- nossos-produtos.html | 68 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 nossos-produtos.html diff --git a/nossos-produtos.html b/nossos-produtos.html new file mode 100644 index 0000000..4e37af1 --- /dev/null +++ b/nossos-produtos.html @@ -0,0 +1,68 @@ + + + + + + + + + F4Bank + + +
+ logo + +
+ +
+
+ Conta Digital +
+
+

Controle na sua mão

+

+
+

Tudo o que você precisa em um só aplicativo, completo e gratuito, para economizar seu tempo com o que realmente importa. Sem agências, filas, burocracias e taxas. Você é quem manda no seu dinheiro.

+
+
+ +
+
+

Cartão Internacional Mastercard® sem taxas

+

Você pode fazer compras internacionais no crédito, além de ter saques gratuitos nos caixas Banco24Horas e Saque Pague. Você ainda conta com a função débito para compras nacionais. Tudo isso com os benefícios Mastercard.

+
+

O débito já está pronto para uso e você pode pedir uma análise de crédito.

+
+
+ Mastercard +
+
+ +
+
+ Segurança +
+
+

Segurança em primeiro lugar

+

+
+

O F4Bank conta com a tecnologia 4-Safety, uma ferramenta que reforça sua segurança no acesso e nas transações realizadas, através da autenticação feita por códigos temporários gerados no próprio aplicativo.

+
+
+ +
+

Trabalhe conosco

+

Endereço

+
+ + + +
+
+ + + \ No newline at end of file From 79670e8127b5aa8f939e296b4617c78686f54108 Mon Sep 17 00:00:00 2001 From: eloisa-castro Date: Thu, 14 Nov 2019 15:43:57 -0300 Subject: [PATCH 6/9] =?UTF-8?q?Ajuste=20do=20layout=20da=20p=C3=A1gina=20'?= =?UTF-8?q?nossos-produtos.html'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 34 ++++++++++++++++++++++++++++++++++ index.html | 2 -- nossos-produtos.html | 14 +++++++------- 3 files changed, 41 insertions(+), 9 deletions(-) diff --git a/index.css b/index.css index 8ac43c0..768e66c 100644 --- a/index.css +++ b/index.css @@ -176,6 +176,23 @@ footer > p { /* 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) { @@ -266,4 +283,21 @@ footer > p { 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; + } + } \ No newline at end of file diff --git a/index.html b/index.html index 6fbc5af..cb2eb5e 100644 --- a/index.html +++ b/index.html @@ -52,8 +52,6 @@
- - diff --git a/nossos-produtos.html b/nossos-produtos.html index 4e37af1..3b86857 100644 --- a/nossos-produtos.html +++ b/nossos-produtos.html @@ -10,15 +10,15 @@
- logo + logo
-
+
Conta Digital
@@ -30,7 +30,7 @@

Controle na sua mão

-
+

Cartão Internacional Mastercard® sem taxas

Você pode fazer compras internacionais no crédito, além de ter saques gratuitos nos caixas Banco24Horas e Saque Pague. Você ainda conta com a função débito para compras nacionais. Tudo isso com os benefícios Mastercard.

@@ -42,7 +42,7 @@

Cartão Internacional Mastercard® sem taxas

-
+
Segurança
From 393632ae6a8ae83f995d9824497ee066fe95fdc4 Mon Sep 17 00:00:00 2001 From: Patricia Date: Thu, 14 Nov 2019 16:31:52 -0300 Subject: [PATCH 7/9] Teste para Deploy --- index.md | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 index.md diff --git a/index.md b/index.md new file mode 100644 index 0000000..cb2eb5e --- /dev/null +++ b/index.md @@ -0,0 +1,58 @@ + + + + + + + + + F4Bank + + +
+ logo + +
+ +
+
+

Um banco criado para você chamar de seu!

+

Aquele banco que há décadas pensa na sua segurança ;)

+
+ + +
+ +
+
+

Conheça os produtos desenhados especialmente para você!

+

Não deixe de conhecer os benefícios de ter um cartão F4

+

Confira também nossa Conta Corrente Digital

+
+ +
+ +
+
+

E não poderíamos de deixar à sua disposição o melhor time do mercado financeiro!

+

Aqui cuidamos do seu dinheiro, para que você possa cuidar de você!

+
+ +
+ + + + + \ No newline at end of file From cd2ec32a871eea7fa5a9b2b9fd17571467b4a51d Mon Sep 17 00:00:00 2001 From: lorenzono <57595740+lorenzono@users.noreply.github.com> Date: Thu, 14 Nov 2019 17:06:20 -0300 Subject: [PATCH 8/9] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..f3b494b --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +f4bank.com \ No newline at end of file From 08eb7a6846b7b132a997fdc0fe25346d7c2f156a Mon Sep 17 00:00:00 2001 From: joaogolias <38192396+joaogolias@users.noreply.github.com> Date: Thu, 14 Nov 2019 17:10:27 -0300 Subject: [PATCH 9/9] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index f3b494b..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -f4bank.com \ No newline at end of file