Prześlij pliki do 'front-end'

This commit is contained in:
Dominika Grajewska 2019-12-09 08:37:14 +00:00
parent d904015ca5
commit 81fd9fb1aa
5 changed files with 79 additions and 0 deletions

BIN
front-end/arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 493 B

BIN
front-end/lock.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 939 B

17
front-end/pass.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel="stylesheet" href="style.css"/>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<body>
<span style="font-size:20px;">Przypomnij hasło</span>
<form action="/action_page.php">
<div class="bord"><image class="icon" src="lock.png"></image><input type="email" required class="prostokat" placeholder="e-mail">
</input>
</div>
<button type="submit">
<image src="arrow.png" width="30px">
</button>
</form>
</body>

62
front-end/style.css Normal file
View File

@ -0,0 +1,62 @@
body {
background-image: url("back.png");
background-repeat: no-repeat;
background-size: 500px;
text-align: center;
max-width:500px;
margin-left:0px;
margin-top: 50px;
color: white;
font-family: 'Raleway', sans-serif;
}
.prostokat{
float: right;
width: 85%;
height: 40px;
background-color: white;
opacity: 0.9;
}
input{
border: none;
font-size: 20px;
color: #613559;
}
.icon{
margin-top:3px;
width:12%;
height:85%;
}
.bord{
border: solid white 3px;
width:65%;
height: 40px;
margin: auto;
opacity:0.9;
margin-top:30px;
}
button{
background: none;
border:none;
margin-top:20px;
}
input::placeholder{
text-align: center;
font-size: 20px;
color: #613559;
text-transform: uppercase;
}
a{
text-decoration: none;
color: white;
}

BIN
front-end/user.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB