%body.cf
  %header.span5
    .inner.cf
      %h1.welcome Hello. Welcome to the JS DOM Manipulation Challenge!
    %section.span5
      %h1.time Countdown to Dev Bootcamp
      .clipped
        #clock
  %main#container.cf
    %section.span1
      %aside
        %ul
          %li
            %button#b_one.button.button-horizontal.icon-star1{:type => "button"}
              %span Click!
          %li
            %button#b_two.button.button-horizontal.icon-star2{:type => "button"}
              %span And...Click!
          %li
            %button#b_three.button.button-horizontal.icon-star2{:type => "button"}
              %span Duh!
    %section#character_block.span4.col.effect_container
      %div
        %h2#colorful_heading
          %span#colorful HOVER OVER ME!
    %section#oscilating_block.span4.col.effect_container
      %h3#no_move.no_move DBC
      %h3#move_left.move_left DBC
      %h3#move_right.move_right DBC
    %section.span4.col.effect_container
      #moving_dot.dot
  / ! end of #container