sign.html

<html>
<head>
<link rel="stylesheet" href="css/sign.css"> 
</head>
<div id="login-box">
  <div class="left">
    <h1>Sign up</h1>
    
    <input type="text" name="username" placeholder="Username" />
    <input type="text" name="email" placeholder="E-mail" />
    <input type="password" name="password" placeholder="Password" />
    <input type="password" name="password2" placeholder="Retype password" />
    
    <input type="submit" name="signup_submit" value="Sign Up" />
  </div>
  
  <div class="right">
    <span class="loginwith">Sign in with<br />social network</span>
    
    <a href="https://www.facebook.com/"><button class="social-signin facebook">Log in with facebook</button></a>
    <a href="https://twitter.com/i/flow/login"><button class="social-signin twitter">Log in with Twitter</button></a>
    <a href="https://mail.google.com/"><button class="social-signin google">Log in with Google+</button></a>
  </div>
  <div class="or">OR</div>
</div>
</html>