JSFiddle - React, Tailwind, and code Playground

by est vavivu

HTML

<div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;Wellcome To My Blog&#8221;<br/>
      Keep Enjoy for browse my blog<br/>
&quot;Thank You For Visit,<br/>
God Bless You.&quot;</p>
    <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Continue Reading &#8594;</div>
  </div>

CSS

#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background-color:#aaa}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://anime-wallpapers.com/images/800x600/anime-girl-1s.jpg) no-repeat top center;}