section class="cards clearfix">
<div class="card">
<img class="card_image" src="https://source.unsplash.com/collection/190727/400x260"alt="">
<div class="card_copy">
<h3>title card</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias sequi tempore dolorem recusandae adipisci est sed eveniet nobis ipsum, quae dicta. Obcaecati unde accusamus ea assumenda nam facilis illum? Ipsam.</p>
</div>
</div>
<div class="card">
<img class="card_image" src="https://source.unsplash.com/category/nature/400x260"alt="">
<div class="card_copy">
<h3>title card</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias sequi tempore dolorem recusandae adipisci est sed eveniet nobis ipsum, quae dicta. Obcaecati unde accusamus ea assumenda nam facilis illum? Ipsam.</p>
</div>
</div>
<div class="card">
<img class="card_image" src="https://source.unsplash.com/category/people/400x260"alt="">
<div class="card_copy">
<h3>title card</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias sequi tempore dolorem recusandae adipisci est sed eveniet nobis ipsum, quae dicta. Obcaecati unde accusamus ea assumenda nam facilis illum? Ipsam.</p>
</div>
</div>
</section>

<section class="banner clearfix">

<div class="banner_copy">
<div class="banner_copy_text">
<h3>banner title</h3>
<h4>banner subtitle</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime quo quibusdam eligendi nobis eveniet amet! Mollitia culpa expedita cupiditate accusantium qui placeat quasi aliquam nostrum. Ex iusto dolore eligendi consequuntur.</p>
</div>
</div>
<div class="banner_image"></div>
</section>

<div class="overlay" id="pop">
<div class="popup">
<h2>Questo è un popup</h2>
<p>Potete utilizzarmi per inserire pubblicità</p>
<p>o per fare un annuncio</p>
<span id="close">X</span>
</div>
</div>

<footer class="footer">
<p>copiright - 2020 picopallinodesign.net</p>

</footer>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".header_icon-bar").click(function(e){
$(".header_menu").Toggleclass('.is-open');
e.preventDefault();

});
});



setTimeout(
function() {
console.log("run");
document.getElementById('pop').style.display="block" ;
}, 2000);


document.getElementById("close").onclick = function(e){
document.getElementById('pop').style.display="none";
}


document.getElementById("pop").onclick = function(e){
document.getElementById('pop').style.display="none";
}

function apri(url) { newin = window.open(url,'titolo','scrollbars=no,resizable=yes, width=200,height=200,status=no,location=no,toolbar =no'); }


</script>

</body>
</html>