<section>
    <div class="container">
      <div class="row align-items-center mb-5">
        <div class="col-md-10 text-center mx-auto">
          <!-- Image -->
          <img src="/html-component/images/404/erorr-404_2.gif" class="mb-4" alt="" style="max-width: 300px;">
          <!-- Title -->
          <!-- Subtitle -->
          <h2 class="mb-5">Oh no, something went wrong!</h2>
          <!-- Button -->
          <a href="index.html" class="btn btn-primary btn-lg mb-0 px-4">Take me to Homepage</a>
        </div>
      </div>
    </div>
  </section>

  
                
            

                
                    
    @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css");

    :root {
      --bs-primary: #1264ff;
      --bs-primary-dark: #054ccf;
      --bs-secondary: #1c1a28;
    }

    .btn-lg {
      font-size: 0.9375rem;
      padding: 12px 30px;
      text-align: center;
      font-weight: 500;
      border-radius: 4px;
      background-color: var(--bs-primary);
      border-color: var(--bs-primary-dark);
    }

    .btn-lg:hover {
      background-color: var(--bs-primary-dark);
    }
                  
            

                
                    

  <section>
    <div class="container">
      <div class="row align-items-center mb-5">
        <div class="col-md-10 text-center mx-auto">
          <!-- Image -->
          <img src="/html-component/images/404/erorr-404.gif" class="mb-4" alt="" style="max-width: 300px;">
          <!-- Title -->
          <h1 class="display-1 text-primary mb-0 fw-bold">ERROR</h1>
          <!-- Subtitle -->
          <h2>Oh no, something went wrong!</h2>
          <!-- info -->
          <p class="mb-4">Either something went wrong or this page doesn't exist anymore.</p>
          <!-- Button -->
          <a href="index.html" class="btn btn-lg btn-success mb-0 px-4">Take me to Homepage</a>
        </div>
      </div>
    </div>
  </section>

  
                
            

                
                    
    @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css");

    :root {
      --bs-primary: #1264ff;
      --bs-primary-dark: #054ccf;
      --bs-secondary: #1c1a28;
    }

    .btn-lg {
      font-size: 0.9375rem;
      padding: 12px 30px;
      text-align: center;
      font-weight: 500;
      border-radius: 4px;
      background-color: var(--bs-primary);
      border-color: var(--bs-primary-dark);
    }

    .btn-lg:hover {
      background-color: var(--bs-primary-dark);
    }