Responsive
@media (max-width: 991px) {
}
@media only screen and (min-width: 600px)
{}
@media only screen and (min-width: 600px)
}
< !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 >