Skip to content
This repository has been archived by the owner on Jan 11, 2020. It is now read-only.

login page #27

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

login page #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added interfaces/Task 1 - Login/raviteja/bg.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions interfaces/Task 1 - Login/raviteja/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>
<body>
<style>
::placeholder {
color: black;
opacity: 1;
}

:-ms-input-placeholder {
color: black;
}

::-ms-input-placeholder {
color: black;
}
</style>
<div class="bg">
<div id="welcome">WELCOME BACK</div>
<div class="loginbox ">
<form action="/action_page.php">
<h1 id ="login-as-heading">LOGIN</h1>
<i class="fas fa-user-tie"><input type="text" class="box" placeholder="Username"></i><br><br>
<i class="fas fa-unlock-alt"><input type="password" class="box" placeholder="Password"></i><br><br>

<input type="submit" value="Login">
<input type="submit" value="Sign Up">

</form>
</div >
<div class ="loginbox-with-transparency"></div>
</div>
</body>
</html>
90 changes: 90 additions & 0 deletions interfaces/Task 1 - Login/raviteja/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
body{

margin: 0;
padding: 0px;
color: black;
}
.bg{
margin:0;
padding: 0px;
background-image: url("bg.jpg") ;
background-size: cover;
width: 100%;
height: 700px;
max-height: 900px;


}


.loginbox{
background-color: transparent;
position: absolute;
top:30%;
left:20%;
width:20%;
height:300px;
/* background: rgba(255,255,255,0.5);*/
padding: 30px;
border: 3px solid black;
border-radius: 15px;
background-color:rgba(0,0,0,0.2);


}
.loginbox h1{
border-bottom: 3px solid black;
display: inline-block;
}


#welcome{
text-align: center;
font-size: 40px;
color:maroon;
position: absolute;
top: 20%;
left:19%;
color: black;


}
input[type=text], input[type=password] {
width: 80%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;

box-sizing: border-box;

color: black;

}


input[type=submit]
{width:100px;
height:40px;
margin-left: auto;
margin-right: auto;
display: inline-block;
border: 2px solid black;
box-sizing: border-box;
border-radius: 10px;
margin-right: 10px;
font-size: 15px;

}
form input{
border:none;
outline:none;
background:none;
color: black;
}
i{border-bottom: 2px solid black;


padding-right:30px;
}