Alguém poderia me ajudar o que falta pro meu modal da certo? Só falta a css ou falta algo no codigo?
code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>
<body>
<header>
<div class="company-notice-overlay hide" id="company-notice">
<div class="company-notice">
<div class="top-side">
<div class="left-side">
<h3>ATENÇÃO</h3>
<p>1212312312412563463463463473473451351.</p>
</div>
<div class="right-side">
<img src="/images/mascot-2-elomax.jpg" /> </div>
</div>
<div class="bottom-side">
<button class="btn btn-danger i-refuse">SAIR DO SITE</button>
<button class="btn btn-success i-agree">ESTOU CIENTE E CONCORDO</button>
</div>
</div>
</div>
</header>
<script type="text/javascript">
/*$(".hot-image-overlay").removeClass("hide");
$("a.close-hot-image").click(function(e){
e.preventDefault();
$(this).parent(".hot-image-overlay").addClass("hide");
});
$(".hot-image-overlay").click(function(e){
e.preventDefault();
$(".hot-image-overlay").addClass("hide");
});*/
if(typeof sessionStorage.serviceAgreed == 'undefined' && !parseInt(sessionStorage.serviceAgreed)){
$(".company-notice-overlay").removeClass("hide");
}
$(".company-notice button.i-agree").click(function(e){
e.preventDefault();
sessionStorage.serviceAgreed = 1;
$(this).parents(".company-notice-overlay").addClass("hide");
});
$(".company-notice button.i-refuse").click(function(e){
e.preventDefault();
window.location.href = "https://www.google.com.br";
});
</script>
</body>
</html>