<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<title>Popup Example</title>
<h1 class="page-title">Popup Example</h1>
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=300,width=400,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<p><a href="JavaScript:newPopup('http://www.indiortours.com/');">Click to Open a Popup Window</a></p>
<a href="http://www.indiortours.com/" target="_blank">Click to Open Link in New Window
</a>
<p>
<p>Thanks for stopping by!</p>
<p><a class="btn btn-default" href="JavaScript:window.close()">Close</a></p>
