במ12[aspddfsdfsdfdrxcvxcvcxvxcvxcvxcvxcvxcvxcvxcvxcvxxvxcvxcvxcv;'

]]jkjjgdjffksdkdfdkfjgsldkfhgjkgjkhjkgjkdascxvxcvxcvjdklfgjslkdfgjlskdfgjdskfgj במ12[aspddfsdfsdfdrxcvxcvcxvxcvxcvxcvxcvxcvxcvxcvxcvxxvxcvxcvxcv;'

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="prefixfree.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<style>
@import url(http://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);

*,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { -webkit-font-smoothing: antialiased; }

a {
  color: #BA0707;
  text-decoration: none;
}

a:hover { color: #BA0707; }

nav {
  background:#FDC10B;
}
.menu { display: block;margin-left:0%;}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  border-left:1px solid #fff;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-weight: normal;
  text-decoration: none;
  font-size:12px;
  padding: 8px 5px;
  font-family: 'Maven Pro', sans-serif;
  display: block;
  color: #874C08;
  transition: all 0.2s ease-in-out 0s;
  font-weight:600;
}

.menu li a:hover,
.menu li:hover>a {
  color: #FDC10B;
  background: #874C08;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 220px;
  position: absolute;
  left: 0px;
  background: #874C08;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #874C08;
  border-bottom-color: #874C08;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: #874C08;
  margin: 0;
  padding: 0;
  color:#fff;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  font-family: 'Maven Pro', sans-serif;
  display: block;
  color: #FDC10B;
  background: rgba(0, 0, 0, 0.2);
  font-weight:600;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #FDC10B;
  color: #874C08;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #171E4C;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #FFC300;
  color: #171E4C;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #FFC300;
  color: #171E4C;
  text-decoration: none;
}

a.homer { background: #2D7817; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #874C08;
  color: #fff;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FFC300;
  color: #171E4C;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}
</style>
</head>

<body>
<nav> <a id="resp-menu" class="responsive-menu" href="#"><i class="fa fa-reorder"></i> Menu</a>
  <ul class="menu">
    <li><a href="index"><i class="fa fa-home"></i> Home</a></li>
    <li><a href=""> About UDPS</a>
		<ul class="sub-menu">
			<li><a href="vision-mission">About Us</a></li>
			<li><a href="moto">Motto</a></li>
			<li><a  href="pledge">Pledge</a></li>
			<li><a  href="school-prayer">School Prayer</a></li>
			<li><a  href="school-song">School Song</a></li>
      </ul>
	</li>
	<li><a href="">From the desk</a>
		<ul class="sub-menu">
			<li><a href="director">Directors's Message</a></li>
			<li><a href="principal">Principal's Message</a></li>
			<li><a  href="about_management">Manager's Message</a></li>
	  </ul>
	</li>
	<li><a href="">Mandatory Disclosure</a>
		<ul class="sub-menu">
			<?php
				$query=mysqli_query($con,"select * from disclosuredoc where id='1'") or die("ERROR".mysqli_error());
				$row=mysqli_fetch_array($query);
			?>
			<li><a href="ptudps_admin/img/<?=$row['document']?>" target="new">Public Disclosure</a></li>
			<li><a href="general-information">General Information</a></li>
			<li><a href="staff-information">Staff Information</a></li>
			<li><a href="school-infrastructure-information">School Infrastructure Information</a></li>
			<li><a href="">Important Document</a></li>
		</ul>
	</li>
	<li><a href="">Information</a>
		<ul class="sub-menu">
			<li><a href="school-rules">School Rules</a></li>
			<li><a href="fee">Fee Structure & fee Rules</a></li>
			<li><a  href="timings">Timings</a></li>
			<li><a  href="house_club">The House & Club System</a></li>
			<li><a  href="guidelines">Guidelines For Students</a></li>
			<li><a  href="school_uniform">School Uniform</a></li>
			<li><a  href="calender">Academic Calender</a></li>
			<li><a  href="sports">Sports & Care-Aid</a></li>
			<li><a  href="vacations">Long Vacations</a></li>
			<li><a  href="admission">Admissions</a></li>
			<li><a  href="transport">Transport Facilities</a></li>
	  </ul>
	</li>
	<li><a href="">Infrastructure</a>
		<ul class="sub-menu">
			<li><a href="library">Our Library</a></li>
			<li><a href="tour">Tour & Excursions</a></li>
			
			
			<li><a  href="music-dance">Music & Dance</a></li>
			<li><a  href="computer-lab">Computer Lab</a></li>
			
	  </ul>
	</li>
	<li><a href="">Academics</a>
		<ul class="sub-menu">
			<li><a href="ac_calender">Academic Calender</a></li>
	  </ul>
	</li>
	<li><a href="crusader">Crusader</a></li>
	<li><a href="prospectus">Prospectus</a></li>
	<li><a href="activity-year">Activities/Gallery</a></li>
	<li><a href="downloads">Downloads</a></li>
	<li><a href="st_tc">Student TC</a></li>
	<li><a href="contact">Contact</a></li>
	 </ul>
</nav>

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>