Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

1 rok temu
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>{{ page_title }}</title>
  8. <style>
  9. body {
  10. font-family: 'Arial', sans-serif;
  11. background-color: #f4f4f4;
  12. display: flex;
  13. align-items: center;
  14. justify-content: center;
  15. height: 100vh;
  16. margin: 0;
  17. }
  18. main {
  19. max-width: 300px;
  20. padding: 20px;
  21. background-color: #fff;
  22. border-radius: 8px;
  23. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  24. }
  25. label {
  26. display: block;
  27. margin-bottom: 8px;
  28. color: #555;
  29. }
  30. input {
  31. width: 100%;
  32. padding: 8px;
  33. margin-bottom: 16px;
  34. box-sizing: border-box;
  35. border: 1px solid #ccc;
  36. border-radius: 4px;
  37. }
  38. button {
  39. background-color: #4caf50;
  40. color: #fff;
  41. padding: 10px 15px;
  42. border: none;
  43. border-radius: 4px;
  44. cursor: pointer;
  45. display: block;
  46. width: 100%;
  47. }
  48. button:hover {
  49. background-color: #45a049;
  50. }
  51. p {
  52. color: red;
  53. text-align: center;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <main>
  59. {% block content %}{% endblock %}
  60. </main>
  61. </body>
  62. </html>