"Untitled"
Bootstrap 4.0.0 Snippet by Bangmur

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <!-- saved from url=(0030)https://in.amamura.net/member/ --> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>AMAMURA</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./AMAMURA_files/murs.css"> <!--<link rel="stylesheet" href="amamuratemp/4-w3.css">--> <link rel="stylesheet" href="./AMAMURA_files/cssfamilyRaleway.css"> <link rel="stylesheet" href="./AMAMURA_files/font-awesome.min.css"> <style> html,body,h1,h2,h3,h4,h5 {font-family: "calibri", sans-serif} </style> <script src="./AMAMURA_files/saved_resource"></script></head><body class="st-light-grey"> <!-- Top container --> <div class="st-bar st-top st-black st-large" style="z-index:4"> <button class="st-bar-item st-button st-hide-large st-hover-none st-hover-text-light-grey" onclick="w3_open();"><i class="fa fa-bars" style="font-size:32px"></i> Menu</button> <span class="st-bar-item st-right"><img src="./AMAMURA_files/bintang-desktop.png" align="left" style="padding-top:6px"></span> </div> <!-- Sidebar/menu --> <nav class="st-sidebar st-collapse st-white st-animate-left" style="z-index:3;width:300px;" id="mySidebar"> <div class="st-container st-row"> <div class="st-col s4"> <img src="./AMAMURA_files/bintang-mobile.png" class="st-circle st-margin-right" style="width:46px"> </div> <div class="st-col s8 st-bar"> <span>Selamat Datang, <strong>master /master</strong></span> </div> </div> <div class="st-bar-block"> <a href="https://in.amamura.net/member/index.php" class="st-bar-item st-button st-padding st-orange"><img src="./AMAMURA_files/icon web_001-20.png" align="left" style="padding-top:0px">  <strong>MEMBER AREA</strong></a> <div class="st-dropdown-content st-bar-block"> </div> <a href="https://in.amamura.net/member/?act=genealogi" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_003-20.png" align="left" style="padding-top:0px">  <strong>GENEOLOGY</strong></a> <a href="https://in.amamura.net/member/?act=genealogihp" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_003-20.png" align="left" style="padding-top:0px">  <strong>GENEOLOGY </strong></a> <a href="https://in.amamura.net/member/?act=tree" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_004-20.png" align="left" style="padding-top:0px">  <strong>JARINGAN/LEVEL</strong></a> <a href="https://in.amamura.net/member/?act=genspon" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_004-20.png" align="left" style="padding-top:0px">  <strong>SPONSR/GENERASI</strong></a> <a href="https://in.amamura.net/member/?act=sementara" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_009-20a.png" align="left" style="padding-top:0px">  <strong>SEMENTARA</strong></a> <a href="https://in.amamura.net/member/?act=reward" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_009-20a.png" align="left" style="padding-top:0px">  <strong>REWARD</strong></a> <a href="https://in.amamura.net/member/?act=bonsponsor" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_010-20.png" align="left" style="padding-top:0px">  <strong>KOMISI SPONSOR</strong></a> <a href="https://in.amamura.net/member/?act=bonpasangan" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_015-20.png" align="left" style="padding-top:0px">  <strong>KOMISI PASANGAN</strong></a> <a href="https://in.amamura.net/member/?act=allkomisi" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_007-20.png" align="left" style="padding-top:0px">  <strong>REPORT KOMISI</strong></a> <a href="https://in.amamura.net/member/?act=saldoku" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_008-20.png" align="left" style="padding-top:0px">  <strong>SALDO KOMISI</strong></a> <a href="https://in.amamura.net/member/Index-2/Lestrey67ukugsg9.html" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_022-20.png" align="left" style="padding-top:0px">  <strong>INFORMASI & KETENTUAN</strong></a> <a href="https://in.amamura.net/member/?act=profile" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_002-20.png" align="left" style="padding-top:0px">  <strong>EDIT PROFIL</strong></a> <a href="https://in.amamura.net/member/?act=profilebank" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_006-20.png" align="left" style="padding-top:0px">  <strong>GANTI DATA BANK </strong></a> <a href="https://in.amamura.net/member/?act=gantipass" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_005-20.png" align="left" style="padding-top:0px">  <strong>GANTI PASSWORD</strong></a> <a href="https://in.amamura.net/member/?page=logout" class="st-bar-item st-button st-padding"><img src="./AMAMURA_files/icon web_023-20a.png" align="left" style="padding-top:0px">  <strong>LOGOUT</strong></a> <br><br> </div> </nav> <!-- Overlay effect when opening sidebar on small screens --> <div class="st-overlay st-hide-large st-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div> <!-- !PAGE CONTENT! --> <div class="st-main" style="margin-left:300px;margin-top:60px;"> <!-- Header --> <header class="st-container" style="padding-top:10px"> <a href="https://time.is/Jakarta" id="time_is_link" rel="nofollow" style="font-size:16px"><strong>Waktu</strong> AMAMURA (<strong>Wib</strong>):</a> <span id="Jakarta_z41c" style="font-size:24px"><span onclick="location='http://time.is/'" title="http://time.is/">07:05:40</span></span> <script src="./AMAMURA_files/t.js.download"></script> <script> time_is_widget.init({Jakarta_z41c:{}}); </script> <!--no copas mulai --> <!--no cops end --> </header> <div class="st-container"> <div align="center"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="50" colspan="3"><div align="center"><font color="#FF9800"> <strong><font color="#4D0000" size="3" face="Verdana, Arial, Helvetica, sans-serif"> VIRTUAL OFFICE ANDA<br>Nama : master<br>UserId : master</font> </strong></font></div></td> </tr> <tr><td><p align="center"><font color=""></font></p><font color=""> <hr style="height:4px;border-width:0;color:red;background-color:orange"> <style> body { font-family: Arial, Helvetica, sans-serif; } .mobile-container { max-width: 100%; margin: auto; background-color:; height: 50px; color: white; border-radius: 10px; } .topnav { overflow: hidden; background-color: #C75800; position: relative; } .topnav #myLinks { display: none; } .topnav a { color: white; padding: 6px 14px; text-decoration: none; font-size: 17px; display: block; } .topnav a.icon { background: black; display: block; position: absolute; right: 0; top: 0; } .topnav a:hover { background-color: #C87D13; color: black; } .active { background-color: #C87D13; color: white; } </style> <!-- Simulate a smartphone / tablet --> <div class="mobile-container"> <!-- Top Navigation Menu --> <div class="topnav"> <a href="https://in.amamura.net/member/#home" class="active">Menu Informasi Klik ==></a> <div id="myLinks"> <a href="https://in.amamura.net/member/index.php">Home Member Area</a> <a href="https://in.amamura.net/member/?act=aacompp">Company profile</a> <a href="https://in.amamura.net/member/?act=aamarkp">Marketing Plan</a> <a href="https://in.amamura.net/member/?act=aaproda">Product</a> <a href="https://in.amamura.net/member/?act=aacusts">Customer Service</a> <a href="https://in.amamura.net/member/?act=aainst">Instruction</a> <a href="https://in.amamura.net/member/?act=aafaq">FAQ</a> <a href="https://in.amamura.net/member/?act=aanewsa">News And Article</a> </div> <a href="javascript:void(0);" class="icon" onclick="myFunction()"> <i class="fa fa-bars"></i> </a> </div> <!-- End smartphone / tablet look --> </div> <script> function myFunction() { var x = document.getElementById("myLinks"); if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } } </script> <!-- End Insert Menu --> <div class="st-container st-justify"> <h2></h2> <img src="./AMAMURA_files/imselamatdatang.jpg" alt="amamura" style="width:100%;max-width:100%"> <p><b>INI MERUPAKAN HALAMAN MEMBER AREA ATAU ACCOUNT PRIBADI ANDA</b> <br>Setiap member wajib membaca dan memahami isi menu pada member area ini, terutama MARKETING PLAN dan PENJELASAN PRODUK, karena ini merupakan pintu SUKSES Pertama Anda di AMAMURA <br> <br><b>NO.ID DAN PASSWORD</b> <br>Mungkin saja ada nama mirip atau sama, yang membedakan adalah no ID nya, Setiap no ID memiliki pasword nya masing masing. <br><b>PERINGATAN!</b><br>untuk tidak memberikan password anda ke oranga lain, jika masih menggunakan password standar sebaiknya mengganti (membuat Password baru) klik menu ...... kemudian roll kebawah selesaikan dengan klik SAVE.</p> <hr style="height:2px;border-width:0;color:gray;background-color:gray"> <div class="st-col m6 st-container st-justify"> <h4>Letak menu di smatphone</h4> <img src="./AMAMURA_files/petunjukmenuhp.jpg" alt="amamura" style="width:100%;max-width:100%"> </div> <div class="st-col m6 st-container"> <h4>Letak menu di Laptop/PC</h4> <img src="./AMAMURA_files/petunjukmenulaptop.jpg" alt="amamura" style="width:100%;max-width:100%"> </div> </div> <div class="st-container st-justify"> <hr style="height:2px;border-width:0;color:gray;background-color:gray"> </div> <div class="st-col m5 st-container st-justify"> <h4>AMAMURA <span class="st-opacity st-medium">Sep 10, 2020, 9:12 PM</span></h4> <p>Channel AMAMURA BINTANG CAKRAWALA</p> <a href="https://youtu.be/NZLRwmThkOc" savefrom_lm_index="0" savefrom_lm="1">YOUTUBE klik disini</a><span style="padding: 0; margin: 0; margin-left: 5px;"><a href="http://savefrom.net/?url=https%3A%2F%2Fyoutu.be%2FNZLRwmThkOc&utm_source=userjs-chrome&utm_medium=extensions&utm_campaign=link_modifier" target="_blank" title="Get a direct link" savefrom_lm="1" savefrom_lm_is_link="1" style="background-image: url("data:image/gif;base64,R0lGODlhEAAQAOZ3APf39+Xl5fT09OPj4/Hx8evr6/3+/u7u7uDh4OPi497e3t7e3/z8/P79/X3GbuXl5ubl5eHg4WzFUfb39+Pj4lzGOV7LOPz7+/n6+vn5+ZTLj9/e387Ozt7f3/7+/vv7/ISbePn5+m/JV1nRKXmVbkCnKVrSLDqsCuDh4d/e3uDn3/z7/H6TdVeaV1uSW+bn5v39/eXm5eXm5kyHP/f39pzGmVy7J3yRd9/f3mLEKkXCHJbka2TVM5vaZn6Wdfn6+YG/c/r5+ZO/jeLi41aHTIeageLn4f39/vr6+kzNG2PVM5i+lomdf2CXYKHVmtzo2YXNeDqsBebl5uHh4HDKWN3g3kKqEH6WeZHTXIPKdnSPbv79/pfmbE7PHpe1l4O8dTO5DODg4VDLIlKUUtzo2J7SmEWsLlG4NJbFjkrJHP7+/VK5Nfz8+zmnC3KKa+Hg4OHh4Y63j/3+/eDg4Ojo6P///8DAwP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAHcALAAAAAAQABAAAAfWgHd2g4SFhYJzdYqLjIpzgx5bBgYwHg1Hk2oNDXKDFwwfDF5NLmMtcStsn4MhGT8YS04aGmU1QRhIGYMTADQAQlAODlloAMYTgwICRmRfVBISIkBPKsqDBAREZmcVFhYVayUz2IMHB1dWOmImI2lgUVrmgwUFLzdtXTxKSSduMfSD6Aik48MGlx05SAykM0gKhAAPAhTB0oNFABkPHg5KMIBCxzlMQFQZMGBIggSDpsCJgGDOmzkIUCAIM2dOhEEcNijQuQDHgg4KOqRYwMGOIENIB90JBAA7"); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; border: none; text-decoration: none; padding: 0px; position: relative;"></a></span><p></p> </div> <div class="st-col m7 st-container"> <style> .container { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 3:2 Aspect Ratio */ } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } </style></div></font></td> </tr></tbody></table> </div> </div> <!-- Footer --> <footer class="st-container st-padding-0 st-gray"> <p>Powered by <a href="https://in.amamura.net/">AMAMURA</a></p> </footer> <!-- End page content --> </div> <script> // Get the Sidebar var mySidebar = document.getElementById("mySidebar"); // Get the DIV with overlay effect var overlayBg = document.getElementById("myOverlay"); // Toggle between showing and hiding the sidebar, and add overlay effect function w3_open() { if (mySidebar.style.display === 'block') { mySidebar.style.display = 'none'; overlayBg.style.display = "none"; } else { mySidebar.style.display = 'block'; overlayBg.style.display = "block"; } } // Close the sidebar with the close button function w3_close() { mySidebar.style.display = "none"; overlayBg.style.display = "none"; } </script> </body></html>

Related: See More

Material Bootstrap Wizard

Questions / Comments: