<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>
more css
</title>
<style>
p{color:#dd613d;}
th{color:#dd613d;}
h2{color:#dd613d;}
a:link{color:#00ff00; text-decoration:none;}
a:visited{color:#009900; text-decoration:none;}
a:hover{color:#ffff00; text-decoration:none;}
a:active{color:#ff9900; font-size:110%;}
</style>
</head>
<body style="background-image:url('image/nebular.jpg'); background-repeat:repeat-y; background-size:cover">
<h2 style="color:#dd613d; ">Google Earth</h2>
<img src="image/logo.png" alt="google earth icon" height="50" />
<br/>
<a href="https://www.google.ca/" target="_blank">Google</a>
<p style="border:2px dotted #00ff00;margin-left:10px; padding:20px; font-family:Comic Sans MS, cursive, sans-serif;">Use Google Earth on the desktop to travel anywhere without leaving your desk. For additional advanced tools, use Google Earth Pro for no extra charge.</p>
<table border="1">
<thead>
<tr>
<th>Moon</th>
<th>Mars</th>
<th>Sky</th>
<th>Ocean</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="https://www.google.com/earth/images/products_hl_moon.png" alt="moon"/>
</td>
<td>
<img src="https://www.google.com/earth/images/products_hl_mars.png" alt="mars"/>
</td>
<td>
<img src="https://www.google.com/earth/images/products_hl_sky.png" alt="sky"/>
</td>
<td>
<img src="https://www.google.com/earth/images/products_hl_ocean.jpg" alt="ocean"/>
</td>
</tr>
</tbody>
</table>
<p style="text-align:right; font-size:200%">nebular right footer</p>
</body>
</html>
No comments:
Post a Comment