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
We take content rights seriously. If you suspect this is your content, claim it here.
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
We take content rights seriously. If you suspect this is your content, claim it here.
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