Reveal is a super useful modal or pop-up window that allows you to display pretty much any type of content from text to images and even video. So let's dive right in and learn how to use Reveal. First we need to create a link that will launch the modal window. So let's do that by adding a link below our form. On or around line 202, after your closing form tag let's add the following code:
<p><a href="#" data-reveal-id="modal">Modal</a></p>
Now, we need to add the actual modal that loads when you click on the previous link. So right after this line, let's add the following code:
<div id="modal" class="reveal-modal" data-reveal> <p>I am a modal</p> <a class="close-reveal-modal">×</a> </div>
Refresh your browser and you will see a modal link at the bottom and when you click on it you will get your modal. You will notice a cross sign in the top-right corner; if you click on it, you will close the modal. If you want your modal...