<!-- Header -->
<!DOCTYPE html>
<html lang="en">

<head>
	<!-- CMS and Theme by IO200 (https://www.io200.com) -->
	<!-- Meta -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
	<meta name="mobile-web-app-capable" content="yes">
	<!-- Meta (SEO) -->
	<title> | The Polaroids</title><meta name="description" content="Error 404 - Page not found"><meta name="keywords" content="polaroid, photography, analog photography">	<meta name="robots" content="all">
	<!-- CSS -->
	<link rel="preload" href="/res/style/_base.css?v=2.23e" as="style"><link rel="stylesheet" href="/res/style/_base.css?v=2.23e" type="text/css" media="screen"><link rel="preload" href="/res/style/layout-fullwidthframed.css?v=2.23e" as="style"><link rel="stylesheet" href="/res/style/layout-fullwidthframed.css?v=2.23e" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/font-karlabold.css?v=2.23e" type="text/css" media="screen"><link rel="stylesheet" href="/res/style/_flavors.css?v=2.23e" type="text/css" media="screen">			<style>header nav > ul > li.active > .nav-item-title{font-weight: bold; border-bottom: 0px solid; text-transform: none;} /* link active */
header nav > ul > li:hover > .nav-item-title{color:red; border-bottom: 0px solid;} /* link hover */ 
header nav > ul > li > .nav-item-title{text-transform: none;} /* link */ 

:root{--website-background:#fcfaf7;}
body{font-size:14.5px;}
header span.website-title a{font-weight:300;font-size:0.9em;letter-spacing:2px; font-weight: bold;text-transform: none;}

a.nav-item-title.sublink {
  text-transform: none;           /* Disable uppercase */
}
a.nav-item-title.sublink:hover {
  color: Red !important;   /* Replace with your desired hover color, Red */
  text-transform: none;           /* Disable uppercase */
}
a.nav-item-title.sublink:visited {
  color: Black;
  text-transform: none;           /* Disable uppercase */
}
a.nav-item-title.sublink:active {
  color: Red;
  text-transform: none;           /* Disable uppercase */
  font-weight: bold;
}
#start {
  text-transform: none !important;
}
.website-title,
.website-title-link {
  font-weight: bold;
}
footer {
  padding-top: 15px;
  padding-bottom: 20px;
}
.backlink a.sitelink {.   /* Disable main gallery (set) name */
  color: transparent;
  text-shadow: none;
}

.backlink a.sitelink svg.symbol {
  color: initial;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

#start .pretitle {
  display: none;
}</style>		<!-- JS -->
	<script src="/res/script/MyApp.js?v=2.23e"></script>
                <script src="/res/lib/glightbox/glightbox.min.js?v=2.23e" defer></script>
                <link href="/res/lib/glightbox/glightbox.min.css?v=2.23e" type="text/css" rel="stylesheet">	<meta name="robots" content="noindex">	<!-- Further -->
		<link rel="icon" href="/storage/custom/favicon.png?t=ca9ab8" type="image/png">
            <meta property="og:logo" content="/storage/custom/favicon.png?t=ca9ab8" />	<link rel="sitemap" href="/sitemap.xml" type="application/xml">	<!-- Code Injection -->
	</head>

<body class="language- template-error404 templatelayout-standard layout-fullwidthframed mode-light font-karlabold flavors-roundedborders flavors-slideeffect">

	<a href="#top" onclick="document.getElementById('top')?.focus()" class="skip-link">Skip to content</a>

	<div id="container">
			<!-- Header -->
			<header>
				<div class="title-container">
					<span class="website-title"><a href="https://thepolaroids.net" title="The Polaroids" class="website-title-link">The Polaroids</a></span>
											<span class="website-tagline">instant photography</span>
									</div>
				<nav>
										<ul class="primary level-0"></ul>				</nav>
			</header>

			<!-- Content -->
			<main id="top" class="template-error404" tabindex="-1">

	<h1 class="desktop mobile">Welcome to your new website!</h1>
	<p>
		Sign in at your <a href="/admin" target="_blank">Admin Panel (CMS)</a>, upload some photos, create albums/sets (collections), and add links to your menu to show content.
	</p>
	<p>
		<b>Getting started?</b><br>
		<a href="https://www.io200.com/documentation#cms-overview" target="_blank">Take the tour</a> for an overview and have a look at our <a href="https://www.io200.com/help" target="_blank">Help & Tips for using IO200</a>.
		Our <a href="https://www.io200.com/documentation#cms-websitequickstart" title="How to create a website with IO200" target="_blank">quickstart tutorial</a> guides you through the steps of creating a website with IO200.
	</p>
	<p>
		<b>&raquo; <a href="https://www.io200.com/documentation#cms-websitequickstart" title="How to create a website with IO200" target="_blank">Quickstart Tutorial</a></b>
	</p>

	<p style="color:red;">
		<b>IO200 System Error</b>
		<br>
		No database access! Please check your configuration file ("/storage/system/config.php").
			</p>

<!-- Footer -->
</main>

<!-- Footer -->
<footer>
						<nav><ul class="socialmedia"><li><a href="https://www.facebook.com/antonio.vieira" title="Facebook" target="_blank"><img src="/res/img/sm_facebook.png" alt="facebook" class="" width="128" height="128"></a></li><li><a href="https://www.instagram.com/instantphotos.defocused/" title="Instagram" target="_blank"><img src="/res/img/sm_instagram.png" alt="instagram" class="" width="128" height="128"></a></li><li><a href="https://vimeo.com/user1699812" title="Vimeo" target="_blank"><img src="/res/img/sm_vimeo.png" alt="vimeo" class="" width="128" height="128"></a></li><li><a href="https://www.youtube.com/@defocused2006" title="Youtube" target="_blank"><img src="/res/img/sm_youtube.png" alt="youtube" class="" width="128" height="128"></a></li></ul></nav>		<p class="footer-info"><a href="https://www.io200.com?build-your-own" class="footer-link" title="IO200 - Professional Photo Websites for Large Image Collections" target="_blank">Powered by IO200</a></p></footer>

</div>

<!-- CMS and Theme by IO200 (https://www.io200.com) -->
<script>
                    window.MyApp.settings.lightboxZoomable = true
                    window.MyApp.lang.general = { textClose: `Close` }
                    window.MyApp.lang.pathaccess = { textLogout: `Logout` }
                    window.MyApp.settings.mounts.push('downloadProtection')
                    document.addEventListener('DOMContentLoaded', () => { window.MyApp.init() })
        	    </script>
</body>

</html>