future4code · MirandaFayra · Aug 29, 2021 · Aug 29, 2021 · Sep 3, 2021 · Sep 3, 2021
diff --git a/README.md b/README.md
@@ -1 +1,24 @@
-# landing-page-template
+# F4bank
+O menu a animação do menu, e pagina principal.
+A pagina completa do login.
+A pagina completa do cadastro.
+O footer a animação do footer, fiz edição da imagem dentro do celular.
+Usei javascript icones do instagram, twitter, youtube e facebook.
+Adicionei o favicon nas paginas.
+A imagem da logo está com link para o menu principal.
+
+F4bank
+
+O menu a animação do menu, e pagina principal desktop e mobile.
+A pagina completa do login desktop e mobile.
+A pagina completa do cadastro desktop e mobile.
+O footer a animação do footer, fiz edição da imagem dentro do celular desktop e mobile
+Usei javascript icones do instagram, twitter, youtube e facebook.
+Adicionei o favicon nas paginas.
+A imagem da logo está com link para o menu principal.
+
+O que não funciona
+
+
+Link do projeto
+https://holistic-motion.surge.sh/
diff --git a/cadastro.css b/cadastro.css
@@ -0,0 +1,150 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+
+*:focus {
+    outline: none;
+}
+
+.login{
+    display: flex;
+    position: relative;
+    background-color: #ff914d;
+    width: 100%;
+    height: 100vh;
+    justify-content: center;
+    align-items: center;
+}
+
+img{
+    width: 100px;
+    height: 80px;
+    padding: 10px 15px;
+    position: absolute;
+    left: 5px;
+    top: 5px;
+}
+
+.centro{
+    display: inline-block;
+    position: absolute;
+    width: 374px;
+    padding: 15px;
+    background-color: rgb(255, 255, 255);
+    border-radius: 10px;
+    box-shadow: 0px 5px 8px 0px #a85d2e87;
+}
+
+.seu-cadastro{
+    display: flex;
+    color: #ff914d;
+    margin-top: 55px;
+    margin-left: 95px; 
+    flex-wrap: nowrap;
+    font-family: Arial, Helvetica, sans-serif;
+
+}
+
+.cpf{
+    display: inline-block;
+    width: 264px;
+    height: 45px;
+    margin-top: 40px;
+    margin-left: calc(50% - 132px);
+    border-radius: 30px;
+    border-color: #ff914d;
+    text-align: center;
+}
+
+.nome{
+    display: inline-block;
+    width: 264px;
+    height: 45px;
+    margin-top: 25px;
+    margin-left: calc(50% - 132px);
+    border-radius: 30px; 
+    border-color: #ff914d;
+    text-align: center;
+}
+
+.email{
+    display: inline-block;
+    width: 264px;
+    height: 45px;
+    margin-top: 25px;
+    margin-left: calc(50% - 132px);
+    border-radius: 30px; 
+    border-color: #ff914d;
+    text-align: center;
+}
+
+.span{
+    display: flex;
+    text-align: justify;
+
+
+}
+
+button{
+    display: inline-block;
+    width: 264px;
+    height: 45px;
+    border-radius: 30px; 
+    text-align: center;
+    color: white;
+    background-color: #ff914d;
+    margin-left: calc(50% - 132px);
+    box-shadow: 0px 5px 8px 0px #ff914d87;
+    border: none;  
+
+}
+
+button:hover{
+    color: #febd59;
+    background-color: white;
+}
+
+button:active{
+    color: white;
+    background-color: #febd59;
+}
+
+.reativa-senha{
+    display: flex;
+    color: #ff914d;
+    margin-top: 35px;
+    margin-left: 120px; 
+    flex-wrap: nowrap;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.cadastro{
+    display: flex;
+    color: #ff914d;
+    margin-top: 25px;
+    margin-left: 120px; 
+    flex-wrap: nowrap;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.termos {
+    display: block;
+    padding: 30px 36px;
+    font-family: sans-serif;
+    text-align: justify;
+    font-size: 14px;
+}
+
+@media screen and (max-width: 700px) {
+    .login {
+        display: block;
+
+    }
+    .termos{
+        display: block;
+    }
+    .centro {
+        margin-top: 90px;
+    }
+}
diff --git a/cadastro.html b/cadastro.html
@@ -0,0 +1,36 @@
+<!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="shortcut icon" href="img/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="cadastro.css">
+    <title>F4 bank</title>
+</head>
+<body>
+    <section class="login">
+        <a href="index.html"><img src="img/logo.jpeg" alt="Logo"></a>
+
+        <div class="centro">
+            <h2 class="seu-cadastro">Faça seu cadastro</h2>
+
+            <input class="cpf" name="email" type="text" value="" placeholder="CPF">
+
+            <input class="nome" name="email" type="text" value="" placeholder="Nome completo">
+
+            <input class="email" name="senha" type="text" value="" placeholder="E-mail" >
+
+            <span class="termos">
+                <input type="checkbox" id="termos" name="termos">
+                <label for="termos">
+                    Eu li, estou ciente das condições de tratamento dos meus dados pessoais e dou meu consentimento, quando aplicável, conforme descrito nesta
+                    <a class="privacidade" href="#">Política de Privacidade</a>.
+                </label>
+            </span>
+
+            <a href="cadastro.html"><button type="butlin"><b>Enviar</b></button></a>
+        </div>
+    </section>   
+</body>
+</html>
diff --git a/imagem_F4bank.jpeg b/imagem_F4bank.jpeg
diff --git a/imagem_cadastro.png b/imagem_cadastro.png
diff --git a/img/celular.png b/img/celular.png
diff --git a/img/favicon.ico b/img/favicon.ico
diff --git a/img/logo.jpeg b/img/logo.jpeg
diff --git a/img/photothumb.db b/img/photothumb.db
diff --git a/img/site.webmanifest b/img/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}