D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
carlvlewis
Full window
Github gist
Text highlighter
<article> <header> <h1>Text highlighter</h1> </header> <div class="content"> <p> <span class="dropcap">At</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquam diam id sapien convallis ornare. Phasellus hendrerit aliquam dolor, ac mattis augue iaculis in. Integer tincidunt et justo in vulputate. Aliquam ac venenatis ligula. Quisque luctus dignissim justo non ornare. Vivamus at metus justo. Nullam condimentum aliquet rhoncus. Morbi facilisis lectus a maximus maximus. Fusce nec vehicula nisi. Mauris mollis tempus efficitur. Fusce leo arcu, tristique at ex vel, viverra feugiat arcu. Vivamus dictum magna non pharetra laoreet. Praesent at magna turpis. Suspendisse elementum commodo condimentum. </p> <p> Fusce sit amet aliquam risus, ut ultrices nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit mauris, pharetra vel mauris in, consequat tincidunt tortor. Fusce suscipit risus vitae congue mattis. In placerat eu lorem at efficitur. Cras facilisis diam vel metus viverra tristique. In sagittis metus non augue tincidunt tristique. Mauris egestas eget odio et scelerisque. Phasellus porttitor sollicitudin velit vitae mattis. Praesent quam mi, volutpat vitae dignissim vel, tempor vitae sem. Duis non laoreet quam, quis feugiat libero. Integer scelerisque ultricies velit id interdum. Maecenas mollis tortor eu magna tristique, a suscipit risus posuere. Integer ut sagittis magna. Nullam fermentum ullamcorper ex eu laoreet. </p> <p>Sed fermentum augue justo, fringilla semper nisl sagittis a. Mauris sed felis felis. Mauris vel nisl mollis, maximus eros nec, bibendum arcu. Aenean tempus, tortor sed cursus luctus, ex justo luctus libero, et ullamcorper ex turpis non nibh. Ut vel massa ac lorem fringilla rhoncus ut a sem. Aliquam erat volutpat. Phasellus nec aliquam libero. Suspendisse vel finibus ligula. Nullam magna metus, posuere vel est sed, aliquam malesuada felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean non aliquam nisi. Morbi tellus est, viverra ac finibus eget, viverra nec justo. Ut nisl lorem, tincidunt nec eros non, fringilla gravida sapien. Nam sed arcu ac lorem dignissim sagittis. Aliquam blandit, nibh id pulvinar vehicula, velit justo viverra arcu, ut sagittis eros ante non elit. Nulla tellus ipsum, congue malesuada gravida vel, consectetur non massa. </p> <p> Integer nulla leo, consequat sed arcu ac, pellentesque tempus tortor. Fusce interdum est purus, eu venenatis sem porttitor ut. Nullam vestibulum et purus quis ultricies. Quisque pulvinar maximus metus ut sodales. Proin eget rutrum nisi. Suspendisse vulputate neque sit amet erat sagittis, in faucibus tortor ornare. Quisque efficitur posuere pulvinar. Nam sollicitudin venenatis lacinia. Fusce condimentum tristique tortor ac sollicitudin. Nullam orci leo, pretium non sodales sed, tempus non lectus. Nullam sollicitudin lacus non aliquam pretium. Cras leo velit, gravida quis congue at, sodales in dolor. Etiam tincidunt nulla et neque commodo iaculis. Nunc quam justo, aliquam id sollicitudin vitae, blandit nec enim. Phasellus vel consequat ipsum.</p> <p> Aliquam accumsan turpis quam, a tempor diam egestas in. Maecenas dapibus ultrices malesuada. Phasellus interdum ante a ligula imperdiet pellentesque. Cras id augue sagittis, malesuada metus nec, eleifend mauris. Mauris vitae augue facilisis, ultricies nunc id, lobortis purus. Curabitur nisl purus, placerat ac lacinia sed, vulputate in lacus. Mauris at tellus est. Sed sed ipsum in felis vulputate elementum et eget odio. Donec ac dictum diam, fermentum accumsan nulla. Aenean eget interdum massa, ac congue libero. Donec dapibus vehicula ex, tincidunt tincidunt purus tempus nec. Praesent metus leo, facilisis sed felis pellentesque, lacinia tincidunt magna. </p> <p> Fusce sit amet hendrerit mi. Sed quis libero at magna facilisis ultricies. Curabitur eget sem et diam condimentum elementum. Suspendisse elementum sollicitudin augue ac ornare. Nulla eu laoreet dui. Proin nulla urna, interdum vitae ultricies ac, laoreet in augue. Fusce aliquet aliquet mauris, sit amet malesuada nisl tempor quis. Duis non ornare mi. Praesent sollicitudin sodales nibh, non malesuada ligula vehicula ut. </p> <p>Aliquam non congue nibh. Donec eget magna ante. In bibendum mauris sit amet justo porta consectetur. Proin et est vel quam suscipit dictum. Aliquam sed sem sem. Aliquam ac augue sollicitudin, finibus quam in, maximus erat. Sed mattis, mi a sollicitudin imperdiet, mauris enim semper metus, viverra mattis risus ex nec tellus. Phasellus purus ligula, volutpat vitae sapien eu, molestie rutrum nulla. Quisque dapibus id risus et maximus. Vivamus sollicitudin dui ut sem maximus, ac pharetra leo accumsan. Quisque efficitur turpis eget vulputate lacinia. </p> </div> </article>