Compare commits
3 Commits
Author | SHA1 | Date | |
---|---|---|---|
9dd4f1141b | |||
ce2bb573be | |||
81fd9fb1aa |
BIN
front-end/arrow.png
Normal file
BIN
front-end/arrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 493 B |
38
front-end/index.html
Normal file
38
front-end/index.html
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<!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;">Zaloguj się</span>
|
||||||
|
<form action="/action_page.php">
|
||||||
|
<div class="bord"><image class="icon" src="user.png"></image><input type="text" class="prostokat" placeholder="login">
|
||||||
|
|
||||||
|
</input>
|
||||||
|
</div>
|
||||||
|
<div class="bord"><image class="icon" src="lock.png"></image><input type="password" class="prostokat" placeholder="hasło">
|
||||||
|
</input>
|
||||||
|
</div>
|
||||||
|
<button type="submit">
|
||||||
|
<image src="arrow.png" width="30px">
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<a style="font-size:10px;" href="pass.html">Przypomnij hasło</a><br/><br/>
|
||||||
|
|
||||||
|
<span style="font-size:20px;">Zarejestruj się</span>
|
||||||
|
<form action="/action_page.php">
|
||||||
|
<div class="bord"><image class="icon" src="user.png"></image><input type="text" class="prostokat" placeholder="login">
|
||||||
|
|
||||||
|
</input>
|
||||||
|
</div>
|
||||||
|
<div class="bord"><image class="icon" src="lock.png"></image><input type="password" class="prostokat" placeholder="hasło">
|
||||||
|
</input>
|
||||||
|
</div>
|
||||||
|
<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>
|
BIN
front-end/lock.png
Normal file
BIN
front-end/lock.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 939 B |
17
front-end/pass.html
Normal file
17
front-end/pass.html
Normal 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
62
front-end/style.css
Normal 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
BIN
front-end/user.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in New Issue
Block a user