pandotdoslashra/pan-do.html

23 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Pan-Dominican Airlines Ltd.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" type="image/jpeg" href="pan-do.jpg"/>
</head>
<body style="background-color: rgb(0, 112, 160); font-family: Verdana, Segoe UI, Lucida Grande, Helvetiva, Arial, sans-serif">
<div style="position: absolute; left: 32px; right: 32px; top: 32px; height: 424px; border-radius: 32px; background-color: white; overflow: hidden">
<div style="position: absolute; right: 32px; top: 32px">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Dominican%20Republic&zoom=5&size=640x360&maptype=hybrid&sensor=false"/ style="right: 32px; top: 32px; border-radius: 16px"/>
<div style="position: absolute; right: 256px; top: 116px; width: 96px; height: 96px; border: 16px solid rgba(0, 112, 160, 0.75); border-radius: 64px"></div>
</div>
<div style="position: absolute; left: 0; top: 32px; width: 360px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: white; font-size: 16px; text-align: center">
<img src="pan-do.jpg"/>
<div style="margin: 16px auto 16px auto; color: rgb(0, 112, 160)">Cheap flights from and to<br>the Dominican Republic</div>
<div style="width: 128px; padding: 4px; margin: 16px auto 16px auto; background-color: rgb(0, 112, 160); color: rgb(255, 255, 255); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg)">Coming soon...</div>
</div>
</div>
<div style="position: absolute; left: 32px; right: 32px; top: 480px; font-size: 10px; color: white; text-align: center">&copy;2012 Pan-Dominican Airlines Ltd. All rights reserved.</div>
</body>
</html>