Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Subscribe Form</title>
- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
- </head>
- <body>
- <div class="container">
- <button class="btn btn-primary" data-toggle="modal" data-target="#modal">Open Window</button>
- <div class="modal fade" id="modal">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button class="close" type="button" data-dismiss="modal">
- <i class="glyphicon glyphicon-remove"></i>
- </button>
- <h2>Form</h2>
- </div>
- <div class="modal-body">
- <p>Email: <input type="email" name="email"></p>
- </div>
- <div class="modal-footer">
- <a class="btn btn-danger" data-dismiss="modal">Close</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
- <script>
- $(function() {
- $(window).load(function(){
- setTimeout(function(){
- $("#modal").show();
- }, 1000);
- })
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement