OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <body style="overflow:hidden; height:900px; -webkit-column-count:4; column-count
:4; column-fill:auto;"> | |
4 <p>First line outside iframe.</p> | |
5 <p>Second line outside iframe.</p> | |
6 <hr> | |
7 <div> | |
8 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio purus, pharetra
at tempor id, malesuada viverra neque. Donec nisi tortor, fringilla vitae sodal
es et, commodo in ante. Sed tincidunt nulla id dui imperdiet convallis. Donec te
mpus congue orci sed aliquet. Cras urna turpis, congue in laoreet sit amet, comm
odo et massa. Nam sed sem nec lorem dictum tempor non vitae massa. Cras varius u
ltrices ullamcorper. Vestibulum sed ante in tellus venenatis blandit eget et neq
ue. Donec ullamcorper porttitor tellus id rhoncus. Quisque tortor mi, mollis vit
ae rutrum non, faucibus a tellus. Phasellus ac nisl et ante ultricies tristique
vitae at urna. Vestibulum aliquet, sapien in adipiscing accumsan, sem nulla grav
ida augue, et elementum velit orci id quam. Nulla quis erat non quam vehicula ti
ncidunt. | |
9 </div> | |
10 <p> | |
11 Aliquam tristique dolor vel ligula sollicitudin rhoncus. Integer eget quam orci.
Nulla mattis neque vitae arcu volutpat euismod. Donec ut tortor in sem consecte
tur sodales sed non augue. Integer quis mauris id purus pulvinar elementum vitae
at lacus. Vestibulum rutrum ornare lacinia. In pretium vestibulum leo, dapibus
pretium arcu euismod elementum. Nulla facilisi. Phasellus molestie elementum est
, vel rhoncus magna condimentum ut. Nunc ac libero eget mi convallis aliquam non
in neque. Praesent lobortis, lorem semper auctor egestas, felis sem sollicitudi
n tellus, a vehicula odio risus et nibh. | |
12 </p> | |
13 <p> | |
14 Nunc pellentesque vehicula ligula, ut posuere nunc consequat rutrum. Integer feu
giat, risus eget tristique porttitor, massa lacus auctor neque, in scelerisque m
auris orci in enim. Nam molestie, leo sit amet dictum elementum, lectus lorem al
iquet elit, non tempus augue diam quis mauris. Nunc in massa id neque consequat
posuere. Nullam semper est vitae sem lobortis vehicula. Donec luctus rhoncus aug
ue eget molestie. Aliquam iaculis nibh nec ipsum tempor vel lacinia enim mattis.
Nullam iaculis condimentum velit, nec porttitor sem viverra viverra. In hac hab
itasse platea dictumst. Proin id augue nec nisi tincidunt pulvinar. Proin hendre
rit sem justo, eget lobortis purus. Fusce et dapibus mauris. Donec pharetra ante
vel nulla viverra non feugiat velit commodo. Integer cursus suscipit pharetra. | |
15 </p> | |
16 <p> | |
17 Cras nec tortor dui. Morbi tincidunt accumsan neque, vitae laoreet lorem vehicul
a interdum. Duis blandit elit a lectus tempor fringilla. Proin quis libero id pu
rus pulvinar mollis id ut sapien. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Pellentesque vitae placerat sem. Phase
llus quis dignissim mi. Cras semper, dolor malesuada laoreet dapibus, tellus lec
tus fermentum tellus, nec sagittis mi eros eget lorem. Suspendisse feugiat porta
suscipit. Mauris bibendum lorem nec nunc pretium ac volutpat dui malesuada. | |
18 </p> | |
19 <p> | |
20 Aenean risus magna, tincidunt vel auctor condimentum, tempus id leo. Curabitur v
arius sapien ac magna rhoncus interdum eleifend odio vehicula. Quisque luctus qu
am libero, ac ultrices eros. In dignissim porta nunc, et fermentum felis hendrer
it nec. Suspendisse dignissim felis id arcu consectetur vitae sodales ante laore
et. Etiam scelerisque lectus quis mi mattis pellentesque. Integer adipiscing, au
gue quis cursus dignissim, orci justo accumsan tellus, sed lobortis quam quam at
velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur r
idiculus mus. Pellentesque eu diam hendrerit leo egestas mattis. Aliquam in ultr
icies sem. Fusce at metus a nunc posuere convallis in nec sapien. | |
21 </p> | |
22 <p> | |
23 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio purus, pharetra
at tempor id, malesuada viverra neque. Donec nisi tortor, fringilla vitae sodal
es et, commodo in ante. Sed tincidunt nulla id dui imperdiet convallis. Donec te
mpus congue orci sed aliquet. Cras urna turpis, congue in laoreet sit amet, comm
odo et massa. Nam sed sem nec lorem dictum tempor non vitae massa. Cras varius u
ltrices ullamcorper. Vestibulum sed ante in tellus venenatis blandit eget et neq
ue. Donec ullamcorper porttitor tellus id rhoncus. Quisque tortor mi, mollis vit
ae rutrum non, faucibus a tellus. Phasellus ac nisl et ante ultricies tristique
vitae at urna. Vestibulum aliquet, sapien in adipiscing accumsan, sem nulla grav
ida augue, et elementum velit orci id quam. Nulla quis erat non quam vehicula ti
ncidunt. | |
24 </p> | |
25 <img src="resources/ipad.jpg" style="max-width: 100%;"/> | |
26 <p> | |
27 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio purus, pharetra
at tempor id, malesuada viverra neque. Donec nisi tortor, fringilla vitae sodal
es et, commodo in ante. Sed tincidunt nulla id dui imperdiet convallis. Donec te
mpus congue orci sed aliquet. Cras urna turpis, congue in laoreet sit amet, comm
odo et massa. Nam sed sem nec lorem dictum tempor non vitae massa. Cras varius u
ltrices ullamcorper. Vestibulum sed ante in tellus venenatis blandit eget et neq
ue. Donec ullamcorper porttitor tellus id rhoncus. Quisque tortor mi, mollis vit
ae rutrum non, faucibus a tellus. Phasellus ac nisl et ante ultricies tristique
vitae at urna. Vestibulum aliquet, sapien in adipiscing accumsan, sem nulla grav
ida augue, et elementum velit orci id quam. Nulla quis erat non quam vehicula ti
ncidunt. | |
28 </p> | |
29 <p> | |
30 Aliquam tristique dolor vel ligula sollicitudin rhoncus. Integer eget quam orci.
Nulla mattis neque vitae arcu volutpat euismod. Donec ut tortor in sem consecte
tur sodales sed non augue. Integer quis mauris id purus pulvinar elementum vitae
at lacus. Vestibulum rutrum ornare lacinia. In pretium vestibulum leo, dapibus
pretium arcu euismod elementum. Nulla facilisi. Phasellus molestie elementum est
, vel rhoncus magna condimentum ut. Nunc ac libero eget mi convallis aliquam non
in neque. Praesent lobortis, lorem semper auctor egestas, felis sem sollicitudi
n tellus, a vehicula odio risus et nibh. | |
31 </p> | |
32 <p> | |
33 Nunc pellentesque vehicula ligula, ut posuere nunc consequat rutrum. Integer feu
giat, risus eget tristique porttitor, massa lacus auctor neque, in scelerisque m
auris orci in enim. Nam molestie, leo sit amet dictum elementum, lectus lorem al
iquet elit, non tempus augue diam quis mauris. Nunc in massa id neque consequat
posuere. Nullam semper est vitae sem lobortis vehicula. Donec luctus rhoncus aug
ue eget molestie. Aliquam iaculis nibh nec ipsum tempor vel lacinia enim mattis.
Nullam iaculis condimentum velit, nec porttitor sem viverra viverra. In hac hab
itasse platea dictumst. Proin id augue nec nisi tincidunt pulvinar. Proin hendre
rit sem justo, eget lobortis purus. Fusce et dapibus mauris. Donec pharetra ante
vel nulla viverra non feugiat velit commodo. Integer cursus suscipit pharetra. | |
34 </p> | |
35 <p> | |
36 Cras nec tortor dui. Morbi tincidunt accumsan neque, vitae laoreet lorem vehicul
a interdum. Duis blandit elit a lectus tempor fringilla. Proin quis libero id pu
rus pulvinar mollis id ut sapien. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Pellentesque vitae placerat sem. Phase
llus quis dignissim mi. Cras semper, dolor malesuada laoreet dapibus, tellus lec
tus fermentum tellus, nec sagittis mi eros eget lorem. Suspendisse feugiat porta
suscipit. Mauris bibendum lorem nec nunc pretium ac volutpat dui malesuada. | |
37 </p> | |
38 <p> | |
39 Aenean risus magna, tincidunt vel auctor condimentum, tempus id leo. Curabitur v
arius sapien ac magna rhoncus interdum eleifend odio vehicula. Quisque luctus qu
am libero, ac ultrices eros. In dignissim porta nunc, et fermentum felis hendrer
it nec. Suspendisse dignissim felis id arcu consectetur vitae sodales ante laore
et. Etiam scelerisque lectus quis mi mattis pellentesque. Integer adipiscing, au
gue quis cursus dignissim, orci justo accumsan tellus, sed lobortis quam quam at
velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur r
idiculus mus. Pellentesque eu diam hendrerit leo egestas mattis. Aliquam in ultr
icies sem. Fusce at metus a nunc posuere convallis in nec sapien. | |
40 </p> | |
41 </body> | |
42 </html> | |
43 | |
OLD | NEW |