-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (69 loc) · 3.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
---
layout: default
title: 'Website Previewer - Resolution Preview for Responsive Websites'
description: 'Preview your website on multiple screen sizes - simultaneously! Get a quick picture of your site on many devices at once.'
---
<section id="devices" class="loading">
<div class="wrapper">
<div class="device device-imac tooltipped" data-position="top" data-delay="50" data-tooltip="27" iMac - 2560 x 1440">
<div class="device-wrapper">
<div class="bezel bezel-imac">
<div class="iframe-wrapper" data-width="2560" data-height="1440">
<iframe src="{{ site.search-url }}"></iframe>
</div>
</div>
<img src="/img/imac.png">
</div>
<div class="btn-wrapper"><a href="/imac/" class="btn btn-device">Expand</a></div>
</div>
<div class="device device-iphone six-plus retina tooltipped" data-position="top" data-delay="50" data-tooltip="iPhone 6 Plus - 414 x 736">
<div class="device-wrapper">
<div class="bezel bezel-iphone-six-plus">
<div class="iframe-wrapper" data-width="414" data-height="736">
<iframe src="{{ site.search-url }}"></iframe>
</div>
</div>
<img src="/img/iphone-6-plus-portrait.png">
</div>
<div class="btn-wrapper"><a href="/iphone/" class="btn btn-device">Expand</a></div>
</div>
<div class="device device-macbook tooltipped" data-position="top" data-delay="50" data-tooltip="15" Macbook Pro - 1440 x 900">
<div class="device-wrapper">
<div class="bezel bezel-macbook">
<div class="iframe-wrapper" data-width="1440" data-height="900">
<iframe src="{{ site.search-url }}"></iframe>
</div>
</div>
<img src="/img/macbook.png">
</div>
<div class="btn-wrapper"><a href="/macbook/" class="btn btn-device">Expand</a></div>
</div>
<div class="device device-ipad portrait retina tooltipped" data-position="top" data-delay="50" data-tooltip="9.7" iPad Air - 768 x 1024" >
<div class="device-wrapper">
<div class="bezel bezel-ipad">
<div class="iframe-wrapper" data-width="768" data-height="1024">
<iframe src="{{ site.search-url }}"></iframe>
</div>
</div>
<img src="/img/ipad-black-portrait.png">
</div>
<div class="btn-wrapper"><a href="/ipad/" class="btn btn-device">Expand</a></div>
</div>
<div class="device device-ipad landscape retina tooltipped" data-position="top" data-delay="50" data-tooltip="9.7" iPad Air - 1024 x 768">
<div class="device-wrapper">
<div class="bezel bezel-ipad">
<div class="iframe-wrapper" data-width="1024" data-height="768">
<iframe src="{{ site.search-url }}"></iframe>
</div>
</div>
<img src="/img/ipad-white-landscape.png">
</div>
<div class="btn-wrapper"><a href="/ipad/" class="btn btn-device">Expand</a></div>
</div>
</div>
</section>
<section id="table-top"></section>
<section id="table"></section>
<div id="background">
<img id="background-image" src="/img/ambient.jpg" alt="background" onload="backgroundLoaded(this.id)"/>
</div>