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!