Responsive Book Layout

The layout will change to a flip book-ish layout on wide enough screens and on browsers which support CSS 3D transforms.

Possible to change pages using tab.

A heading for this section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus fuga laborum culpa id porro quaerat nemo et. Quia dolorum, dicta vitae totam in dignissimos, eos nulla optio labore tempora, et!

Reprehenderit fugit incidunt amet nulla vitae id eligendi voluptate dignissimos repudiandae ullam libero, nesciunt assumenda. Fugit assumenda saepe atque animi veniam ab ullam id consectetur voluptas amet, laborum, rerum neque!

Heading for another section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ex ut odit, aliquam assumenda expedita maxime deserunt ipsa, laudantium et pariatur quia facilis totam fuga recusandae voluptate officia obcaecati beatae.

Reiciendis natus, illo repellendus consequuntur non repellat asperiores, culpa necessitatibus laudantium minima explicabo atque nesciunt eum doloribus, odio ab enim modi quas. Aspernatur dolorum, dignissimos odio culpa pariatur, veritatis dolore!

Explicabo error et fugit quidem, neque aspernatur, quos vitae illum provident officiis eos placeat incidunt. Enim aliquid commodi, maxime accusantium neque iure officiis, natus, rerum sunt facere quas at minima!

A third section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ex ut odit, aliquam assumenda expedita maxime deserunt ipsa, laudantium et pariatur quia facilis totam fuga recusandae voluptate officia obcaecati beatae.

Reiciendis natus, illo repellendus consequuntur non repellat asperiores, culpa necessitatibus laudantium minima explicabo atque nesciunt eum doloribus, odio ab enim modi quas. Aspernatur dolorum, dignissimos odio culpa pariatur, veritatis dolore!

We have four sections

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ex ut odit, aliquam assumenda expedita maxime deserunt ipsa, laudantium et pariatur quia facilis totam fuga recusandae voluptate officia obcaecati beatae.

Reiciendis natus, illo repellendus consequuntur non repellat asperiores, culpa necessitatibus laudantium minima explicabo atque nesciunt eum doloribus, odio ab enim modi quas. Aspernatur dolorum, dignissimos odio culpa pariatur, veritatis dolore!

And this is the last section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ex ut odit, aliquam assumenda expedita maxime deserunt ipsa, laudantium et pariatur quia facilis totam fuga recusandae voluptate officia obcaecati beatae.

Explicabo error et fugit quidem, neque aspernatur, quos vitae illum provident officiis eos placeat incidunt. Enim aliquid commodi, maxime accusantium neque iure officiis, natus, rerum sunt facere quas at minima!