|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>Test</title> |
|
|
|
<link rel="stylesheet" type="text/css" href="style.css"> |
|
<script src="assets/modernizr.js"></script> |
|
</head> |
|
<body> |
|
<div class="scroll"> |
|
<article class="read1"> |
|
<h2>Call 2 <i>(7.22 minutes)</i></h2> |
|
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis scelerisque feugiat pellentesque. Nullam viverra nisi urna, quis pulvinar lorem imperdiet eget. Maecenas consequat sem mi, vitae ultricies sem egestas fringilla. In tempor sed nulla cursus molestie. Quisque nulla dui, mattis vel orci nec, interdum lacinia turpis. Vestibulum vulputate risus velit, ac semper nisi interdum ac. Pellentesque vitae laoreet libero. Curabitur posuere nibh id lectus convallis, condimentum scelerisque lacus aliquet. Fusce turpis magna, volutpat vel vehicula vitae, sagittis eu sapien. Nunc at nulla rutrum, ullamcorper tellus quis, tempor lorem. Nam vehicula dui eget semper ullamcorper. Nam fermentum dolor lorem, porttitor gravida quam placerat et. Aliquam a neque euismod, semper turpis at, ultrices neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed facilisis ipsum.</h3> |
|
<hr /> |
|
<p>In pretium sagittis rhoncus. Suspendisse mollis orci gravida leo viverra scelerisque. Integer tristique arcu ut sagittis ultricies. Aliquam fermentum nisl eget ante vulputate viverra. Donec non erat eu eros rhoncus tempor eget vel elit. Fusce tristique ut augue sit amet vehicula. Aliquam fringilla, tortor vitae fermentum adipiscing, ipsum justo pretium metus, ac dignissim augue ligula vel enim. Donec risus urna, volutpat in elementum vitae, vulputate sit amet nibh. Morbi arcu lorem, malesuada vitae venenatis imperdiet, congue non enim. Etiam feugiat risus eu nisi commodo, ut eleifend velit luctus. Nulla vulputate, orci eu porta scelerisque, nisi dui tincidunt diam, eu auctor felis purus at magna. Sed lobortis odio eget lorem blandit sollicitudin. Sed id lectus nunc. Mauris massa dui, feugiat in neque euismod, fermentum cursus nibh. Praesent nec felis sagittis, tincidunt enim non, eleifend arcu.</p> |
|
</article> |
|
<hr /><hr /> |
|
<article class="read2"> |
|
<h2>Call 3 <i>(13 minutes)</i></h2> |
|
<h3>Nullam ut dui sed tellus tempus porttitor eget eu velit. Nullam a lacus elementum, varius nunc eu, aliquet metus. Pellentesque mollis dictum velit, id bibendum massa vehicula sed. Vestibulum vel orci non sem sagittis tempor. Vestibulum luctus nisl in enim vulputate ultricies. Sed blandit sed erat et pretium. Integer lobortis urna ut ligula scelerisque tempus. Sed a leo rutrum, rhoncus ante non, blandit est. Donec congue diam vitae congue aliquam. Donec non aliquet quam. Nulla tincidunt massa enim, sit amet vehicula purus accumsan ut. Nam elit massa, tincidunt sed ligula quis, tincidunt commodo enim. Nullam fermentum lectus vitae nisi ullamcorper consequat. Nunc urna leo, aliquam eget diam a, fermentum porta diam. Maecenas eu condimentum sapien.</h3> |
|
<hr /> |
|
<p>Aenean faucibus, purus eget rutrum pharetra, nunc elit vulputate nisi, in suscipit tortor massa ut nibh. Donec accumsan augue ut erat tempus sodales. Nulla et feugiat orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec viverra tortor, ut mollis diam. Proin dictum quam quis metus pulvinar tristique. Sed sagittis ac ante ac consectetur. Integer est sem, rhoncus vitae eleifend vel, facilisis vitae lacus. Fusce consequat quis leo eu lobortis. Vivamus felis est, tincidunt ac orci vitae, vestibulum vulputate nulla. Integer gravida quis diam vitae egestas. Vivamus lacinia viverra placerat. Aenean vitae rhoncus lorem, sed lacinia lacus. Donec nibh ante, volutpat et nisl semper, condimentum venenatis elit. Mauris mattis luctus nulla vel sagittis. Quisque mauris ipsum, semper ut tincidunt quis, dignissim et arcu.</p> |
|
<hr /> |
|
<p>Phasellus sodales sem quis lorem consectetur, ac consequat mi fringilla. Mauris semper dolor eros, quis scelerisque diam luctus sit amet. Morbi dolor neque, tincidunt ut elit gravida, condimentum porta quam. Maecenas eu laoreet nisl. Duis non nisl ligula. Vivamus porttitor metus ac arcu ultricies, ac fermentum elit malesuada. Proin turpis dui, scelerisque in interdum eget, varius semper enim. Etiam id odio molestie, vehicula neque sit amet, imperdiet elit. Proin bibendum augue vestibulum nunc auctor gravida eu vel elit. Vivamus hendrerit euismod felis auctor tincidunt. Quisque felis lorem, euismod eget mi sed, ullamcorper ultrices felis. Aliquam ut magna semper, sodales justo non, posuere quam. Aenean sed malesuada mauris. Proin sed massa accumsan, hendrerit nibh eu, pellentesque nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce molestie at sem sed malesuada.</p> |
|
</article> |
|
</div> |
|
<footer></footer> |
|
|
|
<script src="assets/jquery-1.10.2.js" type="text/javascript"></script> |
|
<script src="assets/readmore.js" type="text/javascript"></script> |
|
<script> |
|
$('article').readmore({ |
|
speed: 80, |
|
}); |
|
</script> |
|
</body> |
|
</html> |
