Jazzy 1012
asked on
Login area of a page
body {
background:url("14.jpg");
background-attachment: fixed;
}
.pen-title {
text-align: left;
letter-spacing: 2px;
}
.pen-title h1 {
margin-top: 20px;
font-size: 40px;
font-weight: 300;
}
.inner .input{
background: transparent;
float: right;
margin-top:20 px;
padding-left: 5 px;
}
.container{
background: url("ja.jpg");
position:fixed;
width:100%
}
.btn-primary{
float: right;
padding-top:0 px;
margin-bottom:10px;
margin-left:5px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="pen-title" style= " padding-top: 25px;">
<img src="logo-small.png" alt="user">
</div>
<div class="inner">
<button type="button" class="btn btn-primary">Action</button>
<input type="password" name="password" class= "input" id="password" placeholder="Password" required>
<input type="text" name="username" id="username" class= "input" placeholder="Username" value="" required>
</div>
</div>
</div>
I have this code above I want the outcome to be:
LOGO Username Password loginbutton
Forgot password?
I tried to do that and my logo is fine but my username and password, and button just wont align together and the herf isnt going under them. Could anyone help?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I fixed the forgot thing, thank youu
You are welcome.
ASKER
<a href="forgot.php">Forgot your Password? </a>
I want it to go under the username and pass