index.html

<!DOCTYPE html>
<html lang=en>
    <head>
        <title>HackHolic - Code Sharing Website</title>
        <meta charset="utf-8">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
       <div id="container">
        <nav id="navigationbar">
           <ul>
               <li><a href="#" class="links"></a></li>
               <li><a href="#" class="links">Explore</a></li>
               <li><a href="#" class="links">About</a></li>
               <li><a href="#" class="links">Blog</a></li>
               <li><a href="#" class="signin">Sign up</a></li>
           </ul>
        </nav>
        </div>
        <div id="signupdiv">
            <div id="signupboxtext">
                <h1 style="font-size: 55px;">Code, Edit, Publish</h1>
                <p>A place to collaborate and share your code for people all around the world.</p>
                <form>
                    <input type="text" maxlength="20" placeholder="Username">
                    <input type="password" maxlength="15" placeholder="Password">
                    <a href="#">Sign In</a>
                </form>
            </div>
        </div>
        <div id="socialmedia">
            <img src="assets/fb.png">
        </div>
    </body>
</html>