As a newcomer to the world of HTML and CSS, I am venturing into customizing the 404 error page on Altervista known as not_found.html. This page pulls in styles from an external file named Style.css located within a folder titled Sheets-Style while the page itself sits directly in the root of the Altervista space.
Below is the code I have crafted:
<!DOCTYPE HTML>
<html>
<head>
<title>Error - 404</title>
<link rel="icon" href="Media/Icon.png" type="image/png"/>
<link rel="stylesheet" type="text/css" href="Sheets-Style/Style.css"/>
<style type="text/css">
.container {
text-align: center;
border: none;
margin-top: 10%;
}
</style>
</head>
<body>
<div class="container">
<h1>Oops... Something went wrong.</h1>
<p>Unfortunately, we couldn't find what you were looking for.
<br/>
Try returning to the Home page to see if there's something that interests you.
<br/>
Or let us know how we can improve.
<br/>
</p>
<button class="BTN_action" onclick="location.href='index.php'">
Back to Home
</button>
<button class="BTN_action">
Send Me a Suggestion
</button>
</div>
</body>
</html>The issue arises when I try opening the page on Chrome, as the css file does not get imported resulting in the absence of the preferred styles. Can anyone pinpoint where I might have made a mistake?