emujs
Version:
A responsiveness testing tool on browsers
79 lines (77 loc) • 4.34 kB
HTML
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../dist/emu.css">
</head>
<body>
<div id="emu">
<div class="top layer ctrl">
<div class="utils">
<input type="text">
</div>
<div class="opts">
<span>iPhone</span>
<span class="active">Galaxy</span>
<span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span> <span>Blackberry</span>
</div>
</div>
<div class="top layer view">
<div class="utils">
<button>
screenshot
</button>
<button>
rotate
</button>
</div>
<iframe>
</iframe>
</div>
<div class="btm layer">
<div class="utils">
<span class="active">Images <span>3</span></span>
<span>Logs <span>13500</span></span>
</div>
<div class="logs" style="display : none">
<p>Hey <i>12:12 50/50</i></p>
</div>
<div class="images">
<ul>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://npg.si.edu/exhibit/feature/images/schoeller_full.jpg);width:120px;background-size:cover;">
<a target="_blank" href="http://npg.si.edu/exhibit/feature/images/schoeller_full.jpg">Galaxy</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
<li style="background:url(http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg); width: 266px; background-size:cover;">
<a target="_blank" href="http://images6.fanpop.com/image/photos/34300000/Fantasy-fantasy-34382849-2560-1440.jpg">iPhone</a>
</li>
</ul>
</div>
</div>
</div>
<button class="emu">emu</button>
</body>
</html>