Peter Imiefase Sarah Peterimie

## over.html
<!DOCTYPE html>
<html>
<head>
<title>overlay</title>
<style type="text/css">
body{margin: 0;background-color: skyblue;}
#a{
background-image: url("b1.jpg");
background-repeat: no-repeat;
background-size: cover;

## two.html
<Doctype! html>
  <html>
    <head>
      <title>The login page</title>
    </head>
    <body>
    </body>
  </html>

## three.html
<!DOCTYPE html>
<html>
<head>
    <title>The Login Page</title>
</head>
<body style="margin: 0;">


    <form>
        <h2>My Login Page</h2>

## four.html
<!DOCTYPE html>
<html>
<head>
    <title>The Login Page</title>
    <style>

form {
    background-color: lightgray;
    height:500px;
    width: 100%;

## five.html
<button type="submit">Login</button><br><br>
    <label>
      <input type="checkbox" checked="checked" name="remember"> Remember me
    </label>


## six.html

button {
    background-color:green;
    color: white;
    padding: 2%;
    font-size: large;
    border: none;
    cursor: pointer;
    width: 20%;
}

## seven.html
<span style="float:right;">Forgot <a href="#">password?</a></span>
	<!DOCTYPE html>
	<html>
	<head>
	<title>overlay</title>
	<style type="text/css">
	body{margin: 0;background-color: skyblue;}
	#a{
	background-image: url("b1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	<Doctype! html>
	<html>
	<head>
	<title>The login page</title>
	</head>
	<body>
	</body>
	</html>
	<button type="submit">Login</button><br><br>
	<label>
	<input type="checkbox" checked="checked" name="remember"> Remember me
	</label>

	button {
	background-color:green;
	color: white;
	padding: 2%;
	font-size: large;
	border: none;
	cursor: pointer;
	width: 20%;
	}