Skip to content

Instantly share code, notes, and snippets.

@ekashida

ekashida/axis-eol.html

Last active December 18, 2015 11:59
Show Gist options
  • Save ekashida/5779837 to your computer and use it in GitHub Desktop.
Save ekashida/5779837 to your computer and use it in GitHub Desktop.
Download ZIP
axis eol html mock
Raw
axis-eol.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Axis EOL</title>
<style>
#rich-container {
width: 440px;
}
</style>
</head>
<body>
<div id="rich-container">
<!--
1. Height of plugin is 261px and height of iOS webview is 260px.
2. Width of plugin is 440px and width of iOS webview is 435.
-->
<!-- COPY START -->
<style>
#eol {
height: 260px;
background: url("http://l.yimg.com/pv/static/img/card_full-201306132302.png") 50% 50% no-repeat red;
position: relative;
}
.details {
width: 170px;
height: 100%;
display: block;
position: absolute;
left: 0;
}
.itunes {
width: 273px;
height: 100%;
display: block;
float: right;
}
</style>
<div id="eol">
<a class="details" href="http://axis.yahoo.com"></a>
<a class="itunes" href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=361071600"></a>
</div>
<!-- COPY END -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment