JSFiddle - React, Tailwind, and code Playground

by 3rror404

HTML

<div id="loader"></div>
 <div style="display:none;" id="myDiv" class="animate-bottom">
   <iframe src="/images/top-bar.png" style="border:none;" width="397" height="35"></iframe>
   <iframe src="https://myurl.com/web/" style="border:none;" width="850" height="850"></iframe></div>
 </body>

 <script>
   var myVar;

   function myFunction() {
     myVar = setTimeout(showPage, 2000);
   }

   function showPage() {
     document.getElementById("loader").style.display = "none";
     document.getElementById("myDiv").style.display = "block";
   }

 </script>
 </div>
 <div class="mobile">

   <body onload="myFunction()" style="margin:0;">
     <div id="loader"></div>
     <div style="display:none;" id="myDiv" class="animate-bottom">
       <iframe src="/images/top-bar.png" style="border:none;" width="397" height="35"></iframe>
       <iframe src="https://myurl.com/mobile/" style="border:none;" width="500" height="830"></iframe></div>
   </body>
 </div>