|
|
| വരി 75: |
വരി 75: |
|
| |
|
| {{#multimaps:11.11898840573097, 76.12541551210433|zoom=18}} | | {{#multimaps:11.11898840573097, 76.12541551210433|zoom=18}} |
| <script>
| |
| function myFunction() {
| |
| var x = document.getElementById("myTopnav");
| |
| if (x.className === "topnav") {
| |
| x.className += " responsive";
| |
| } else {
| |
| x.className = "topnav";
| |
| }
| |
| }
| |
| </script>
| |
| <div id="right">
| |
| <div class="topnav" id="myTopnav">
| |
| <a href="#home" class="active">Home</a>
| |
| <a href="">History</a>
| |
| <a href="">Facilities</a>
| |
| <a href="">Managment</a>
| |
| <a href="">Activity</a>
| |
| <a href="">Clubs</a>
| |
| <a href="">Gallery</a>
| |
| <a href="">Teacher's</a>
| |
| <a href="">Timetable</a>
| |
| <a href="">Contact</a>
| |
| <a href="">About</a>
| |
| <a href="javascript:void(0);" class="icon" onclick="myFunction()">
| |
| <i class="fa fa-bars"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <style>
| |
| .topnav {
| |
| overflow: hidden;
| |
| background-color: #333;
| |
| }
| |
|
| |
| .topnav a {
| |
| float: left;
| |
| display: block;
| |
| color: #f2f2f2;
| |
| text-align: center;
| |
| padding: 14px 16px;
| |
| text-decoration: none;
| |
| font-size: 17px;
| |
| }
| |
|
| |
| .topnav a:hover {
| |
| background-color: #ddd;
| |
| color: black;
| |
| }
| |
|
| |
| .topnav a.active {
| |
| background-color: #3896e8;
| |
| color: black;
| |
| }
| |
|
| |
| .topnav .icon {
| |
| display: none;
| |
| }
| |
|
| |
| @media screen and (max-width: 600px) {
| |
| .topnav a:not(:first-child) {display: none;}
| |
| .topnav a.icon {
| |
| float: right;
| |
| display: block;
| |
| }
| |
| }
| |
|
| |
| @media screen and (max-width: 600px) {
| |
| .topnav.responsive {position: relative;}
| |
| .topnav.responsive .icon {
| |
| position: absolute;
| |
| right: 0;
| |
| top: 0;
| |
| }
| |
| .topnav.responsive a {
| |
| float: none;
| |
| display: block;
| |
| text-align: left;
| |
| }
| |
| #img img{
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| header #left #wrapper h1{
| |
| font-size: 25px;
| |
| }
| |
| }
| |
| </style>
| |
| <!--visbot verified-chils->--> | | <!--visbot verified-chils->--> |
