index.html

<!DOCTPYE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewpoint" content="width=\\, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="images/logo.png">
    <title>Facebook - Log in or Sign up</title>
</head>
<body>
    <div id="container">
        <div id="recent-logins">
            <img id="facebook" src="https://static.xx.fbcdn.net/rsrc.php/y8/r/dF5SId3UHWd.svg" alt="facebook-logo">
            <div id="title">Recent logins</div>
            <div id="subtitle">Click your picture or add an account.</div>
            <div id="cards">
                <div id="card-1">
                    <div id="cancel">x</div>
                    <img id="card-1-img" src="images/profile.jpg" alt="profile picture ">
                    <div class="username">Gihan</div>
                </div>
                <div id="card-2">
                    <img id="card-2-img" src="images/add_acc.png" alt="add account">
                    <div id="add-account" class="username">Add Account</div>
                </div>
            </div>
        </div>
        <div id="login">
            <input type="email" placeholder="Email or Phone Number">
            <input type="password" placeholder="Password">
            <input type="button" value="Log In" id="login-button">
            <a href="#">Forgot Password</a>
            <hr style="width: 95%;">
            <input type="button" value="Craete New Account" id="create-new-account">
            <p><strong>Create a Page</strong> for a celebrity, brand or business.</p>
        </div>
    </div>
    <footer>
        <div>
            English (UK)
            ଓଡ଼ିଆ
            हिन्दी
            తెలుగు
            اردو
            বাংলা
            தமிழ்
            मराठी
            ગુજરાતી
            മലയാളം
            ಕನ್ನಡ
            <br>
            <hr style="width: 100%;">
            <br>
            Sign Up  Log in  Messenger  Facebook Lite  Watch  Places  Games  Marketplace  Meta Pay  Meta Store  Meta Quest  Instagram  Bulletin  Fundraisers
            <br>
            Services  Voting Information Centre  Privacy Policy  Privacy Centre  Groups  About  Create ad  Create Page  Developers  Careers  Cookies  AdChoices 
            <br>
            Terms  Help  Contact uploading and non-users
            <br><br>
            Meta © 2023
        </div>      
    </footer>
</body>
</html>