!!!
!= cc_html(class: "no-js", lang: 'en') do
  %head
    %meta{charset: 'utf-8'}
    %meta{content: '', name: 'author'}
    %meta{content: '', name: 'description'}
    %meta{content: 'IE=edge,chrome=1', 'http-equiv' => 'X-UA-Compatible'}
    %meta{content: 'width=device-width, initial-scale=1.0', name: 'viewport'}
    -#%link{href: '#insert-web-fonts-here', rel: 'stylesheet', type: 'text/css'}
    = csrf_meta_tags

    %title
      = t 'app_name'
      = yield :page_title
    
    = javascript_include_tag 'speedo/modernizr.min.js'
    = javascript_include_tag 'speedo/respond.js'
    /[if lt IE 9] 
      %script{:src => "https://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"}
    = stylesheet_link_tag :application
    = javascript_include_tag :application
    = yield :head

  %body
    %noscript
      #noscript_warning This site works best with JavaScript enabled. Some features may not be available
    #wrapper.clearfix
      %header.branding.clearfix
        = link_to image_tag('speedo/logo.png'), root_url, class: 'logo'

        .user
          - if @user_signed_in
            = link_to 'current_user.name', 'account_url', class: 'user_name'
            |
            = link_to 'Logout', 'destroy_user_session_url', class: 'user_logout'
          - else
            = link_to 'Sign in', 'new_user_session_path', rel: 'sign_in'
            or
            = link_to 'Sign up', 'new_user_registration_path', rel: 'sign_up'
            
      %nav.main_nav.clearfix
        %form.right.search
          %input{type: 'search', name: 'search[name]', placeholder: 'Search', results: 5, autosave: 'site_search'}

        = link_to 'Home', root_url, {class: 'active home'}
        = link_to 'Section1', root_url
        = link_to 'Section2', root_url
        = link_to 'Section3', root_url
        = link_to 'Section4', root_url


      - if flash[:success]
        .flash.success= flash[:success]
      - if flash[:notice]
        .flash.notice= flash[:notice]
      - if flash[:alert]
        .flash.alert= flash[:alert]
      - if flash[:error]
        .flash.error= flash[:error]
      .colmask{class: @col_layout || @col_layout = 'leftcol'} 
        -# options: leftcol, rightcol, threecol, onecol
        .colmid
          .colleft
            .col1
              = yield
            .col2
              = yield :left_col
            .col3
              = yield :right_col
      = yield :popups
      %footer
        Copyright © 
        = Time.now.year 
        = link_to 'CrankApps', 'http://www.crankapps.com', target: '_blank'