Modern Error Page - Copy this Html, Bootstrap Component to your project

More visual for this page @model ErrorViewModel @{ ViewData["Title"] = "Error"; } <div class="d flex justify content center align items center vh 100 bg light"> <div class="text center p 5 rounded shadow lg bg white" style="max width: 600px;"> <div class="mb 4"> <h1 class="display 4 text danger"> <i class="bi bi x circle fill"></i> Error </h1> <h2 class="text secondary">Something went wrong</h2> </div> <p class="text muted fs 5"> An error occurred while processing your request. We apologize for the inconvenience. </p> @if (Model.ShowRequestId) { <div class="alert alert info mt 4"> <strong>Request ID:</strong> <code>@Model.RequestId</code> </div> } <p class="fw bold mt 4 fs 5 text danger">@Model.Message</p> <div class="mt 5"> <a href="/" class="btn btn primary btn lg px 4"> <i class="bi bi house door fill"></i> Return Home </a> </div> </div> </div>