I'm fairly new at Foundation, and I'm trying to figure out how to add popups to a site I'm creating. I'm using Foundation-flex 6. I copied and pasted code from the Foundation 6 REVEAL page, but it doesn't work on my experiment page. The text "Click me for a modal" doesn't even show up on the web page unless I remove the anchor. What am I missing?!
Here's my code for this part:
<p><a data-open="exampleModal1">Click me for a modal</a></p>
<div class="reveal" id="exampleModal1" data-reveal>
<h1>Awesome. I Have It.</h1>
<p class="lead">Your couch. It is mine.</p>
<p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<button class="close-button" data-close aria-label="Close modal" type="button">
In my head section, I'm using these:
<link rel="stylesheet" href="http://spring.edu/foundation-flex/css/foundation.min.css">
<link rel="stylesheet" href="http://spring.edu/foundation-flex/css/app.css">
and at the end of the body section, I've got these:
If anyone could tell me what I'm missing and how to fix it, I'd greatly appreciate it! I want to do a number of popups on the site. Thanks!