index.html

avatar
unknown
html
3 years ago
2.6 kB
6
Indexable
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="./styles/slicknav.css">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="./js/jquery.slicknav.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#nav_menu').slicknav({prependTo:"#mobile_menu"});
		});
	</script>
	<title>Halloween Store</title>
	<link rel="stylesheet" href="./styles/main_rwd.css">
</head>
<body>
	<header class="clearfix">
		<img src="images/pumpkinO.gif" height="78" width="85">
		<h2>The Halloween Store</h2>
		<h3>For the little Goblin in all of us!</h3>
	</header>
	<nav id="mobile_menu"></nav>
	<nav id="nav_menu">
	  <ul>
	    <li><a href="#" class="home">Home</a></li>
	    <li><a href="#">Product List</a></li>
	    <li><a href="#">Personal</a>
			<li><a href="#">Decorating Ideas</a>
	      <ul>
	        <li><a href="#">Outdoor</a></li>
	        <li><a href="#">Indoor</a></li>
					<li><a href="#">Table</a></li>
					<li><a href="#">Treats</a></li>
	      </ul>
	    </li>
			<li><a href="#">Join Email</a></li>
	  </ul>
	</nav>
		<main>
			<section>
				<h1><span class="firstLetter">W</span>elcome to my site. <br>Please come in and stay awhile</h1>
				<p>I started this website because Halloween has always been my favorite holiday. But 	during the last year, I started selling some of my favorite Halloween products, and they've become quite a hit.<br><br>
				If you click on the Personal link, you can browse my favorite Halloween pictures, 	stories, and films. And if you join my email list, I will keep you up-to-date on 	all things 	Halloween.</p>

				<h2>Product of the week</h2>
				<a href="./products/cat.html"><img src="./images/cat1.jpg"></a><br>
				<a href="./products/cat.html">20" Deranged cat</a>
				
				<h3>My guarantee</h3>
				
				<p>If you aren't completely satisfied with everything you buy from my site, you can 	return 	it 		for a full refund. <strong>No questions asked!	</strong></p>
			</section>
			<nav id="left-vertical">
				<aside>
						<ul>
							<li><a href="./products/props.html">Props</a></li>
							<li><a href="./products/costumes.html">Costumes</a></li>
							<li><a href="./products/special.html">Special FX</a></li>
							<li><a href="./products/masks.html">Masks</a></li>
						</ul>
				</aside>
			</nav>
		</main>
	<footer><p>&copy; 2022 Ben Murach</p></footer>
	<!–– OSUIT Summer 2020 ––>
</body>
</html>
Editor is loading...