Difference between revisions of "Main Page"
Line 48: | Line 48: | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
+ | |||
.overlay-content { | .overlay-content { | ||
Line 56: | Line 57: | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
+ | |||
.overlay a { | .overlay a { | ||
Line 99: | Line 101: | ||
! style="text-align:centre;"| | ! style="text-align:centre;"| | ||
− | |||
<html> | <html> | ||
− | < | + | <head> |
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<div id="myNav" class="overlay"> | <div id="myNav" class="overlay"> | ||
− | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | + | |
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content"> | <div class="overlay-content"> | ||
<a href="https://wiki.matrixcomsec.com/index.php?title=Product_Catalogue_-_Telecom_Products">Product Catalogue</a> | <a href="https://wiki.matrixcomsec.com/index.php?title=Product_Catalogue_-_Telecom_Products">Product Catalogue</a> | ||
Line 118: | Line 121: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <body> | |
<button class="dropbtn" onclick="openNav()">Telecom Solutions | <button class="dropbtn" onclick="openNav()">Telecom Solutions | ||
</button> | </button> | ||
− | |||
<script> | <script> | ||
Line 133: | Line 135: | ||
} | } | ||
</script> | </script> | ||
− | + | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
+ | |||
! style="text-align:center;"| | ! style="text-align:center;"| | ||
− | + | ||
<html> | <html> | ||
<body> | <body> | ||
− | <div id=" | + | <div id="myNav1" class="overlay"> |
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content"> | <div class="overlay-content"> | ||
Line 154: | Line 158: | ||
<a href="https://www.matrixvideosurveillance.com/live-product-access.html">Live-Product Access</a> | <a href="https://www.matrixvideosurveillance.com/live-product-access.html">Live-Product Access</a> | ||
<a href="https://www.matrixvideosurveillance.com/support-contact-details.html">Technical Support</a> | <a href="https://www.matrixvideosurveillance.com/support-contact-details.html">Technical Support</a> | ||
− | + | </div> | |
− | |||
</div> | </div> | ||
− | + | <button class="dropbtn" onclick="openNav1()">IP Video Surveillance | |
− | <button class="dropbtn" onclick=" | ||
</button> | </button> | ||
+ | <script> | ||
− | + | function openNav1() { | |
− | + | document.getElementById("myNav1").style.height = "100%"; | |
− | function | ||
− | document.getElementById(" | ||
} | } | ||
function closeNav() { | function closeNav() { | ||
− | document.getElementById(" | + | document.getElementById("myNav1").style.height = "0%"; |
} | } | ||
− | </script> | + | |
− | + | </script> | |
+ | |||
</body> | </body> | ||
</html> | </html> | ||
+ | |||
! style="text-align:center;"| | ! style="text-align:center;"| | ||
Line 180: | Line 183: | ||
<body> | <body> | ||
− | <div id=" | + | <div id="myNav2" class="overlay"> |
− | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | + | |
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
<div class="overlay-content"> | <div class="overlay-content"> | ||
<a href="https://wiki.matrixcomsec.com/index.php?title=Product_Catalogue_-_Access_Control_and_Time_Attendance_(ACTA)_Products">Product Catalogue</a> | <a href="https://wiki.matrixcomsec.com/index.php?title=Product_Catalogue_-_Access_Control_and_Time_Attendance_(ACTA)_Products">Product Catalogue</a> | ||
Line 197: | Line 201: | ||
</div> | </div> | ||
− | + | <button class="dropbtn" onclick="openNav2()">Access Control and Time Attendance | |
</button> | </button> | ||
− | |||
− | |||
<script> | <script> | ||
− | function | + | function openNav2() { |
− | document.getElementById(" | + | document.getElementById("myNav2").style.height = "100%"; |
} | } | ||
function closeNav() { | function closeNav() { | ||
− | document.getElementById(" | + | document.getElementById("myNav2").style.height = "0%"; |
} | } | ||
</script> | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
|} | |} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
==Instructions== | ==Instructions== |