Homepage Coding



<!DOCTYPE html>

<html>


<head>
	<title> Search Feature</title>
<link href="style.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function(){
     $('#SmartCart').smartCart();
    });
</script>
</head>

<body>

<div id="nav">
	<div id="nav_wrapper">
	<ul>
<li><a href="homepage.html">Home</a></li>
<li><a href="menu.html">Shopping Basket</a></li>
<li><a href="#">Categories <img src="arrow.png" /></a>

<ul>
<li><a href="Reggae.html">Reggae</a></li>
<li><a href="#">Rap</a></li>
<li><a href="#">UK Rap</a></li>

</ul>
<li><a href="home.html">Search</a></li>


</li>
	</ul>
</div>
</div>


<svg height="50" width="1260">
   <defs>
     <filter id="f3" x="0" y="0" width="200%" height="200%">
       <feOffset result="offOut" in="SourceAlpha" dx="20" dy="20" />
       <feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
       <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
     </filter>
   </defs>
   <rect width="1300" height="25" stroke="blue" stroke-width="1"
   fill="white" filter="url(#f3)" />
</svg>


</body>
</html>