layout.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>TimeSheet</title>
  8. <link href="{% static 'bootstrap-5.0.0-beta1-dist/css/bootstrap.css' %}" rel="stylesheet">
  9. <link href="{% static 'open-iconic/css/open-iconic.min.css' %}" rel="stylesheet">
  10. <link href="{% static 'app/css/app.css' %}" rel="stylesheet">
  11. </head>
  12. <body>
  13. <div class="d-flex align-items-center min-vh-100">
  14. <div class="container-fluid">
  15. <div class="row justify-content-center">
  16. <div class="col-12 text-center mb-3">
  17. <h1 class="display-3"><span class="oi" data-glyph="clock"></span> Time Sheet Station</h1>
  18. </div>
  19. </div>
  20. <div class="row justify-content-center">
  21. <div class="col-sm-12 col-md-6 col-lg-5">
  22. <div class="card shadow text-center">
  23. <div class="card-body">
  24. <div class="row">
  25. <div class="col-12">
  26. {% block content %}{% endblock %}
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <script src="{% static 'jquery-3.5.1/jquery-3.5.1.min.js' %}"></script>
  36. <script src="{% static 'bootstrap-5.0.0-beta1-dist/js/bootstrap.bundle.min.js' %}"></script>
  37. <script src="{% static 'app/js/keypad.js' %}"></script>
  38. </body>
  39. </html>