YouTipFoundation Modal
# Foundation Modal
A modal is a popup window displayed on the head of the page.
We can use a unique ID on the container element (like `<div id="myModal"`) and add the `.reveal-modal` class and `data-reveal` attribute to add a modal. We can use the `data-reveal-id="id"` attribute on any element to open the modal. The _id_ must match the container id (in the example, it is "myModal").
If you want to close the modal by clicking on the area outside of the modal. You can add the `.close-reveal-modal` class to the modal's close button `` tag to achieve this.
**Note:** Sliders require JavaScript. So you need to initialize Foundation JS:
### Example
$(document).ready(function