what2watch/scss/plugins/modal/test.html

28 lines
649 B
HTML
Raw Normal View History

2023-09-22 00:43:18 +00:00
<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>