Untitled

<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">

		<title>

		Welcome to //STORE//!

		</title>

		<style>

			body {
				background: lightgrey;

			}

			.header {
				background-color: green;
  				color: white;
  				margin: 20px;
  				padding: 20px;
			}

			.mystery {
  				background-color: green;
  				color: white;
  				margin: 20px;
  				padding: 20px;
			}

		</style>

	</head>

	<body>

		<div class="header">
  			<h1>WELCOME TO \/\/STORE\/\/!!!</h1>
		</div>

		<p>
			<h2>On this page you will find a wide variety of luxurious computer products to purchase.</h2>
		</p>

	<?php


		$products = array(
				"0" => array(
					"title" => "0001",
					"name" => "Mouse",
					"price" => "19.99",
				),

				"1" => array(
					"title" => "0002",
					"name" => "Mousepad",
					"price" => "29.99",
				),

				"2" => array(
					"title" => "0003",
					"name" => "Keybag",
					"price" => "15.99",
				),

		);

		$Mouse="shoppingcart.php?productid=". $products[0]["title"]. "&productname=" . $products[0]["name"]. "&productprice=" . $products[0]["price"] . "&quantity=1";
		$Mousepad="shoppingcart.php?productid=". $products[1]["title"]. "&productname=" . $products[1]["name"]. "&productprice=" . $products[1]["price"]. "&quantity=1";
		$Keybag="shoppingcart.php?productid=". $products[2]["title"]. "&productname=" . $products[2]["name"]. "&productprice=" . $products[2]["price"]. "&quantity=1";

	?>

		<DL>

			<DT>
				<h1>"Mouse"&trade;<h1>
			</DT>

				<DD>
					<img src="https://cdn.instructables.com/FN5/FXSH/F0ZTLK0N/FN5FXSHF0ZTLK0N.LARGE.jpg" alt=""Mouse"&trade;" height="10%" width="30%">
				<DD>

				<DD>
					<h3>
						Remember how old trackball mice used to squeal and make you wanna die? WE CALL THAT A FEATURE!
						<br>
						$74.99 (Does NOT inculde cost of food and healthcare)
						<a href="<?php echo $Mouse;?>"> Add To Cart</a>
						<br>
					</h3>
				</DD>

			<DT>
				<h1>"Mouse Pad"&trade;<h1>
			</DT>

				<DD>
					<img src="https://static01.nyt.com/images/2012/06/03/magazine/03wmt/mag-03WMT-t_CA0-superJumbo.jpg" alt=""Mouse Pad"&trade;" height="10%" width="30%">
				<DD>

				<DD>
					<h3>
						WARNING: DO NOT LEAVE "Mouse Pad"&trade; AND "Mouse"&trade; UNATTENDED.
						<br>
						$19.99
						<br>

						<a href="<?php echo $Mousepad;?>">Add To Cart</a>
					</h3>
				</DD>

			<DT>
				<h1>"Key-Bag"&trade;</h1>
			</DT>

				<DD>
					<img src="https://i.pinimg.com/originals/02/83/29/028329f9b2d3de94c58a7978bc1b1116.jpg" alt="Key Bag" height="30%" width="30%">
				<DD>

				<DD>
					<h3>
						We found that many people don't carry keyboards with them, as they are too cumbersome to fit into most bags.
						So we made a "Key-Bag"&trade; that is more cumbersome than most bags!
						<br>
						$399.99
						<br>

						<a href="<?php echo $Keybag;?>">Add To Cart</a>
					</h3>
				</DD>

		</DL>

		<div class="mystery">
  			<h2>SPECIAL OFFER</h2>
  			<p>Order five items and get a FREE legally distinct and non-chance-based MYSTERY BOX!!!</p>
		</div>

	</body>

</html>