<body>

<header class="header clearfix">
<a href="" class="header_logo">logo</a>
<a href="" class="header_icon-bar">
<span></span>
<span></span>
<span></span>
</a>
<ul class="header_menu animate">
<li class="header_menu_item"><a href="javascript:apri('popup-tes.html');">contattaci</a></li>
<li class="header_menu_item"><a href="single.html">single</a></li>
<li class="header_menu_item"><a href="page.html">page</a></li>
<li class="header_menu_item"><a href="">item</a></li>
<li class="header_menu_item"><a href="">item</a></li>
</ul>
</header>
<section class="cover">
<div class="cover_caption_filter"></div>
<div class="cover_caption">
<div class="cover_caption_copy">
<h1>primary message of the home</h1>
<h2>subtitle of the home page</h2>
<a href="" class="button">call to action</a>

</div>
</div>
</section>
<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_image"></div>
<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>
</section>