git.roojs.org Git - ratchet/blob - docs/modal-demo.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Modal slideup</title>
   6
   7     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
   8
   9     <link rel="stylesheet" href="../dist/ratchet.css">
  10     <script src="../dist/ratchet.js"></script>
  11     <script src="js/docs.js"></script>
  12     <script src="js/fingerblast.js"></script>
  13   </head>
  14   <body>
  15     <div class="content content-padded">
  16       <a href="#myModal" class="button">Open modal</a>
  17     </div>
  18
  19     <div id="myModal" class="modal">
  20       <header class="bar-title">
  21         <h1 class="title">Modal</h1>
  22         <a class="button" href="#myModal">
  23           Close
  24         </a>
  25       </header>
  26
  27       <div class="content content-padded">
  28         <p>The contents of my modal</p>
  29       </div>
  30     </div>
  31   </body>
  32 </html>