ColorCloud - One-Page Design, 3-Layer Parallax

Version 2.0 – Structure refactoring – wow including advanced dev environment with Jade, Gulp, Sourcemaps, Autoprefixer, BrowserSync!

One-Page Bootstrap 3 Design with 3-Level-Deep Parallax BG!

ColorCloud is a colorful, eye-candy one-page HTML5 / CSS3 template built on Bootstrap 3.0 and developed with LESS.

The template features a faux-3D parallax scrolling effect with 3 layers of background images – scroll down the page and watch the clouds move at different speeds!

ColorCloud also offers a nice “tour” section to present your processes.

Please note: images in this preview are not available in the download files.

TEMPLATE FEATURES

• Bootstrap 3 + LESS
• HTML5 + CSS3
• 3-Level-Deep Parallax Background
• One-Page, Smooth Scrolling Layout
• Responsive Design
• AJAX Contact Form
• Glyphicons + Custom IcoMoon Icons
• FlexSlider
• Twitter Widget

CUSTOMER LOVE

ADVANCED FRONT-END DEVELOPMENT ENVIRONMENT

ColorCloud was re-built in October 2015 with modern tooling to help front-end developers enjoy a sleek workflow. Jade partial templates, LESS modules, compiling tasks on save + live reload, multi-device syncing.

Jade templating structure

CREDITS

The following items used in this template deserve credit:

CSS FRAMEWORKS

• Twitter Bootstrap 3 – http://www.getbootstrap.com
• Animate.css by Dan Eden – http://daneden.me/animate/
??

SCRIPTS

• jQuery Library – http://www.jquery.com
• jQuery UI – http://www.jqueryui.com
• FlexSlider – http://www.woothemes.com/flexslider
• jQuery Isotope – http://isotope.metafizzy.co/
• FitVids.js – http://fitvidsjs.com
• jQuery Waypoints – http://imakewebthings.com/jquery-waypoints/
• Respond.js – https://github.com/scottjehl/Respond
• Tweet.js-Mod – https://github.com/StanScates/Tweet.js-Mod
• Baseline.js – http://daneden.me/baseline/
• Ajax Contact Form: Bit Repository – http://www.bitrepository.com/

FONTS

• Roboto Slab – Google WebFont – http://www.google.com/fonts/specimen/Roboto+Slab
• Nunito – Google WebFont – http://www.google.com/fonts/specimen/Nunito

ICONS

• IcoMoon – http://icomoon.com/ (multiple icon fonts)
• FontAwesome – http://fortawesome.github.io/Font-Awesome/ (full collection)
• Glyphicons for Bootstrap – http://glyphicons.getbootstrap.com (full collection)

IMAGES (ONLY AVAILABLE IN PREVIEW – NOT INCLUDED IN DOWNLOADS)

• A big thank you to talented designer / illstrator Ricardo de Zoete for allowing me to use his dribbble shots on this item preview. Make sure you check out his portfolio on graphicriver!

VERSION UPDATE

• 1.1 – 10 September 2013

  Added Pricing Tables!

• 1.0 – 9th September 2013

  Original Version