cliftoncanady

              
body {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-weight: 200;
  font-size: 20px;
}

.parallax-background {
  background-color: #0078A0;
  height: 620px;

cliftoncanady

              
<div class="parallax-background">
  <div class="intro-text">
    scroll for parallax!
    <p><i class="fi-arrow-down"></i></p>
  </div>
</div>

<div class="parallax-content">
  <p>Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.</p>

cliftoncanady

.hero {
  width: 100%;
  height: 80%;
  min-height: 500px;
  position: relative; }
  .hero .container {
    position: absolute;
    left: 50%;
    top: 50%;

cliftoncanady

<div class="hero">
  <div id="theTarget">
    <div style="background-image: url(/images/skippr/hammer.jpg)"></div>
    <div style="background-image: url(/images/skippr/errand-cup.jpg)"></div>
    <div style="background-image: url(/images/skippr/photography.jpg)"></div>
    <div style="background-image: url(/images/skippr/hanger.jpg)"></div>
    <div style="background-image: url(/images/skippr/boxes.jpg)"></div>
    <div style="background-image: url(/images/skippr/bike.jpg)"></div>
  </div> 
  <div class="container">

cliftoncanady

{
  "name": "GulpJS-Starter",
  "description": "This is a gulp workflow starter package.json",
  "version": "1.0.0",
  "homepage": "cliftoncanady.co",
  "devDependencies": {
    "gulp": "~3.8.8",
    "gulp-rename": "~1.2.0",
    "gulp-sass": "~1.0.0",
    "gulp-autoprefixer": "~1.0.1",

cliftoncanady

var gulp         = require('gulp'),
    sass         = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    rename       = require('gulp-rename'),
    cssmin       = require('gulp-cssmin'),
    jshint       = require('gulp-jshint'),
    concat       = require('gulp-concat'),
    uglify       = require('gulp-uglify'),
    imagemin     = require('gulp-imagemin'),
    pngcrush     = require('imagemin-pngcrush'),

cliftoncanady

var gulp         = require('gulp'),
    sass         = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    rename       = require('gulp-rename'),
    cssmin       = require('gulp-cssmin'),
    jshint       = require('gulp-jshint'),
    concat       = require('gulp-concat'),
    uglify       = require('gulp-uglify'),
    imagemin     = require('gulp-imagemin'),
    pngcrush     = require('imagemin-pngcrush'),

cliftoncanady

var gulp         = require('gulp'),
    sass         = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    rename       = require('gulp-rename'),
    cssmin       = require('gulp-cssmin'),
    jshint       = require('gulp-jshint'),
    concat       = require('gulp-concat'),
    uglify       = require('gulp-uglify'),
    addsrc       = require('gulp-add-src'),
    watch        = require('gulp-watch'),

cliftoncanady

wp_enqueue_style( 'foundation-normalize', get_stylesheet_directory_uri() . '/bower_components/foundation/css/normalize.css' );
wp_enqueue_style( 'foundation', get_stylesheet_directory_uri() . '/bower_components/foundation/css/foundation.css' );
    
/* Foundation Icon Fonts */
wp_enqueue_style( 'general-foundicons', get_stylesheet_directory_uri() . '/css/general_foundicons.css' );
wp_enqueue_style( 'accessibility-foundicons', get_stylesheet_directory_uri() . '/css/accessibility_foundicons.css' );
wp_enqueue_style( 'general-enclosed-foundicons', get_stylesheet_directory_uri() . '/css/general_enclosed_foundicons.css' );
wp_enqueue_style( 'social-foundicons', get_stylesheet_directory_uri() . '/css/social_foundicons.css' );
    
/* Add Custom CSS */

cliftoncanady

@font-face {
font-family:'Colfax-Regular';
src:url(/fonts/Colfax-Regular.eot);
src:url(/fonts/Colfax-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/Colfax-Regular.woff) format("woff"),url(/fonts/Colfax-Regular.ttf) format("truetype"),url(/fonts/Colfax-Regular.svg#svgFontName) format("svg")
}

@font-face {
font-family:'Colfax-Medium';
src:url(/fonts/Colfax-Medium.eot);
src:url(/fonts/Colfax-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/Colfax-Medium.woff) format("woff"),url(/fonts/Colfax-Medium.ttf) format("truetype"),url(/fonts/Colfax-Medium.svg#svgFontName) format("svg")