71 lines
2.0 KiB
HTML
71 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
<body style="padding: 0; margin: 0; box-sizing: border-box;">
|
|
|
|
<div>
|
|
<div style="font-size: 2rem; height: 100px; width: 100vw; ">
|
|
<div style="text-align: center; padding-top: 2rem;">
|
|
|
|
Space and Astronomy
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: calc( 100vh - 200px); display: flex; flex-direction: row;">
|
|
<div style="width: 20vw; height: 100%; ">
|
|
<div style="padding-left: 2rem; font-size: 2rem;">
|
|
<h3>picture gallery</h3>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="planets.htm" target="myFrame_mi_g" style="font-size: 2rem;">Planets</a>
|
|
</li>
|
|
<li>
|
|
<a href="stars.htm" target="myFrame_mi_g" style="font-size: 2rem;">Stars</a>
|
|
</li>
|
|
<li>
|
|
<a href="earth.htm" target="myFrame_mi_g" style="font-size: 2rem;">Earth</a>
|
|
</li>
|
|
<li>
|
|
<a href="moon.htm" target="myFrame_mi_g" style="font-size: 2rem;">Moon</a>
|
|
</li>
|
|
<li>
|
|
<a href="mars.htm" target="myFrame_mi_g" style="font-size: 2rem;">Mars</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div style="width: 60vw; height: 100%; ">
|
|
<iframe name="myFrame_mi_g" style="height: 100%; width: 100%;" src="iframe_default.htm"></iframe>
|
|
</div>
|
|
<div style="width: 20vw; height: 100%; ">
|
|
<div style="padding-left: 2rem">
|
|
<h3>link here will open a new window</h3>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="http://www.nasa.gov" target="_blank">http://www.nasa.gov</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
<div style="font-size: 1rem; height: 100px; width: 100vw; text-align: center;">
|
|
<div style="padding-top: 2rem">
|
|
Tomas Lai <a href="mailto:mimismchan1006@gmail.com">mimismchan1006@gmail.com</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |