"എച്ച്.എം.വൈ.എച്ച്.എസ്.എസ്. മഞ്ചേരി" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം

വ്യത്യാസം കാണൽവിക്കിഎഴുത്ത്

@@ വരി 75: / വരി 75: @@
 {{#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->-->