Chillax is a cool, clean CSS library with built in parallaxing sections. Simply swap in your own images and text and add and delete sections as needed. Then insert our navbars, buttons, avatars and forms into our responsive 6 grid or flexbox 9 grid and... you're ready to go.
Like what you see so far? Cool... keep scrolling, there's more chill stuff to come. When you're ready to get started come back to this section and click on the buttons below to set up your parallaxing sections. Or don't... just pick the elements you want, it's all good.
David Drummond,
Sr. VP of Google
Susan Wojcicki,
CEO of YouTube
Leanne Pittsford,
Founder of Lesbians Who Tech
Be cool and do cool things... they are totally worth the effort. Just ask the folks above. I've made things a bit more chill by creating these cool avatars for you to use. Don't like the shadow and hover states? Take them out. This is all about you. Breathe... and smile.
Below you will find the base styles that come with the Parallaxing Sections download. Use them as is or stir things up... have fun.
Paragraph example using hipster ipsum from hipsum.co: Austin ethical edison bulb church-key, kogi post-ironic bushwick. Paleo la croix mixtape ramps you probably haven't heard of them lumbersexual. Succulents vape glossier letterpress next level unicorn aesthetic try-hard cliche mustache yr. Authentic butcher normcore meh shaman hexagon swag franzen brunch pok pok blog. Vaporware thundercats roof party, +1 butcher affogato raclette dreamcatcher everyday carry 90's hella. Viral lumbersexual fingerstache quinoa air plant. Helvetica ethical tacos, hot chicken pinterest chicharrones pug succulents poke. Taxidermy celiac XOXO photo booth craft beer bushwick slow-carb DIY chicharrones vice church-key vape. Skateboard air plant glossier readymade direct trade, poutine typewriter prism try-hard you probably haven't heard of them polaroid farm-to-table man bun.
"Whether one is rich or poor, educated or illiterate, religious or nonbelieving, man or woman, black, white, or brown, we are all the same. Physically, emotionally, and mentally, we are all equal. We all share basic needs for food, shelter, safety, and love. We all aspire to happiness and we all shun suffering. Each of us has hopes, worries, fears, and dreams. Each of us wants the best for our family and loved ones. We all experience pain when we suffer loss and joy when we achieve what we seek. On this fundamental level, religion, ethnicity, culture, and language make no difference."- Dalai Lama
Here are three nice buttons to choose from. Don't like the colors? Change them. They are yours. Click on any of the buttons to download them.
Adapt this pretty yet functional form to your needs. Link the elements to your client side scripting language to capture and validate input and to guide users with the built in warning text.
first and last name
do not use first and last name
must be at least 8 characters
must be a valid email address
Please everyone? Forget it. Please yourself. Then drop your content into our multiple device responsive 6 grid or our flexbox 9 grid and we'll make sure users of all types of devices are pleased.
An easy to read table is a beautiful thing... especially when it's beautiful. Arrange your data in a way that is pleasing to your senses. Stay calm and download our table.
| Key | Name | Description |
|---|---|---|
| 1 | first name | first description |
| 2 | second name | second description |
| 3 | third name | third description |
| 4 | fourth name | fourth description |
| 5 | fifth name | fifth description |
| 6 | sixth name | sixth description |
What's a website without a navbar? Slip in this beauty after your body tag and plop links into the brisk markup. There's even a dropdown menu built in... talk about chill! This navbar comes with two layers; the partially transparent background lets your images peek through, and the opaque text with shadows in the foreground make the nav links pop into view.
End with your feet on the ground. Unblock your energy with a good, solid footer, and watch the rest of your chakras... and website elements, align. If the footer below speaks to you, click the button and feel the peace.