login.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. {% include 'hackathon/base.html' %}
  4. <style>
  5. .form-signin {
  6. max-width: 550px;
  7. padding: 15px;
  8. margin: 0 auto;
  9. }
  10. </style>
  11. <body>
  12. <div class="container text-center">
  13. <form class="form-signin" id="login_form" method="post" action="/hackathon/login/">
  14. {% csrf_token %}
  15. {% load bootstrap %}
  16. <h2 class="form-signin-heading">Login</h2>
  17. <br>
  18. <input type="text" name="username" class="form-control" placeholder="Username" value="" required autofocus>
  19. <br>
  20. <input type="password" name="password" class="form-control" placeholder="Password" value=""required>
  21. <br>
  22. <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  23. <input type="hidden" name="submit" value="submit" />
  24. </form>
  25. </div>
  26. <div class="form-signin">
  27. <a class="btn btn-block btn-social btn-facebook">
  28. <i class="fa fa-facebook"></i>
  29. Sign in with Facebook
  30. </a>
  31. <a class="btn btn-block btn-social btn-twitter">
  32. <i class="fa fa-twitter"></i>
  33. Sign in with Twitter
  34. </a>
  35. <a class="btn btn-block btn-social btn-instagram">
  36. <i class="fa fa-instagram"></i>
  37. Sign in with Instagram
  38. </a>
  39. <a class="btn btn-block btn-social btn-google-plus">
  40. <i class="fa fa-google-plus"></i>
  41. Sign in with Google
  42. </a>
  43. </div>
  44. </body>
  45. </html>