Compare commits
4 Commits
Author | SHA1 | Date |
---|---|---|
Dominika Grajewska | c152a48449 | |
Dominika Grajewska | 9dd4f1141b | |
Dominika Grajewska | ce2bb573be | |
Dominika Grajewska | 81fd9fb1aa |
After Width: | Height: | Size: 493 B |
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 7.4 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 493 B |
|
@ -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>
|
After Width: | Height: | Size: 939 B |
|
@ -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>
|
|
@ -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;
|
||||||
|
}
|
After Width: | Height: | Size: 1.1 KiB |