Hello World

Cras quis ultrices tellus, a dapibus arcu. Duis sed tellus eros. Etiam dignissim sapien non felis facilisis, id scelerisque tellus auctor. Sed efficitur feugiat quam in lobortis. Nunc ligula arcu.

Close the drawer

Hello World

Cras quis ultrices tellus, a dapibus arcu. Duis sed tellus eros. Etiam dignissim sapien non felis facilisis, id scelerisque tellus auctor. Sed efficitur feugiat quam in lobortis. Nunc ligula arcu.

Close the drawer

Utils

Powerful tools to help you in various domain

Kraken

Hello World #1

Cras cursus diam eu ligula auctor, at tempor felis finibus. Aenean eget vulputate justo.

Fusce quis eleifend felis. Proin placerat gravida sem, ac pharetra arcu aliquet condimentum. Nullam et efficitur metus, vel sagittis odio. Cras gravida mauris vitae ultrices pharetra. Nullam laoreet auctor enim sed placerat. Aliquam erat volutpat. Sed turpis nisi, lacinia at varius vestibulum, volutpat eget lacus. Nulla elementum egestas dolor, ac.

Do something great

Hello World #2

Cras cursus diam eu ligula auctor, at tempor felis finibus. Aenean eget vulputate justo.

Hello World #3

Cras cursus diam eu ligula auctor, at tempor felis finibus. Aenean eget vulputate justo.

Fusce quis eleifend felis. Proin placerat gravida sem, ac pharetra arcu aliquet condimentum. Nullam et efficitur metus, vel sagittis odio. Cras gravida mauris vitae ultrices pharetra. Nullam laoreet auctor enim sed placerat. Aliquam erat volutpat. Sed turpis nisi, lacinia at varius vestibulum, volutpat eget lacus. Nulla elementum egestas dolor, ac.

Hello World #4

Cras cursus diam eu ligula auctor, at tempor felis finibus. Aenean eget vulputate justo.

Fusce quis eleifend felis. Proin placerat gravida sem, ac pharetra arcu aliquet condimentum. Nullam et efficitur metus, vel sagittis odio. Cras gravida mauris vitae ultrices pharetra. Nullam laoreet auctor enim sed placerat. Aliquam erat volutpat. Sed turpis nisi, lacinia at varius vestibulum, volutpat eget lacus. Nulla elementum egestas dolor, ac.

Accordion title #1

Quis sociosqu praesent faucibus quam

Eleifend rhoncus augue dictum per ornare in senectus habitant turpis ultrices adipiscing est a feugiat urna ac amet natoque praesent convallis hac sem id class et inceptos ipsum enim tincidunt

Penatibus a tristique cubilia sociis accumsan conubia sollicitudin suspendisse adipiscing nisi habitasse luctus hac augue mollis pharetra senectus amet faucibus

Accordion title #2

Quis sociosqu praesent faucibus quam

Eleifend rhoncus augue dictum per ornare in senectus habitant turpis ultrices adipiscing est a feugiat urna ac amet natoque praesent convallis hac sem id class et inceptos ipsum enim tincidunt

Accordion title #3

Quis sociosqu praesent faucibus quam

Custom scrollbar

Simple webcomponent that let you skin the scrollbar as you want. It use internally the nice "simplebar" library

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Duis volutpat vehicula aliquam. Praesent aliquet ac orci et vehicula. Fusce pharetra eleifend orci, vulputate consectetur risus vehicula vitae. Pellentesque sed mauris id elit semper interdum. Pellentesque dictum sollicitudin risus tincidunt consectetur. Fusce imperdiet nec purus eu eleifend. Ut feugiat ultricies finibus. In eu enim eget libero aliquet venenatis. Praesent gravida ligula id mauris cursus mollis. Aenean lacinia ullamcorper tincidunt. Sed posuere ultrices tortor, sit amet convallis leo rutrum non.

Equalize

Simply made some equal height columns

Column 1

Integer congue a nibh sed elementum. Mauris ligula sem, scelerisque.

More infos...

Column 2

Donec scelerisque eu felis sit amet sodales. Nam sit amet lacus purus. Aliquam rutrum facilisis velit non egestas. Maecenas condimentum condimentum eleifend. Ut sed massa tempus, pellentesque orci id, facilisis dolor. Integer ac ligula convallis, egestas sem ut, luctus purus.

More infos...

Column 3

Donec scelerisque eu felis sit amet sodales. Nam sit amet lacus purus. Aliquam rutrum facilisis velit non egestas. Maecenas condimentum condimentum eleifend.

More infos...

Internal page nav

Provide a simple way to create a nice internal page navigation that automaticaly activate the good link depending on the displayed section

This component is used in the sidemenu to the left of this website.

Read more

Simple tag to easly crop and reveal some contents. The display style is totaly up to you...

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

Nulla tincidunt convallis vehicula. Morbi molestie, arcu eleifend elementum faucibus, sapien diam faucibus sem, ac commodo metus dolor eget odio. Suspendisse et nulla lectus. Mauris facilisis, nulla in maximus lacinia, justo nisi dapibus nibh, quis volutpat neque nulla in ipsum. Pellentesque fermentum lectus eros, nec interdum nisi porttitor non. Suspendisse.

© Coffeekraken 2017
All our tools are published under MIT license