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 |