I tried to recreate the Dark series intro concept in HTML, CSS and JS, with pictures instead of videos.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat diam eget ultricies ultricies. Donec a turpis malesuada, mollis ante ut, lobortis neque. Donec luctus quam in accumsan ultrices. Pellentesque sagittis placerat fermentum. Vivamus feugiat dictum nisi sit amet feugiat. Donec at mauris pretium, blandit nisl et, egestas augue. Fusce augue ligula, sollicitudin eget imperdiet a, euismod vitae ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Yoooo

Video Block

video sub

patra

Decorative Image

Testing Headline Level 2

Suspendisse euismod eu nunc et placerat. Morbi vel condimentum diam, ut gravida elit. Cras consectetur nisi vel nunc interdum congue. Donec iaculis dictum hendrerit. Proin pretium metus lorem, ac porta purus placerat id. Donec et risus id tortor vulputate varius id quis turpis.

Test

Sub

Para

Vivamus vel tempus lorem. In nisl sapien, suscipit et nulla eget, ullamcorper efficitur felis. Suspendisse at ante id nunc venenatis tempus eu ut quam. Etiam egestas tempor elit. Sed purus nibh, pellentesque in tempor quis, ultricies ac risus.

Testing Headline Level 3

Pellentesque hendrerit orci vel eros cursus molestie. Sed quis fringilla eros, eget varius turpis. Phasellus mollis lacus sit amet nibh porta, at venenatis purus faucibus. Nunc sit amet convallis est, ac rutrum tellus. Pellentesque scelerisque auctor risus, quis eleifend magna malesuada nec.

Testing Headline Level 4

Nunc ultricies rutrum facilisis. Ut dignissim, libero eu iaculis tempus, dolor elit pharetra quam, at lacinia ipsum lectus nec ligula. Morbi pulvinar arcu massa, vel fermentum orci sollicitudin id. Nulla facilisi. Sed vitae ipsum id elit accumsan volutpat.

Testing Headline Level 5

Phasellus pellentesque, purus ut ultrices venenatis, urna eros malesuada metus, nec semper massa neque non augue. Donec sed fringilla ex. Phasellus tincidunt enim eu neque posuere mattis.

Testing Headline Level 6

Praesent a ligula vel diam varius semper. Integer aliquam risus a nunc sagittis, ut vehicula lectus rhoncus. Cras velit tortor, suscipit id risus ut, lobortis dignissim quam. Vivamus blandit aliquet posuere.

Nunc ultricies rutrum facilisis. Ut dignissim, libero eu iaculis tempus, dolor elit pharetra quam, at lacinia ipsum lectus nec ligula. Morbi pulvinar arcu massa, vel fermentum orci sollicitudin id. Nulla facilisi. Sed vitae ipsum id elit accumsan volutpat.

Phasellus pellentesque, purus ut ultrices venenatis, urna eros malesuada metus, nec semper massa neque non augue. Donec sed fringilla ex. Phasellus tincidunt enim eu neque posuere mattis. Praesent a ligula vel diam varius semper. Integer aliquam risus a nunc sagittis, ut vehicula lectus rhoncus. Cras velit tortor, suscipit id risus ut, lobortis dignissim quam. Vivamus blandit aliquet posuere.

Aliquam non fermentum diam. Integer at mauris imperdiet, ullamcorper neque vitae, dapibus dolor. Praesent venenatis risus quis commodo auctor. Cras pulvinar ultricies sodales. Proin non nulla id magna cursus egestas eu eget nulla. Nam semper finibus fringilla. In hac habitasse platea dictumst. Nullam dictum porta nulla, auctor dapibus ante aliquam id. In hac habitasse platea dictumst. Integer varius mi fringilla justo porta, vel rhoncus libero feugiat.

  cp@cristianpopa.com

 404 487 8657