JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<div id="nine_may_bg">
    <div id="nine_may_image_holder">
        <img class="nine_may_close" src="http://rlexpert.ru/templates/real/images/cross-32.png" alt="" />
        <img src="http://rlexpert.ru/templates/real/images/9_may.jpg" alt="" />
        <p class="nine_may_counter">Окно исчезнет через <b>10</b> сек</p>    
        <a href="http://rlexpert.ru/" class="nine_may_rlelogo" style="display:block;"><img src="http://rlexpert.ru/templates/real/images/bottom_logo_gray.png" alt="" /></a>
        <p class="nine_may_rlelogo_text">Команда RealExpert поздравляет вас с праздником великой победы!</p>
    </div>
</div>

CSS

.nine_may_rlelogo_text{font-family: arial;font-size:10px;font-weight:bold;}

JavaScript

var windowinner ='<style>#nine_may_bg{height:100%;width:100%;position:absolute;z-index:1000;top:0;left:0;background:rgba(37,37,37,0.6)}#nine_may_image_holder{padding-top:40px;width:600px;margin:70px auto 0;font-family:arial;text-align:center;color:#AFAFAF;position:relative;font-size:23px}.nine_may_close{position:absolute;top:-10px;right:0;cursor:pointer}.nine_may_counter{margin-top:30px}.nine_may_counter b{font-size:26px}.nine_may_rlelogo_text{font-family: arial;font-size:10px;font-weight:bold;}</style>';
$('body').append(style);