templates/bundles/TwigBundle/Exception/error404.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <style>
  5.     html,
  6.     body {
  7.       height: 100%;
  8.       margin: 0;
  9.       font-family: Arial, sans-serif;
  10.     }
  12.     /* Center the content */
  13.     .container {
  14.       height: 100vh;
  15.       display: flex;
  16.       align-items: center;
  17.       justify-content: center;
  18.     }
  20.     /* Center text and give it some padding */
  21.     .text-center {
  22.       text-align: center;
  23.       padding: 20px;
  24.     }
  26.     /* Style the logo */
  27.     .logo {
  28.       height: 150px; /* Adjust the height and width as needed */
  29.       margin-bottom: 20px;
  30.       background-image: url('https://ticketing.alteogroup.net/bundles/uvdeskcoreframework/images/logo.png');
  31.       background-size: contain;
  32.       background-repeat: no-repeat;
  33.       background-position: center;
  34.     }
  36.     /* Style for the main headline */
  37.     h1 {
  38.       font-size: 48px;
  39.       color: #666;
  40.     }
  42.     /* Style for the sub-headline */
  43.     h2 {
  44.       font-size: 24px;
  45.       margin-top: 10px;
  46.       color: #666;
  47.     }
  49.     /* Style for the paragraph */
  50.     p {
  51.       font-size: 16px;
  52.       color: #777;
  53.       margin: 10px 0 20px;
  54.     }
  56.     /* Button styling */
  57.     .btn {
  58.       display: inline-block;
  59.       padding: 10px 20px;
  60.       background-color: #53585a;
  61.       color: white;
  62.       text-decoration: none;
  63.       border-radius: 5px;
  64.       font-size: 16px;
  65.       transition: background-color 0.3s;
  66.     }
  68.     /* Add icon to the button */
  69.     .btn .icon {
  70.       margin-right: 10px;
  71.       font-size: 18px;
  72.     }
  74.     /* Button hover effect */
  75.     .btn:hover {
  76.       background-color: #53585abd;
  77.     }
  78.   </style>
  79.   <meta charset="UTF-8" />
  80.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  81.   <title>404 - Page Not Found</title>
  82.   <link rel="stylesheet" href="404.css" />
  83. </head>
  84. <body>
  85.   <div class="container">
  86.     <div class="text-center">
  87.       <div class="logo"></div>
  88.       <h1>Whoops, 404</h1>
  89.       <h2>Page not found</h2>
  90.       <p>The page you were looking for does not exist.</p>
  91.       <a href="/" class="btn">
  92.         <span class="icon"></span>
  93.         Back to Home
  94.       </a>
  95.     </div>
  96.   </div>
  97. </body>
  98. </html>