JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title>CMD--Typewritter</title>
<style>
#slide-client{
color:white;
font-size:20px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" >
function typwriter(el,text,pos,no){
  ctext=text.substring(0,pos)+(pos%2?'_':'<blink>_</blink>');
  $(el).html(ctext);

if(pos==22){
$(el).html("Sa Karşim");
typwriter('#slide-client2',"index.html ",0,2);
}
else
  if(pos==text.length){
   $(el).html(text+"<blink>_</blink>");
   if(text=="index.html "){ 
   $(document.body).css( "background-color", "white" )
   ///$("#result").load("../index.htm");  
    // window.location.href='http://motyar.com/';
    };
    
   }
  else
   window.setTimeout('typwriter("'+el+'","'+text+'",'+(pos+1)+','+1+');',800);
 }
 typwriter('#slide-client',"We are coming soon!!^Z ",0);
 </script>
 </html>
 <body bgcolor="black">
 <div id="result"><p><p style="color:white;">
 <tt style="color:white;font-size:20px;">

HTTP:\motyar.com>copy con index.html <br /></tt>
 <tt id="slide-client"></tt></p></p></div>
 </body>
 </html>

CSS

#slide-client{
color:white;
font-size:20px;
}
body{
    background:#000;
}