Breaking News: Grepper is joining You.com. Read the official announcement!

login page ui html css

Add Answer

Gracetoffy answered on May 27, 2022 Popularity 10/10 Helpfulness 3/10

answer login page ui html css

related Login Page HTML CSS Code

related login html css template

login page ui html css

Comment

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="./css/Style.css">
	<meta charset="utf-8">
	<link rel="icon" type="images/jpg" href="./imgs/img.jpg">
	<style>
		
		form{
			
			
			padding:15px;
		width:100%;
		
		}
		.login-box{
				width:30%;
				border:1px black solid;
				margin-left:440px;
				margin-top:100px;
		}
		input{
			width:200px;
			padding:10px;
		}
		h1{
			padding:10px;
		}
	</style>
	<title>Login|form</title>
	
</head>
<body>
<div class="login-box">
	

	<h1>Login form </h1>
	<hr>
	<form action="info.php" target="blank" >
		<p>USERNAME: </p>
		<input type="text" placeholder= "Enter your Username">
		<p>PASSWORD</p>
		<input type="text" placeholder="Enter your password">
		<br><br><br>
		<input type="submit" name="" value="login">
		<br><br>
		<a href="#"> forgot your password</a>
		<br>
		<a href="#">Don't have an account</a>
	</form>
</div>
</body>
</html>

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css html login-page

Link to this answer
Share Copy Link

Contributed on May 27 2022

Gracetoffy

0 Answers Avg Quality 2/10

Closely Related Answers

Login Page HTML CSS Code

Comment

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title> CSS Login Screen Tutorial </title>
</head>
<body>
  <body>
    <div class="login-page">
      <div class="form">
        <div class="login">
          <div class="login-header">
            <h3>LOGIN</h3>
            <p>Please enter your credentials to login.</p>
          </div>
        </div>
        <form class="login-form">
          <input type="text" placeholder="username"/>
          <input type="password" placeholder="password"/>
          <button>login</button>
          <p class="message">Not registered? <a href="#">Create an account</a></p>
        </form>
      </div>
    </div>
</body>
</body>
</html>

Popularity 10/10 Helpfulness 3/10 Language html

Source: w3codepen.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Dec 25 2022

Green Team

0 Answers Avg Quality 2/10

login html css template

Comment

<!DOCTYPE html>
<html>
<head>
  <title>Login Template</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="login-container">
    <h2>Login</h2>
    <form>
      <input type="text" placeholder="Username" required>
      <input type="password" placeholder="Password" required>
      <button type="submit">Login</button>
    </form>
  </div>
</body>
</html>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

login page ui html css

Contents

More Related Answers

login page ui html css

Closely Related Answers

Login Page HTML CSS Code

login html css template

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.