bootstrap modal popup example
bootstrap modal popup example on load.
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body" align="center">
<div class="row">
<div class="col-6 col-md-4"><div> Download the image</div>
<!--<img class="img-responsive" width="55px" src="http://wallpaper-gallery.net/images/images-download/images-download-15.gif">-->
<i class="fa fa-download fa-4x"></i>
</div>
<div class="col-6 col-md-4"><div> Email the Image </div>
<!--<img class="img-responsive" width="55px" src="http://www.kellogg.edu/wp-content/uploads/2015/12/email-logo.png">--> <i class="fa fa-envelope fa-4x"></i></div>
<div class="col-6 col-md-4"><div style="float:right;">Share with Social Media</div>
<!--<img class="img-responsive" width="55px" src="https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png" style="float:left;"> <img class="img-responsive" width="55px" src="http://www.thematthewshanks.com/wp-content/uploads/2016/06/Logo_Instagram_Black-e1466878815731.jpg" style="float:left;"> <img class="img-responsive" width="55px"...
JavaScript
jQuery(document).ready(function(e) {
jQuery('#mymodal').trigger('click');
});