HTML and CSS Reference
In-Depth Information
<![endif]-->
<title>Power Outfitters - Superhero Costume & Supply Co.</title>
</head>
<body class="home">
<header id="masthead">
<h1 id="logo">
<img src="images/logo-big.png" width="265" height="145"
alt="Power Outfitters Superhero Costume & Supply Co.">
</h1>
<div id="store-info">
<p>616 Kirby Ave (between Romita and Ditko)</p>
<p>Mon–Thu: <time datetime="08:00">8am</time>–
<time datetime="22:00">10pm</time></p>
<p>Fri–Sun: <time datetime="08:00">8am</time>–
<time datetime="00:00">12am</time></p>
<p>24-hour service and repair: call 555-1961</p>
</div>
<div id="utilities">
<form id="search" action="/search">
<p>
<label for="search-main">Search for products</label>
<input type="search" name="search" id="search-main"
placeholder="utility belts">
<button type="submit">Search</button>
</p>
</form>
<p class="cart"><a href="/cart">Your cart: <b>0 items</b></a></p>
<form id="cart" method="post" action="/cart"></form>
</div>
<nav id="nav-main">
<ul>
<li><a href="/costuming">Costuming</a></li>
<li><a href="/gear">Gadgets & Gear</a></li>
<li><a href="/weaponry">Non-lethal Weaponry</a></li>
<li><a href="/defense">Armor & Defense</a></li>
<li><a href="/base">Lair & Vehicle</a></li>
</ul>
</nav>
</header>
<div id=content>
<!--[if lt IE 9]>
<noscript>
<p class="notice"><strong>Note:</strong> This website employs some features
