Advertisement
kani339

Untitled

Jul 7th, 2015
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Subscribe Form</title>
  6. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  7.  
  8.  
  9. </head>
  10. <body>
  11. <div class="container">
  12. <button class="btn btn-primary" data-toggle="modal" data-target="#modal">Open Window</button>
  13. <div class="modal fade" id="modal">
  14. <div class="modal-dialog">
  15. <div class="modal-content">
  16. <div class="modal-header">
  17. <button class="close" type="button" data-dismiss="modal">
  18. <i class="glyphicon glyphicon-remove"></i>
  19. </button>
  20. <h2>Form</h2>
  21. </div>
  22. <div class="modal-body">
  23. <p>Email: <input type="email" name="email"></p>
  24. </div>
  25. <div class="modal-footer">
  26. <a class="btn btn-danger" data-dismiss="modal">Close</a>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
  33. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  34.  
  35. <script>
  36. $(function() {
  37. $(window).load(function(){
  38. setTimeout(function(){
  39. $("#modal").show();
  40. }, 1000);
  41. })
  42. });
  43. </script>
  44.  
  45. </body>
  46. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement