JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div id="par_popup">
  <div id="pop">
    <p>ZORNET.RU</p>
    <pre>Да        <a class="clos" onclick="document.getElementById('par_popup').style.display='none';">Нет</a></pre>
  </div>
</div>

CSS

#par_popup {
  display: none;
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 15px;
}

pre {
  text-align: center;
}

#pop {
  background: #feea59;
  width: 140px;
  margin: 50% auto;
  padding: 5px 20px;
  border: 1px solid #000;
  border-radius: 5px;
}

#pop p {
  font-size: 14px;
  text-align: center;
}

.clos {
  cursor: pointer;
  text-decoration: none;
}

JavaScript

var delay_popup = 5000;
setTimeout("document.getElementById('par_popup').style.display='block'", delay_popup);