Scribd
Upload
9 views

my html code

This document is an HTML template for a Facebook login page. It includes a styled layout with input fields for email and password, along with buttons for logging in and creating a new account. The design features a responsive container with a left section for branding and a right section for user input.

Uploaded by

ghost.silver.fang
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views

my html code

This document is an HTML template for a Facebook login page. It includes a styled layout with input fields for email and password, along with buttons for logging in and creating a new account. The design features a responsive container with a left section for branding and a right section for user input.

Uploaded by

ghost.silver.fang
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Facebook Login Page</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f0f2f5;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

.container {

background-color: white;

padding: 20px;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

display: flex;

.left {

margin-right: 30px;

.left img {

width: 200px;

.right {

display: flex;
flex-direction: column;

.right input[type="text"], .right input[type="password"] {

width: 100%;

padding: 10px;

margin-bottom: 10px;

border: 1px solid #ddd;

border-radius: 5px;

.right input[type="submit"] {

background-color: #1877f2;

color: white;

padding: 10px;

border: none;

border-radius: 5px;

cursor: pointer;

.right input[type="submit"]:hover {

background-color: #155db8;

.right a {

text-decoration: none;

color: #1877f2;

margin-bottom: 10px;

</style>

</head>

<body>

<div class="container">

<div class="left">

<img src="IMG_20241022_081118.jpg">
<p>Facebook helps you connect and share with the people in your life.</p>

</div>

<div class="right">

<input type="text" placeholder="Email address or phone number">

<input type="password" placeholder="Password">

<input type="submit" value="Log In">

<a href="#">Forgotten account?</a>

<input type="submit" value="Create New Account" style="background-color: #42b72a;">

</div>

</div>

</body>

</html>

You might also like