User:Junaid khan wiki/sandbox

<!DOCTYPE html>  

  lg 	 md 	 sm 	 xs

logo search

logo link1 link2 link3 link4 search

sub menu 1 sub menu 2 sub menu 3 

sub menu sub menu sub menu sub menu sub menu sub menu</a> sub menu</a> sub menu</a> sub menu</a> <script type="text/javascript" src="js/jquery.js"> /*---custom.css-*/ div.link{ height: 100px; background: linear-gradient(white, #dedede 100%, gray 20%); } .row-first{ border: 3px solid black; background: linear-gradient(white, #dedede 100%, gray 20%); /*	background: linear-gradient(white, silver 100%, gray 20%); 	*/ } .row-first .link{ border-left:3px solid black; } .row-first .l-4{ border-right:3px solid black; } .row-first .links{ padding: 0px; } .search, .logo ,.link{ text-align:center; line-height: 7; } .back-gradient{ background: linear-gradient(white, #dedede 100%, gray 20%); } .search-xs, .logo-xs{ line-height: 5; text-align: center; } .link:hover{ background: #ccc; } .row-first a, .sub-menu a ,.row-third a{	color: black; font-weight: bold; text-decoration: none; } .search-xs .btn{ width: 150px; } .sub-menu .sub-link-1{ min-height:50px; text-align: center; line-height: 3; } .sub-menu-2{ padding: 0; margin: 0; } .sub-menu-2 div{ padding: 0; } .sub-menu-2 a{ display: inline-block; width: 100%; color: black; line-height: 2; text-align: center; /*border: 1px solid black;*/ } .row-two{ background: #ccc; } .row-third{ background: #b3b3b3; } @media (min-width: 400px) and (max-width: 750px){ .sub-menu-2 a{ border: 1px solid black; } }