JQ Plugins

@charset "utf-8"; /* CSS Document */ body {     background: #000 url(../images/bg2.jpg) repeat-x left bottom fixed;     color: #3e3e3e;     font-family: Arial,Helvetica,sans-serif;     font-size: 12px;     margin: 0;     padding: 0; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {     margin: 0;     padding: 0; } a:focus {     outline: medium none; } img {     border: 0 none; } input, textarea {     font-family: Arial,Helvetica,sans-serif;     font-size: 14px;     padding: 2px 3px 2px 5px; } ol, ul {     list-style: none outside none; } ul li {     list-style: none outside none;     margin: 0;     padding: 0; } .clear {     clear: both;     display: block;     font-size: 0;     height: 0;     line-h...

< a  href ="javascript:void(0);"  class ="icon"  onclick ="myFunction()" > &#9776; < /a > function  myFunction() {      var  x = document. getElementById ( "myTopnav" );      if  (x. className   ===  "topnav" ) {         x. className  +=  " responsive" ;     }  else  {         x. className  =  "topnav" ;     } }

.clear {     clear: both;     display: block;     font-size: 0;     height: 0;     line-height: 0;     margin: 0;     padding: 0; }

@media (max-width: 991px) {           } @media only screen and (min-width: 600px)  { }

Download here

< !DOCTYPE  html > < html > < head > < meta  charset ="UTF-8" > < meta  name ="viewport"  content ="width=device-width, initial-scale=1.0" > < title > Title of the document < /title > <link href="css/main.css" rel="stylesheet"> <script src="js/jquery-1.10.2.min.js"></script> <style> .nav-shadow{ background:url(../images/shadow.png) top repeat-x; text-align:center;} </style> < /head > < body > Content of the document...... < /body > < /html >