manuels · October 29, 2012 21:31
diff --git a/gistfile1.html b/gistfile1.html
 <html>

 <style>

 /*! normalize.css v1.0.0 | MIT License | git.io/normalize */
 article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


 .pages {
  height: 29.7cm;
  -moz-column-width: 21.0cm;
  -webkit-column-width: 21.0cm;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  background-color: black;
 }

 .pages .contents {
  background-color: gray;
 }

 .pages .contents > * {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
 }

 .pages .contents p {
  background-color: red;
  margin-left:  2.41cm;
  margin-right: 2cm;
  display: inline-block;

  -webkit-column-break-before: avoid;
  -webkit-column-break-after: avoid;
  -moz-column-break-before: avoid;
  -moz-column-break-after: avoid;
 }

 .pages .contents div {
  height: 1px;
  background-color: blue;
 }

 .pages .contents .before-break {
  -webkit-column-break-before: avoid;
  -webkit-column-break-after: auto;
  -moz-column-break-before: avoid;
  -moz-column-break-after: auto;
 }

 .pages .contents .after-break {
  background-color: green;
  -webkit-column-break-before: auto;
  -webkit-column-break-after: avoid;
  -moz-column-break-before: auto;
  -moz-column-break-after: avoid;
  height: 5em;
 }

 </style>

 <body>

 <div class="pages">
  <div class="contents">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu magna id ipsum eleifend feugiat. Nullam sed dignissim lectus. Proin nec augue at enim tincidunt mollis. Nulla at odio sed neque posuere malesuada. Sed velit lacus, cursus id ultrices vitae, auctor eget nunc. Ut scelerisque semper ipsum, vel viverra enim gravida ac. Ut pharetra cursus dui vel commodo. Aliquam erat volutpat. Donec congue, nisi a malesuada porta, nibh urna consectetur quam, nec facilisis tortor lectus ac leo. Morbi interdum quam id sem tincidunt elementum vel ut dolor. Cras egestas aliquam erat et pellentesque. Ut ipsum dui, cursus et viverra quis, gravida nec ipsum.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Integer quis eros elit. Sed lobortis justo sit amet velit malesuada eget condimentum orci auctor. Vivamus a nunc id justo mattis fringilla in quis dolor. Quisque rhoncus interdum orci, et fringilla neque euismod vel. Nunc bibendum felis vitae mauris molestie id laoreet sem pulvinar. Duis vel dui justo, at porttitor nunc. Suspendisse ultrices ligula eu nulla rhoncus vitae tristique justo pretium. Nunc nisi lectus, congue lacinia rhoncus id, consectetur id orci. Sed congue convallis cursus. Vivamus placerat fermentum leo sit amet rutrum. Cras ut nunc cursus lorem gravida placerat. Quisque non mi eros. Donec non nisi lacus, nec faucibus risus. Nullam sagittis, diam faucibus molestie mollis, mauris enim tempus sapien, eget sollicitudin est nunc a mi. Morbi odio tortor, vestibulum sit amet pellentesque quis, tincidunt tempus diam. Aenean in nulla id mauris tincidunt consectetur in sit amet lacus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Praesent quis erat luctus eros placerat varius a et diam. Curabitur sed magna quam, ut rutrum nibh. Maecenas metus est, blandit at pretium quis, venenatis lacinia arcu. Nam tincidunt molestie tempus. Pellentesque vel iaculis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam pharetra elementum ornare. Suspendisse imperdiet, arcu sit amet placerat gravida, ante lacus posuere mi, et ullamcorper felis urna ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat a nulla malesuada sagittis. Nullam vestibulum justo eu libero rhoncus nec posuere velit posuere. Fusce auctor, tortor eu sollicitudin rhoncus, neque nulla mollis enim, imperdiet dapibus arcu augue in risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Etiam et dolor suscipit felis pellentesque cursus cursus pharetra turpis. In lobortis convallis tortor. Cras consequat ultrices ante et dignissim. Praesent vitae mollis arcu. Pellentesque nisl augue, placerat sed pulvinar vitae, cursus tincidunt justo. Nulla orci massa, euismod sed pharetra sit amet, tincidunt id enim. Vivamus consectetur mauris vitae massa venenatis ullamcorper. Fusce ipsum diam, lobortis a convallis id, vulputate non dolor. In hac habitasse platea dictumst. In vel mauris eget dui vehicula tempor. Integer aliquam ligula in leo venenatis semper. Proin urna lorem, euismod sit amet pretium ac, vehicula eget dui.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin aliquam pretium vehicula. Cras quis nunc sed felis blandit placerat. Vestibulum commodo laoreet odio, at consequat sem ultrices vel. Nulla eget bibendum mauris. Morbi dictum felis et sapien condimentum feugiat. In hac habitasse platea dictumst. Cras in ipsum velit. Sed dolor eros, porttitor in laoreet et, blandit vitae leo. Donec felis leo, placerat vitae imperdiet vel, dapibus ac nibh. Nunc tortor lacus, ullamcorper gravida bibendum tempus, tempor eu sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet egestas velit quis volutpat. Maecenas tincidunt leo quis ipsum tempor et cursus velit blandit. Ut vehicula urna ut sem iaculis ut feugiat tortor iaculis. Integer mollis volutpat felis rhoncus tristique.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nullam sapien lorem, rutrum id venenatis eget, laoreet ut quam. Mauris et sapien turpis. Nulla eget augue a lorem auctor accumsan. Vestibulum in elementum quam. Quisque ultrices adipiscing ipsum, eleifend semper nisi tincidunt ultricies. Maecenas enim mauris, sollicitudin ut molestie vel, rutrum vitae dolor. Proin tempus auctor facilisis. Praesent tincidunt consectetur odio vel eleifend. Fusce ac libero sit amet lectus luctus dignissim et a turpis. Cras volutpat hendrerit iaculis. Nullam id varius quam. In tortor massa, luctus ac rutrum tempus, tempus nec sem. Nullam at ipsum a est sodales commodo ac vitae magna. Fusce nec mi non ante rutrum imperdiet a vitae nunc. In vel ante ac elit porttitor convallis. Fusce vel massa ut dui adipiscing rutrum.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Suspendisse imperdiet iaculis iaculis. Maecenas mi urna, ultrices nec scelerisque nec, vehicula ut odio. Donec elit leo, vestibulum in facilisis ac, scelerisque eu tellus. Ut in lorem ut quam ullamcorper eleifend in ac eros. Ut sed magna vel ante porttitor egestas. Vivamus ac justo et nunc dictum luctus. Ut vitae semper lacus. Nam congue suscipit tortor id semper. Nam sagittis arcu in odio suscipit nec tristique ipsum vulputate. Integer non purus vel augue pulvinar malesuada ac auctor tellus. Etiam dapibus, velit sit amet condimentum dapibus, lectus turpis aliquet ante, et suscipit augue mauris eu velit. Curabitur at erat augue, sit amet molestie ipsum. Proin vel scelerisque lorem. Sed facilisis est ac justo lacinia mollis. Cras a quam leo, bibendum pulvinar sapien.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Ut nulla mauris, lobortis non luctus ac, adipiscing non leo. Suspendisse elit dolor, ultricies vitae fringilla sit amet, luctus ut odio. Sed tincidunt elementum tellus quis sollicitudin. Sed ac faucibus lectus. Integer nunc sem, convallis in sagittis quis, imperdiet sed urna. Mauris eget purus eu nisi semper volutpat ut at ligula. Phasellus fermentum euismod leo, eget malesuada mauris pretium in. Vivamus ut ultrices risus. Nulla tristique interdum velit feugiat rhoncus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Ut porttitor nibh sed augue lacinia et posuere lacus sodales. Phasellus at ligula vel metus gravida sollicitudin ac ac felis. Morbi consequat nisl in odio tempus venenatis. Nullam euismod metus dui. Pellentesque dictum risus a nunc sodales venenatis. Sed malesuada, ligula nec venenatis blandit, erat quam convallis magna, et imperdiet risus purus ut mauris. Etiam faucibus congue nunc vitae pulvinar. Fusce at neque vitae libero vehicula facilisis. Mauris urna elit, dapibus vitae tempor non, interdum at dui.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Mauris aliquam nisi sit amet ligula tristique vestibulum. Donec sollicitudin enim eu orci vestibulum sed egestas enim tempor. Sed pellentesque tellus mauris. Curabitur porttitor nunc nibh. Vivamus vulputate, nisl vitae placerat volutpat, arcu tortor lobortis mi, ut blandit magna mi vitae neque. Maecenas eleifend mi leo. Phasellus dictum condimentum consectetur. Donec pellentesque tortor lobortis massa consequat vitae mollis ligula rhoncus. Aenean aliquet dignissim nisl, quis posuere lectus venenatis at. Aenean posuere pharetra diam, viverra scelerisque lorem pretium nec. Sed laoreet congue tincidunt.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Quisque risus ipsum, venenatis et pellentesque ultrices, tempor non massa. Suspendisse potenti. Sed eleifend vehicula lectus eget aliquam. Donec ultrices, urna in pulvinar commodo, ante dolor convallis mi, non sollicitudin massa nulla eu sapien. Vivamus non erat est, eget vestibulum sem. Pellentesque a felis eget odio dapibus ornare. Phasellus eu purus lorem. Quisque dictum porttitor fermentum. Integer mattis mattis dignissim.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Fusce feugiat, nibh eget blandit dictum, felis mi pulvinar mauris, a ultricies magna magna a lacus. Quisque placerat diam vel diam auctor tempus. Nulla quis erat quis nulla semper placerat. Proin et turpis ullamcorper tellus iaculis rhoncus nec vehicula massa. Nunc ornare neque ac velit fermentum sit amet scelerisque elit lobortis. Pellentesque aliquam purus nec diam mattis a consequat magna ultricies. Mauris lacinia justo risus, non rutrum est. Praesent sit amet sapien eu felis facilisis iaculis. Proin molestie velit non erat congue eget luctus dui fringilla. Fusce aliquet interdum quam, sit amet convallis neque laoreet nec.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Vivamus ornare neque non dolor aliquam euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc molestie, risus quis interdum ornare, ipsum tortor interdum turpis, vel iaculis est purus in enim. Suspendisse tempor consectetur orci at lobortis. Vivamus vitae tellus lectus, sit amet molestie sapien. Nullam commodo, libero vitae adipiscing ultrices, est tortor interdum dui, eget aliquam quam nunc vel sapien. Nam auctor, turpis sed tincidunt tempus, felis arcu ultrices risus, et aliquet est elit venenatis ligula. Nulla ultricies quam nisl. Nulla in nulla in nulla ultrices bibendum in in lacus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nullam condimentum dolor ut tellus bibendum eu sodales risus viverra. Vivamus accumsan fringilla magna, eget pellentesque ante ultrices nec. Mauris ultrices mi id neque iaculis at interdum turpis gravida. Curabitur eu orci magna, ut vestibulum ipsum. Aenean gravida, tortor id pellentesque fermentum, nulla mi placerat risus, eu dignissim sem velit at mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam bibendum, risus et accumsan cursus, lorem lorem lacinia libero, nec pharetra arcu arcu sed sapien. Nunc malesuada urna ut urna cursus cursus. Ut a tortor non lectus bibendum vestibulum sit amet in diam. Aliquam pharetra varius tellus at molestie. Curabitur libero magna, porta sed ullamcorper ac, faucibus in nisl. Quisque convallis orci non mauris pharetra placerat et et tortor. Nullam consectetur dui et tellus molestie in vehicula enim aliquet. Etiam pretium augue id mi imperdiet consequat ultricies nunc vulputate. Aliquam elementum nunc eu nulla ornare ullamcorper at et ante. Integer risus diam, aliquet ut pretium ut, interdum at massa.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nunc consectetur, nisi hendrerit aliquam convallis, diam risus laoreet eros, eget dapibus mi arcu sed magna. Donec rutrum fringilla nunc, et consequat enim euismod et. Phasellus bibendum semper scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi porta elit eget ligula mattis vitae ultricies augue laoreet. Sed lacinia ligula sollicitudin justo laoreet nec imperdiet nibh consequat. Quisque elementum, turpis non consectetur blandit, quam leo tincidunt tortor, pretium sodales augue lorem ut mi. In mauris ipsum, lobortis sit amet viverra a, rutrum ac purus. Curabitur sollicitudin nisl et libero pellentesque vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed laoreet, felis ut ultricies dignissim, massa est bibendum felis, et iaculis massa nibh eu ligula. Donec eget consequat ante. Pellentesque non libero varius diam hendrerit interdum in a eros. Curabitur dui dolor, vestibulum et condimentum in, lacinia ut ligula.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Donec purus turpis, sollicitudin convallis tempus viverra, pretium ac elit. Donec sagittis ante sed massa tempus scelerisque. Phasellus lobortis lorem id est scelerisque sit amet pretium lacus malesuada. Morbi vel tortor nibh. Nulla mi neque, ultricies sit amet bibendum eget, egestas nec felis. Quisque dignissim magna id lorem commodo interdum. In faucibus urna vitae nisl ultricies posuere. Etiam placerat dolor non felis facilisis laoreet. Vivamus sit amet mollis quam. Pellentesque id turpis diam. Praesent tellus turpis, facilisis sed tempus ut, interdum et nibh. Donec dignissim consequat est, ac ullamcorper lacus vehicula eget. Nunc commodo varius felis, eget facilisis lectus vehicula ut.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin in augue a nisl sollicitudin varius suscipit ut nunc. Aliquam id odio eu sem egestas gravida. Sed aliquet sapien fringilla arcu scelerisque convallis. Integer condimentum dolor sit amet tortor iaculis feugiat. Nullam sit amet nisi orci, nec porta turpis. Nullam consequat ipsum ac sapien aliquet eget lobortis lacus aliquet. Curabitur quam dolor, tempor volutpat commodo vel, faucibus in sem. Maecenas lobortis orci at lacus ullamcorper ut venenatis risus gravida. Pellentesque ut justo quis massa venenatis molestie. Fusce nisi tortor, rhoncus ut suscipit nec, molestie ac odio. Curabitur malesuada interdum metus, id facilisis tellus pharetra sit amet. Nullam posuere nibh vel mi volutpat aliquam.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla facilisi. Donec at diam leo, sit amet viverra dui. Morbi purus nunc, ullamcorper et consectetur vitae, dapibus id eros. Mauris vitae volutpat libero. Nullam odio magna, fringilla vitae posuere eu, vehicula in nibh. Praesent scelerisque cursus ligula, vel molestie nulla laoreet fermentum. Cras porta turpis eu velit cursus ut sagittis est tempor. Donec mauris felis, egestas vel interdum ac, venenatis in mi. Mauris vehicula felis eget lorem lobortis placerat. Nullam commodo semper ante sed adipiscing. In euismod dictum metus, sed malesuada justo blandit ac. Nulla nec nibh vel nisi gravida fringilla eget vel mauris. Pellentesque vestibulum feugiat magna, tempus congue neque dignissim vel. Nunc eu mi sit amet felis iaculis tempor eget at lectus. Suspendisse sit amet nisi in metus dictum mattis at et urna.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>In purus felis, venenatis vel lobortis at, facilisis quis massa. Pellentesque ut urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Donec eget tortor ac erat malesuada consectetur a at justo. Nunc vitae eros sit amet orci luctus imperdiet quis eget nisi. Duis odio elit, aliquam quis tempor id, bibendum ac quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ullamcorper odio non nisl tempor faucibus. Etiam tempus pulvinar metus vitae fringilla. Sed vitae augue magna. Aenean pretium semper magna, sed blandit lorem dictum vel. Etiam facilisis, mi non molestie dignissim, orci neque condimentum metus, a tempus justo enim tincidunt ipsum. Phasellus sed mattis eros. Phasellus porta adipiscing tincidunt.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin ullamcorper, ante vitae euismod aliquam, diam libero porttitor neque, non hendrerit erat metus sed magna. Donec semper, dolor sed facilisis varius, sapien risus lacinia lacus, viverra rutrum lorem nibh sodales mauris. Quisque posuere felis in sapien rhoncus pulvinar. Aliquam adipiscing tincidunt ipsum, in lobortis nunc pulvinar ac. Ut nec magna id tellus malesuada placerat vitae in sapien. Nunc sollicitudin tempus tellus, vitae rhoncus massa fermentum eget. Curabitur consequat, magna egestas mollis tristique, quam nunc dignissim eros, in convallis leo ligula at nisl. Pellentesque aliquet tempus massa, et feugiat libero facilisis tempus. Proin euismod pulvinar placerat. In cursus, nibh et facilisis rhoncus, turpis sem semper dolor, eu ultricies metus augue vel nisl. Nunc sed varius magna. Proin erat justo, luctus vitae faucibus eu, sagittis vitae est. </p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu magna id ipsum eleifend feugiat. Nullam sed dignissim lectus. Proin nec augue at enim tincidunt mollis. Nulla at odio sed neque posuere malesuada. Sed velit lacus, cursus id ultrices vitae, auctor eget nunc. Ut scelerisque semper ipsum, vel viverra enim gravida ac. Ut pharetra cursus dui vel commodo. Aliquam erat volutpat. Donec congue, nisi a malesuada porta, nibh urna consectetur quam, nec facilisis tortor lectus ac leo. Morbi interdum quam id sem tincidunt elementum vel ut dolor. Cras egestas aliquam erat et pellentesque. Ut ipsum dui, cursus et viverra quis, gravida nec ipsum.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Integer quis eros elit. Sed lobortis justo sit amet velit malesuada eget condimentum orci auctor. Vivamus a nunc id justo mattis fringilla in quis dolor. Quisque rhoncus interdum orci, et fringilla neque euismod vel. Nunc bibendum felis vitae mauris molestie id laoreet sem pulvinar. Duis vel dui justo, at porttitor nunc. Suspendisse ultrices ligula eu nulla rhoncus vitae tristique justo pretium. Nunc nisi lectus, congue lacinia rhoncus id, consectetur id orci. Sed congue convallis cursus. Vivamus placerat fermentum leo sit amet rutrum. Cras ut nunc cursus lorem gravida placerat. Quisque non mi eros. Donec non nisi lacus, nec faucibus risus. Nullam sagittis, diam faucibus molestie mollis, mauris enim tempus sapien, eget sollicitudin est nunc a mi. Morbi odio tortor, vestibulum sit amet pellentesque quis, tincidunt tempus diam. Aenean in nulla id mauris tincidunt consectetur in sit amet lacus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Praesent quis erat luctus eros placerat varius a et diam. Curabitur sed magna quam, ut rutrum nibh. Maecenas metus est, blandit at pretium quis, venenatis lacinia arcu. Nam tincidunt molestie tempus. Pellentesque vel iaculis dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam pharetra elementum ornare. Suspendisse imperdiet, arcu sit amet placerat gravida, ante lacus posuere mi, et ullamcorper felis urna ac neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat a nulla malesuada sagittis. Nullam vestibulum justo eu libero rhoncus nec posuere velit posuere. Fusce auctor, tortor eu sollicitudin rhoncus, neque nulla mollis enim, imperdiet dapibus arcu augue in risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Etiam et dolor suscipit felis pellentesque cursus cursus pharetra turpis. In lobortis convallis tortor. Cras consequat ultrices ante et dignissim. Praesent vitae mollis arcu. Pellentesque nisl augue, placerat sed pulvinar vitae, cursus tincidunt justo. Nulla orci massa, euismod sed pharetra sit amet, tincidunt id enim. Vivamus consectetur mauris vitae massa venenatis ullamcorper. Fusce ipsum diam, lobortis a convallis id, vulputate non dolor. In hac habitasse platea dictumst. In vel mauris eget dui vehicula tempor. Integer aliquam ligula in leo venenatis semper. Proin urna lorem, euismod sit amet pretium ac, vehicula eget dui.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin aliquam pretium vehicula. Cras quis nunc sed felis blandit placerat. Vestibulum commodo laoreet odio, at consequat sem ultrices vel. Nulla eget bibendum mauris. Morbi dictum felis et sapien condimentum feugiat. In hac habitasse platea dictumst. Cras in ipsum velit. Sed dolor eros, porttitor in laoreet et, blandit vitae leo. Donec felis leo, placerat vitae imperdiet vel, dapibus ac nibh. Nunc tortor lacus, ullamcorper gravida bibendum tempus, tempor eu sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet egestas velit quis volutpat. Maecenas tincidunt leo quis ipsum tempor et cursus velit blandit. Ut vehicula urna ut sem iaculis ut feugiat tortor iaculis. Integer mollis volutpat felis rhoncus tristique.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nullam sapien lorem, rutrum id venenatis eget, laoreet ut quam. Mauris et sapien turpis. Nulla eget augue a lorem auctor accumsan. Vestibulum in elementum quam. Quisque ultrices adipiscing ipsum, eleifend semper nisi tincidunt ultricies. Maecenas enim mauris, sollicitudin ut molestie vel, rutrum vitae dolor. Proin tempus auctor facilisis. Praesent tincidunt consectetur odio vel eleifend. Fusce ac libero sit amet lectus luctus dignissim et a turpis. Cras volutpat hendrerit iaculis. Nullam id varius quam. In tortor massa, luctus ac rutrum tempus, tempus nec sem. Nullam at ipsum a est sodales commodo ac vitae magna. Fusce nec mi non ante rutrum imperdiet a vitae nunc. In vel ante ac elit porttitor convallis. Fusce vel massa ut dui adipiscing rutrum.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Suspendisse imperdiet iaculis iaculis. Maecenas mi urna, ultrices nec scelerisque nec, vehicula ut odio. Donec elit leo, vestibulum in facilisis ac, scelerisque eu tellus. Ut in lorem ut quam ullamcorper eleifend in ac eros. Ut sed magna vel ante porttitor egestas. Vivamus ac justo et nunc dictum luctus. Ut vitae semper lacus. Nam congue suscipit tortor id semper. Nam sagittis arcu in odio suscipit nec tristique ipsum vulputate. Integer non purus vel augue pulvinar malesuada ac auctor tellus. Etiam dapibus, velit sit amet condimentum dapibus, lectus turpis aliquet ante, et suscipit augue mauris eu velit. Curabitur at erat augue, sit amet molestie ipsum. Proin vel scelerisque lorem. Sed facilisis est ac justo lacinia mollis. Cras a quam leo, bibendum pulvinar sapien.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Ut nulla mauris, lobortis non luctus ac, adipiscing non leo. Suspendisse elit dolor, ultricies vitae fringilla sit amet, luctus ut odio. Sed tincidunt elementum tellus quis sollicitudin. Sed ac faucibus lectus. Integer nunc sem, convallis in sagittis quis, imperdiet sed urna. Mauris eget purus eu nisi semper volutpat ut at ligula. Phasellus fermentum euismod leo, eget malesuada mauris pretium in. Vivamus ut ultrices risus. Nulla tristique interdum velit feugiat rhoncus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Ut porttitor nibh sed augue lacinia et posuere lacus sodales. Phasellus at ligula vel metus gravida sollicitudin ac ac felis. Morbi consequat nisl in odio tempus venenatis. Nullam euismod metus dui. Pellentesque dictum risus a nunc sodales venenatis. Sed malesuada, ligula nec venenatis blandit, erat quam convallis magna, et imperdiet risus purus ut mauris. Etiam faucibus congue nunc vitae pulvinar. Fusce at neque vitae libero vehicula facilisis. Mauris urna elit, dapibus vitae tempor non, interdum at dui.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Mauris aliquam nisi sit amet ligula tristique vestibulum. Donec sollicitudin enim eu orci vestibulum sed egestas enim tempor. Sed pellentesque tellus mauris. Curabitur porttitor nunc nibh. Vivamus vulputate, nisl vitae placerat volutpat, arcu tortor lobortis mi, ut blandit magna mi vitae neque. Maecenas eleifend mi leo. Phasellus dictum condimentum consectetur. Donec pellentesque tortor lobortis massa consequat vitae mollis ligula rhoncus. Aenean aliquet dignissim nisl, quis posuere lectus venenatis at. Aenean posuere pharetra diam, viverra scelerisque lorem pretium nec. Sed laoreet congue tincidunt.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Quisque risus ipsum, venenatis et pellentesque ultrices, tempor non massa. Suspendisse potenti. Sed eleifend vehicula lectus eget aliquam. Donec ultrices, urna in pulvinar commodo, ante dolor convallis mi, non sollicitudin massa nulla eu sapien. Vivamus non erat est, eget vestibulum sem. Pellentesque a felis eget odio dapibus ornare. Phasellus eu purus lorem. Quisque dictum porttitor fermentum. Integer mattis mattis dignissim.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Fusce feugiat, nibh eget blandit dictum, felis mi pulvinar mauris, a ultricies magna magna a lacus. Quisque placerat diam vel diam auctor tempus. Nulla quis erat quis nulla semper placerat. Proin et turpis ullamcorper tellus iaculis rhoncus nec vehicula massa. Nunc ornare neque ac velit fermentum sit amet scelerisque elit lobortis. Pellentesque aliquam purus nec diam mattis a consequat magna ultricies. Mauris lacinia justo risus, non rutrum est. Praesent sit amet sapien eu felis facilisis iaculis. Proin molestie velit non erat congue eget luctus dui fringilla. Fusce aliquet interdum quam, sit amet convallis neque laoreet nec.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Vivamus ornare neque non dolor aliquam euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc molestie, risus quis interdum ornare, ipsum tortor interdum turpis, vel iaculis est purus in enim. Suspendisse tempor consectetur orci at lobortis. Vivamus vitae tellus lectus, sit amet molestie sapien. Nullam commodo, libero vitae adipiscing ultrices, est tortor interdum dui, eget aliquam quam nunc vel sapien. Nam auctor, turpis sed tincidunt tempus, felis arcu ultrices risus, et aliquet est elit venenatis ligula. Nulla ultricies quam nisl. Nulla in nulla in nulla ultrices bibendum in in lacus.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nullam condimentum dolor ut tellus bibendum eu sodales risus viverra. Vivamus accumsan fringilla magna, eget pellentesque ante ultrices nec. Mauris ultrices mi id neque iaculis at interdum turpis gravida. Curabitur eu orci magna, ut vestibulum ipsum. Aenean gravida, tortor id pellentesque fermentum, nulla mi placerat risus, eu dignissim sem velit at mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam bibendum, risus et accumsan cursus, lorem lorem lacinia libero, nec pharetra arcu arcu sed sapien. Nunc malesuada urna ut urna cursus cursus. Ut a tortor non lectus bibendum vestibulum sit amet in diam. Aliquam pharetra varius tellus at molestie. Curabitur libero magna, porta sed ullamcorper ac, faucibus in nisl. Quisque convallis orci non mauris pharetra placerat et et tortor. Nullam consectetur dui et tellus molestie in vehicula enim aliquet. Etiam pretium augue id mi imperdiet consequat ultricies nunc vulputate. Aliquam elementum nunc eu nulla ornare ullamcorper at et ante. Integer risus diam, aliquet ut pretium ut, interdum at massa.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Nunc consectetur, nisi hendrerit aliquam convallis, diam risus laoreet eros, eget dapibus mi arcu sed magna. Donec rutrum fringilla nunc, et consequat enim euismod et. Phasellus bibendum semper scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi porta elit eget ligula mattis vitae ultricies augue laoreet. Sed lacinia ligula sollicitudin justo laoreet nec imperdiet nibh consequat. Quisque elementum, turpis non consectetur blandit, quam leo tincidunt tortor, pretium sodales augue lorem ut mi. In mauris ipsum, lobortis sit amet viverra a, rutrum ac purus. Curabitur sollicitudin nisl et libero pellentesque vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed laoreet, felis ut ultricies dignissim, massa est bibendum felis, et iaculis massa nibh eu ligula. Donec eget consequat ante. Pellentesque non libero varius diam hendrerit interdum in a eros. Curabitur dui dolor, vestibulum et condimentum in, lacinia ut ligula.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Donec purus turpis, sollicitudin convallis tempus viverra, pretium ac elit. Donec sagittis ante sed massa tempus scelerisque. Phasellus lobortis lorem id est scelerisque sit amet pretium lacus malesuada. Morbi vel tortor nibh. Nulla mi neque, ultricies sit amet bibendum eget, egestas nec felis. Quisque dignissim magna id lorem commodo interdum. In faucibus urna vitae nisl ultricies posuere. Etiam placerat dolor non felis facilisis laoreet. Vivamus sit amet mollis quam. Pellentesque id turpis diam. Praesent tellus turpis, facilisis sed tempus ut, interdum et nibh. Donec dignissim consequat est, ac ullamcorper lacus vehicula eget. Nunc commodo varius felis, eget facilisis lectus vehicula ut.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin in augue a nisl sollicitudin varius suscipit ut nunc. Aliquam id odio eu sem egestas gravida. Sed aliquet sapien fringilla arcu scelerisque convallis. Integer condimentum dolor sit amet tortor iaculis feugiat. Nullam sit amet nisi orci, nec porta turpis. Nullam consequat ipsum ac sapien aliquet eget lobortis lacus aliquet. Curabitur quam dolor, tempor volutpat commodo vel, faucibus in sem. Maecenas lobortis orci at lacus ullamcorper ut venenatis risus gravida. Pellentesque ut justo quis massa venenatis molestie. Fusce nisi tortor, rhoncus ut suscipit nec, molestie ac odio. Curabitur malesuada interdum metus, id facilisis tellus pharetra sit amet. Nullam posuere nibh vel mi volutpat aliquam.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla facilisi. Donec at diam leo, sit amet viverra dui. Morbi purus nunc, ullamcorper et consectetur vitae, dapibus id eros. Mauris vitae volutpat libero. Nullam odio magna, fringilla vitae posuere eu, vehicula in nibh. Praesent scelerisque cursus ligula, vel molestie nulla laoreet fermentum. Cras porta turpis eu velit cursus ut sagittis est tempor. Donec mauris felis, egestas vel interdum ac, venenatis in mi. Mauris vehicula felis eget lorem lobortis placerat. Nullam commodo semper ante sed adipiscing. In euismod dictum metus, sed malesuada justo blandit ac. Nulla nec nibh vel nisi gravida fringilla eget vel mauris. Pellentesque vestibulum feugiat magna, tempus congue neque dignissim vel. Nunc eu mi sit amet felis iaculis tempor eget at lectus. Suspendisse sit amet nisi in metus dictum mattis at et urna.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>In purus felis, venenatis vel lobortis at, facilisis quis massa. Pellentesque ut urna ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Donec eget tortor ac erat malesuada consectetur a at justo. Nunc vitae eros sit amet orci luctus imperdiet quis eget nisi. Duis odio elit, aliquam quis tempor id, bibendum ac quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ullamcorper odio non nisl tempor faucibus. Etiam tempus pulvinar metus vitae fringilla. Sed vitae augue magna. Aenean pretium semper magna, sed blandit lorem dictum vel. Etiam facilisis, mi non molestie dignissim, orci neque condimentum metus, a tempus justo enim tincidunt ipsum. Phasellus sed mattis eros. Phasellus porta adipiscing tincidunt.</p>
    <div class="before-break"></div><div class="after-break"></div>
    <p>Proin ullamcorper, ante vitae euismod aliquam, diam libero porttitor neque, non hendrerit erat metus sed magna. Donec semper, dolor sed facilisis varius, sapien risus lacinia lacus, viverra rutrum lorem nibh sodales mauris. Quisque posuere felis in sapien rhoncus pulvinar. Aliquam adipiscing tincidunt ipsum, in lobortis nunc pulvinar ac. Ut nec magna id tellus malesuada placerat vitae in sapien. Nunc sollicitudin tempus tellus, vitae rhoncus massa fermentum eget. Curabitur consequat, magna egestas mollis tristique, quam nunc dignissim eros, in convallis leo ligula at nisl. Pellentesque aliquet tempus massa, et feugiat libero facilisis tempus. Proin euismod pulvinar placerat. In cursus, nibh et facilisis rhoncus, turpis sem semper dolor, eu ultricies metus augue vel nisl. Nunc sed varius magna. Proin erat justo, luctus vitae faucibus eu, sagittis vitae est. </p>
  </div>
 </div>

 </body>
 </html>