jquery modal popup page on load example

HTML

<div id="first-modal" class="modal">
    <center>
        <p><img src="assets/img/nutrition-logo.png" width="132" height="30" alt="Sports Research" style="opacity:0.5"></p>
        <h2 style="margin: 15px 0 25px 0;">Has it been 15 days since you received your product?</h2>
        <a href="javascript:void(0)" class="btn-free" rel="modal:close">Yes</a>
        <a class="btn-free" href="javascript:void(0)" id="show-notice-modal">No</a>
    </center>
</div>

<div id="notice-modal" class="modal">
    <center>
        <p><img src="assets/img/nutrition-logo.png" width="132" height="30" alt="Sports Research" alt="Logo" style="opacity:0.5"></p>
        <h2 style="margin: 20px 0 0 0;">You're almost there!</h2>
        <h2 style="margin: 20px 0 0 0;font-size: 20px;">We kindly ask customers to test our products for 15 days before providing feedback.</h2>
        <p style="margin: 20px 0 0 0;text-align: center;"><strong style="font-size: 16px;">Sign up below to receive a reminder to revisit the page.  </strong></p>
        <form class="free-product" action="<?php echo base_url() ?>insertemail" method="post" id="email-form" style="text-align: center;">

            <input type="email" name="email" placeholder="email" required>

            <button type="submit" class="btn-free">Remind Me in 14 Days</button>
        </form>
    </center>
</div>

<!-- jQuery Modal --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

<script>
    $(document).ready(function(){
        $("#first-modal").modal({
            escapeClose: false,
            clickClose: false,
            showClose: false        });

        $('#show-notice-modal').click(function(event) {
            $("#notice-modal").modal({
                escapeClose: false,
                clickClose: false,
                showClose: false            });
        });
    });
</script>