How to make a html page to show content from another url

An iframe sounds like it may be what you need, but I'm not 100% sure after reading your description. The iframe will show content from another URL in your page. Once you have that all you need to do is style the page and use CSS/JavaScript to add in your functionality as described.

Check out this: http://www.w3schools.com/tags/tag_iframe.asp

Either you use an iframe or you load the site via AJAX into a div (e.g. using jQuerys load() method).

You could use an <iframe> in order to display an external webpage within your webpage. Just place the url of the webpage that you want to display inside the quotes of the src attribute.

<iframe src="http://www.webpage.com" width="400" height="400"></iframe>