<main>
<div><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse reprehenderit earum consequuntur fugiat aspernatur placeat, vel voluptate suscipit nulla rerum voluptatibus voluptas, quis culpa, veritatis hic doloremque officia dicta in iure laborum quo! Excepturi, facere id. Laboriosam exercitationem, vel nostrum eligendi libero pariatur rerum eaque ipsa obcaecati deleniti tempora totam vitae maxime at consequuntur asperiores distinctio saepe, optio repellat itaque iste, quisquam in quod. Ratione consequatur quisquam nobis iure error maiores dolores at similique debitis quasi, explicabo placeat libero quam, expedita, velit a unde rerum. Repudiandae corrupti quae quidem! Odit modi accusantium nemo quidem adipisci nihil vel similique cumque fugiat? Quas autem a ducimus eaque, neque officiis, consequuntur temporibus quibusdam dolores ea eius, labore beatae eum. Iusto, soluta, quam. Illo a velit sequi corrupti quis enim sapiente deserunt suscipit omnis, libero impedit fuga dolorem odit unde, facere earum eveniet. Veniam perspiciatis non dolorem. Quaerat, similique, dolor.</div></div>
<div class="parallax"><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio rem, sunt dignissimos quo blanditiis soluta explicabo quam inventore vitae vero sit aspernatur, excepturi nostrum, voluptate sed nobis ad neque tempore eos eum ut. Sapiente, vel saepe tempora possimus iure tempore voluptatum et in ex consequuntur iste aliquid veritatis veniam soluta maxime praesentium recusandae iusto nihil inventore, ipsum esse accusantium magnam! Quas iusto esse...
SASS
@charset "UTF-8"
main
>div
padding: 40px 20px
font: 15px/1.3 arial,verdana,tahoma
color: #444
&.parallax
background: #f3f url(https://image.freepik.com/psd-gratis/banner-moda-promocional-moderno_1393-188.jpg) fixed
background-size: cover
>div
max-width: 90%
margin: 0 auto
Please Whitelist JSFiddle in your content blocker.
Help keep JSFiddle free for always by one of two ways:
Whitelist JSFiddle in your content blocker (two clicks)
Go PRO and get access to additional PRO features →
Join the 4+ million users, and keep the JSFiddle dream alive.
Ad-free
All ads in the editor and listing pages are turned completely off.
Fiddle Pages
Your fiddles accessible under a custom domain and a vanity path - the simplest hosting for your personal project.
Use pre-released features
You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections
Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles
You can make as many Private Fiddles, and Private Collections as you wish!
Get Fiddle Pages with PRO
Your fiddles accessible under a custom domain and a vanity path - the simplest hosting for your personal project.