<div id="error-container" class="m-grid__item m-grid__item--fluid m-wrapper" style="height: 100%"> <div class="m-content" style="display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1rem; height: 100%;"> <img class="error-icon" src="/dist/default/assets/images/not-found.png?2472" style="min-width: 200px; width: 10%; margin-bottom: 1rem;"/> <h1 class="error-title">Not Found</h1> <p class="error-message">The link you followed may be broken, or the page may have been removed.</p> <div class="error-buttons" style="display: flex; column-gap: 1rem; justify-content: center;"> <a id="error-home-btn" class="btn btn-secondary btn-blue w-xs-100 w-sm-100" href="/accommodations"><i class="fa fa-home"></i> Home Page</a> <a id="error-back-btn" class="btn btn-secondary btn-blue w-xs-100 w-sm-100 d-none"><i class="fa fa-arrow-left"></i> Previous Page</a> </div> </div> </div>