s444413/Padel-Tournaments-System
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

feat: ✨ Logowanie

Browse Source 
Dodanie logowania bez tła

Logujemy się!
This commit is contained in:
Arek 2022-05-19 00:54:58 +02:00
parent 423b9992a3
commit 1e6eee4f5b
3 changed files with 84 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

32
frontend/logowanie/index.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<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>Padle tournament system</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="form">
<div class="login">
<h2>Logowanie</h2>
<input placeholder="Tutaj wpisz email lub nick">
<input placeholder="Tutaj wpisz hasło">
<br>
<center><button class="myButton">Zaloguj</button></center>
<br>
<a href="#">Zapomniałeś hasła?</a>
<br>
<span> Nie masz konta? <a href="#">Zajerestruj się</a></span>
</div>
</div>
</div>
</body>
</html>

52
frontend/logowanie/style.css Normal file
View File

@ -0,0 +1,52 @@
/* * {
border: 2px solid red;
padding: 0;
margin: 0;
} */
* {
/* border: 2px solid red; */
box-sizing: border-box;
text-align: center;
}
.container {
height: 100vh;
}
.form {
width: 50%;
height: 40%;
background-color: #EBEBEB;
display: flex;
;
justify-content: center;
align-items: center;
}
.login {
width: 40%;
display: flex;
flex-direction: column;
}
.container {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.myButton {
background-color: #14A6F9;
border-radius: 28px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding: 5px 15px;
width: 50%;
}