update,
This commit is contained in:
71
laitof/static_page/public/index.html
Normal file
71
laitof/static_page/public/index.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<!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>
|
Reference in New Issue
Block a user