Notification – Modal Box with JS

Autoload notification as soon as the homepage loads, we need:

• Modal Box
• JS to triggered modal once whole page loads coompletely

HTML ==> Modal Box

<div id="myNotification" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title text-center">Title</h4>
      </div>

      <div style="padding: 0px" class="modal-body">
        <img style="padding: 0px" height="250px" width="100%" src="{{asset('img/homepage/slider/i4bitcebtnoxfzvyf0yekzwwy.jpg')}}">
        <p style="color: black;text-align: justify;padding: 5px">Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.Some text in the modal.</p>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>

    </div>

  </div>
</div>

JavaScript ==> To trigger Modal Box

<script>
	 $(window).load(function(){        
   $('#myNotification').modal('show');
    }); 
</script>