text4u
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

layout.antlers.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <!doctype html>
  2. <html lang="{{ site:short_locale }}">
  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">
  7. <title>TEXT4U</title>
  8. {{ vite src="resources/js/site.js|resources/css/site.css" }}
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous" defer></script>
  11. <style>
  12. .trapezium-nav-end {
  13. background-color: #4CAF50; /* Adjust the color as needed */
  14. clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  15. }
  16. .trapezium-nav {
  17. background-color: #4CAF50; /* Adjust the color as needed */
  18. clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  19. }
  20. .trapezium-hero {
  21. clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
  22. }
  23. .trapezium-hero p{
  24. font-size: 22px;
  25. }
  26. .trapezium {
  27. clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
  28. }
  29. .hero-main-text{
  30. font-size: 76px;
  31. }
  32. .font-50{
  33. font-size: 50px;
  34. }
  35. .font-37{
  36. font-size: 37px;
  37. }
  38. .font-21{
  39. font-size: 21px;
  40. }
  41. .font-18{
  42. font-size: 18px;
  43. }
  44. .font-16{
  45. font-size: 16px;
  46. }
  47. .form-container {
  48. padding: 20px;
  49. border-radius: 8px;
  50. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  51. }
  52. .form-container h4 {
  53. margin-bottom: 20px;
  54. text-align: start;
  55. }
  56. .form-group {
  57. margin-bottom: 15px;
  58. }
  59. .form-group label {
  60. display: block;
  61. margin-bottom: 5px;
  62. font-weight: bolder;
  63. }
  64. .form-group input {
  65. width: 100%;
  66. padding: 10px;
  67. border: 1px solid #ccc;
  68. border-radius: 0; /* Perfect rectangle */
  69. background-color: #f1eddf; /* Lighter version of #DED7C4 */
  70. font-size: 16px;
  71. box-sizing: border-box;
  72. }
  73. .form-group input:focus {
  74. border-color: #aaa;
  75. outline: none;
  76. }
  77. .submit-btn {
  78. width: 100%;
  79. padding: 10px;
  80. background-color: #333;
  81. color: #fff;
  82. border: none;
  83. cursor: pointer;
  84. font-size: 16px;
  85. }
  86. .submit-btn:hover {
  87. background-color: #555;
  88. }
  89. .footer-nav ul {
  90. list-style-type: none; /* Remove bullets */
  91. padding: 0;
  92. margin: 0;
  93. }
  94. .footer-nav ul li {
  95. margin-bottom: 18px /* Add some spacing between items */
  96. }
  97. .footer-nav ul li a {
  98. text-decoration: none; /* Remove underline */
  99. color: #000; /* Default link color */
  100. }
  101. .footer-nav ul li a:hover {
  102. color: #396868; /* Change color on hover */
  103. }
  104. </style>
  105. </head>
  106. <body class="bg-white text-dark">
  107. <div class="container-fluid p-0">
  108. {{ template_content }}
  109. </div>
  110. </body>
  111. </html>