franpcode/Login-Form
1
0
Fork 0
mirror of https://github.com/FranP-code/Login-Form.git synced 2025-10-12 23:52:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Terminado el HTML y CSS de las paginas de ERROR y de SUCCESS. Añadida la pagina de Notion al proyecto

Browse Source
This commit is contained in:
Francisco P
2021-05-21 19:13:19 -03:00
parent 9b8a533548
commit 9e76b31c6f
10 changed files with 788 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
success-pages/loginS.html
View File

@@ -1 +1,15 @@
<h1>mfasddfmsadofasdmfpadsofma</h1>
<!DOCTYPE html>
<html lang="en" id='html_login'>
<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">
<title>Login page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../normalize.css">
</head>
<body>
<header class='login'>You are logged into the website!!</header>
<h2>Please, <a href="../index.html">click here</a> to come back to the HOME page</h2>
</body>
</html>

16
success-pages/registerS.html
View File

@@ -1 +1,15 @@
<h1>asdojfnadsjfnasfnadsjfda</h1>
<!DOCTYPE html>
<html lang="en" id='html_register'>
<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">
<title>Register page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../normalize.css">
</head>
<body>
<header class='login'>You are registered into the website!!</header>
<h2>Please, <a href="../index.html">click here</a> to come back to the HOME page</h2>
</body>
</html>

69
success-pages/style.css Normal file
View File

@@ -0,0 +1,69 @@
html {
font-family: Arial, Helvetica, sans-serif;
height: 100%;
}
#html_login {
background: rgb(86,96,31);
background: linear-gradient(31deg, rgba(86,96,31,1) 0%, rgba(250,0,106,1) 100%);
}
#html_register {
background: rgb(96,73,31);
background: linear-gradient(31deg, rgba(96,73,31,1) 0%, rgba(0,80,250,1) 100%);
}
header {
border-bottom: white 2px solid;
background-color: rgba(0, 0, 0, 0.2);
font-size: 20pt;
font-weight: bold;
color: white;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
header:hover {
padding-top: 70px;
padding-bottom: 70px;
background-color: rgba(0, 0, 0, 0.3);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
.header-text {
margin: auto;
}
h2 {
margin-top: 40px;
color: white;
}
a {
text-decoration: none;
color: rgb(0, 47, 109);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
a:hover {
color: rgb(181, 213, 255);
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}