404.html

<!doctype html>
<html lang="">

	<head>

		<!-- Character encoding -->
		<meta charset="utf-8">

		<!-- Title and Desc -->
		<title>404 Page Not Found</title>
		<meta name="description" content="404 Page Not Found: The web page you are trying to access could not be found on the website server.">

		<!-- Optimize viewport for mobile -->
		<meta name="viewport" content="width=device-width,initial-scale=1">

		<!-- Favicons (svg) -->
		<link rel="icon" href="favicon.ico" sizes="any">
		<link rel="icon" href="favicon.svg" type="image/svg+xml">

		<!-- Favicons (png) -->
		<!-- <link rel="icon" href="favicon.ico" sizes="any">
		<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png"> -->

		<!-- Icons for iOS -->
		<link rel="apple-touch-icon" href="pwa/icons/apple-touch-icon.png">

		<!-- PWA webmanifest -->
		<link rel="manifest" href="pwa/app.webmanifest">

		<!-- Color themes -->
		<meta name="theme-color" content="#f8c34f" media="(prefers-color-scheme: light)">
		<meta name="theme-color" content="#808080" media="(prefers-color-scheme: dark)">

		<!-- CSS -->
		<link rel="stylesheet" href="assets/css/pwabunga.css">
		<link rel="stylesheet" href="assets/pwa/pwabunga-ui.css">
		<link rel="stylesheet" href="assets/css/styles.css">

	</head>

	<body>

		<h1>404 Page not found</h1>
        
            <p>The web page you are trying to access could not be found on the website server.</p>

		<!-- Javascript -->
		<script src="assets/js/scripts.js"></script>
		<script src="pwa/js/pwabunga.js"></script>

	</body>

</html>