purgatory.html

<!DOCTYPE HTML>
<html>
	<head>
		<title>Dopey's Flower Shop</title>
		<link id='csslink' rel="stylesheet" href="main.css" />
	</head>
	
	<script>
	    function toggleCSS() {
          // Obtains the <link> element that links to the css (by using its id).
          var currentCSS = document.getElementById('csslink');

          // Change the value of href attribute to change the css file.
          if (currentCSS.getAttribute('href') == 'main.css') {
            currentCSS.setAttribute('href', 'alternate.css');
          } else {
            currentCSS.setAttribute('href', 'main.css');
          }
      }
  </script>
	
	<header>
		<h1>Purgatory</h1>
	</header>
	
	<nav class="sticky">
		<div>
			<ul>
				<li><button onclick="location.href = 'index.html';"class="navbutton">Shop</button></li>
				<li><button onclick="location.href = 'flowerstats.html';"class="navbutton">Flower Statistics</button></li>
				<li><button onclick="location.href = 'bonsaigallery.html';"class="navbutton">Bonsai Gallery</button></li>
				<li><button onclick="toggleCSS()" class="navbutton">Switch Style</button></li>
			</ul>
		</div>
	</nav>
	
	<body>
		<div class="center">
			<h2 class="display-header">THERE IS NO CART</h2>
			<img class="center" src="resources/zombie.jpg">
		</div>
	</body>
	
	<footer>
		<div class="contact">
			<a href="https://etsy.com" target="_blank">Etsy</a>
			<a href="https://www.nationalgeographic.com/ " target="_blank">National Geograpic</a>
			<a href="https://www.metmuseum.org/" target="_blank">The Met</a>
			<a href="https://ourworldindata.org/" target="_blank">Our World in Data</a>
			<a href="https://artvee.com/" target="_blank">Artvee</a>
		</div>
		</div>
		<div class="copyright">
			<p>&copy 2022 Dylan Batchelor</p>
		</div>
	</footer>
</html>