31 lines
998 B
HTML
31 lines
998 B
HTML
|
|
<section role="main" id="denied">
|
||
|
|
<div class="container">
|
||
|
|
<div class="lock-container">
|
||
|
|
<div class="lock">
|
||
|
|
<div class="lock-shackle"></div>
|
||
|
|
<div class="lock-body">
|
||
|
|
<div class="lock-keyhole"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="error-code">403</div>
|
||
|
|
<h1 class="error-title">Access Denied</h1>
|
||
|
|
<p class="error-message">
|
||
|
|
Oops! You don't have permission to access this page. It's like trying to open a door without the right key.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="button-group">
|
||
|
|
<a href="/" class="btn btn-primary">Go Home</a>
|
||
|
|
<a href="/login" class="btn btn-secondary">Sign In</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="fun-fact">
|
||
|
|
<div class="fun-fact-title">Did you know?</div>
|
||
|
|
<div class="fun-fact-text">
|
||
|
|
The HTTP 403 status code was named after "Forbidden City" in Beijing, which was restricted to the imperial family. Just kidding—but it does mean "forbidden"!
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|