28 lines
649 B
HTML
28 lines
649 B
HTML
|
<h2 id="modal">Modal</h2>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
<label for="modal_1" class="button">
|
|||
|
|
Show modal
|
|||
|
|
</label>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="modal">
|
|||
|
|
<input id="modal_1" type="checkbox" />
|
|||
|
|
<label for="modal_1" class="overlay"></label>
|
|||
|
|
<article>
|
|||
|
|
<header>
|
|||
|
|
<h3>Great offer</h3>
|
|||
|
|
<label for="modal_1" class="close">×</label>
|
|||
|
|
</header>
|
|||
|
|
<section class="content">
|
|||
|
|
We have a special offer for you. I am sure you will love it! However this does look spammy...
|
|||
|
|
</section>
|
|||
|
|
<footer>
|
|||
|
|
<a class="button" href="#">See offer</a>
|
|||
|
|
<label for="modal_1" class="button dangerous">
|
|||
|
|
Cancel
|
|||
|
|
</label>
|
|||
|
|
</footer>
|
|||
|
|
</article>
|
|||
|
|
</div>
|