offline insert html sketcware
body, html { height: 100%; margin: 0; font-family: Arial; } /* Style tab links */
.tablink { background-color: #555; color: white; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 25%; }
.tablink:hover { background-color: #777; } /* Style the tab content (and add height:100% for full page content) */
.tabcontent { color: black; display: none; padding: 100px 20px; height: 100%; }
#info {background-color: white;}
#Credit {background-color: white;}
#Contact {background-color: white;}
#About {background-color: white;}
.nav{ position: fixed; width: 100%; } </style>
</head> <body>
<div class="nav">
<button class="tablink" onclick="openPage('info', this, 'green')" id="defaultOpen">Info</button>
<button class="tablink" onclick="openPage('Credit', this, 'green')">Credit</button>
<button class="tablink" onclick="openPage('Contact', this, 'green')">Hubungi Kami</button>
<button class="tablink" onclick="openPage('About', this, 'green')">Tentang kami</button></div>
<div id="info" class="tabcontent">
<h3>Perhatian</h3> <p>Aplikasi anda</p> </div>
<div id="Credit" class="tabcontent"> <h3>News</h3> <p>Some news this fine day!</p> </div>
<div id="Contact" class="tabcontent"> <h3>Kontak kami</h3> <p>Get in touch, or swing by for a cup of coffee.</p> </div>
<div id="About" class="tabcontent"> <h3>Tentang</h3> <p>Who we are and what w djjjjjjjjjjjjjjdiuus<p>uuuusuyyhh<p>yysyusuygvhhhdhhhhhhhgsghhhsyhysy<p>hsysyyyysyyysyysyysyysyo<p>.djjjjjjjjjjjjjjdiuusuuuusuyyyysyusuygvh<p>hhdhhhhhhhgs<p>ghhhsyhysyhs<p>ysyyyysyyysyys<p>yysyysyo</p> </div>
<script> function openPage(pageName,elmnt,color) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < tablinks.length; i++) { tablinks[i].style.backgroundColor = ""; } document.getElementById(pageName).style.display = "block"; elmnt.style.backgroundColor = color; }
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script> </body> </html>
