Demo page

This commit is contained in:
Anthony Axenov 2016-09-25 11:38:29 +08:00
parent 80a05222aa
commit 59bb92090d

39
demo.html Normal file
View File

@ -0,0 +1,39 @@
<!-- http://AnthonyAxenov.ru/ -->
<html>
<head>
<title>upbtn demo</title>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="upbtn.js"></script>
<link rel="stylesheet" type="text/css" href="upbtn.css">
<style type="text/css">
body {max-width: 700px; margin: 0 auto;}
p {margin: 15px 0; font-size: 17px;}
/*h1 {}*/
</style>
</head>
<body>
<h1>Header 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 2</h1>
<p>Aenean fringilla venenatis quam, sit amet feugiat ex. Nam vitae sodales justo. Donec placerat libero id porta suscipit. Morbi posuere malesuada neque, at semper ligula pulvinar a. Curabitur a nulla consectetur, sollicitudin neque ut, aliquam nibh. Aenean semper urna nec libero ultrices, eu facilisis enim dictum. Nam dignissim ex eget enim egestas egestas. Quisque ornare enim ipsum, in volutpat ipsum vehicula ut. Fusce aliquam tellus sit amet ante pretium, sit amet tempus massa ullamcorper. Aliquam erat lectus, scelerisque vel quam vel, ultricies posuere ipsum. In sed ante vel tortor tincidunt cursus et in quam. Curabitur tempus, ligula vitae interdum lacinia, leo risus vehicula tellus, et aliquet tortor ex eget libero. Aenean vestibulum velit lacus, ac mollis est ultrices eu. Maecenas ultricies justo vel commodo imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec porttitor lacinia pulvinar.</p>
<h1>Header 3</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 4</h1>
<p>Aenean fringilla venenatis quam, sit amet feugiat ex. Nam vitae sodales justo. Donec placerat libero id porta suscipit. Morbi posuere malesuada neque, at semper ligula pulvinar a. Curabitur a nulla consectetur, sollicitudin neque ut, aliquam nibh. Aenean semper urna nec libero ultrices, eu facilisis enim dictum. Nam dignissim ex eget enim egestas egestas. Quisque ornare enim ipsum, in volutpat ipsum vehicula ut. Fusce aliquam tellus sit amet ante pretium, sit amet tempus massa ullamcorper. Aliquam erat lectus, scelerisque vel quam vel, ultricies posuere ipsum. In sed ante vel tortor tincidunt cursus et in quam. Curabitur tempus, ligula vitae interdum lacinia, leo risus vehicula tellus, et aliquet tortor ex eget libero. Aenean vestibulum velit lacus, ac mollis est ultrices eu. Maecenas ultricies justo vel commodo imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec porttitor lacinia pulvinar.</p>
<h1>Header 5</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 6</h1>
<p>Aenean fringilla venenatis quam, sit amet feugiat ex. Nam vitae sodales justo. Donec placerat libero id porta suscipit. Morbi posuere malesuada neque, at semper ligula pulvinar a. Curabitur a nulla consectetur, sollicitudin neque ut, aliquam nibh. Aenean semper urna nec libero ultrices, eu facilisis enim dictum. Nam dignissim ex eget enim egestas egestas. Quisque ornare enim ipsum, in volutpat ipsum vehicula ut. Fusce aliquam tellus sit amet ante pretium, sit amet tempus massa ullamcorper. Aliquam erat lectus, scelerisque vel quam vel, ultricies posuere ipsum. In sed ante vel tortor tincidunt cursus et in quam. Curabitur tempus, ligula vitae interdum lacinia, leo risus vehicula tellus, et aliquet tortor ex eget libero. Aenean vestibulum velit lacus, ac mollis est ultrices eu. Maecenas ultricies justo vel commodo imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec porttitor lacinia pulvinar.</p>
<h1>Header 7</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 8</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 9</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 10</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
<h1>Header 11</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et condimentum turpis. Integer faucibus auctor dolor egestas porttitor. Cras vitae ullamcorper nisi. Nullam luctus nisl sit amet dui varius, ut vehicula erat malesuada. Phasellus malesuada nisi vel neque maximus consectetur. Duis id augue ex. Nunc eu lacus et velit tempor faucibus. Mauris congue egestas risus eget sollicitudin. Nulla malesuada mollis est, eget egestas neque eleifend at. In congue ipsum massa, eget elementum sem vestibulum aliquet.</p>
</body>
</html>