<h2> Loading Free Time Learn Website....! <h2>
<iframe id="theFrame" src="https://www.freetimelearning.com" style="width:100%; height:450px;" frameborder="0"> </iframe>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Ajax Basic Example</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#my_site").load("free_time_learn.html");
});
});
</script>
<style type="text/css">
.btn{ padding:6px 15px;}
</style>
</head>
<body>
<div id="my_site">
<h2>Free Time Learning</h2>
</div>
<button type="button" class="btn">Click Here!</button>
</body>
</html>