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. <script src="{% static 'jquery-3.5.1/jquery-3.5.1.min.js' %}"></script>
  12. <script src="{% static 'bootstrap-5.0.0-beta1-dist/js/bootstrap.bundle.min.js' %}"></script>
  13. <script src="{% static 'app/js/keypad.js' %}"></script>
  14. </head>
  15. <body>
  16. <div class="d-flex align-items-center min-vh-100">
  17. <div class="container-fluid">
  18. <div class="row justify-content-center">
  19. <div class="col-12 text-center mt-2 mb-2">
  20. <h1 class="display-3"><span class="oi" data-glyph="clock"></span> Time Sheet Station</h1>
  21. </div>
  22. </div>
  23. <div class="row justify-content-center">
  24. <div class="col-sm-12 col-md-7">
  25. <div class="card shadow">
  26. <div class="card-body">
  27. <div class="row">
  28. <div class="col-12">
  29. {% block content %}{% endblock %}
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </body>
  39. </html>