ColorCloud - One-Page Design, 3-Layer Parallax

Description

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

Type	Landing Page Template
Author	simonswiss
Category	Marketing / Landing Pages / Creative / Portfolio
Price	$10
Sales	260
Rating	4.82 from 17 ratings
Published	Sep 9, 2013
Last Update	Oct 8, 2015
Compatible Browsers	IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Compatible With	Bootstrap 3.x
Documentation	Well Documented
Layout	Responsive
Files Included	PHP Files, HTML Files, CSS Files, JS Files