Permalink
Browse files

adding footer to front page graphical design

  • Loading branch information...
Jonathan McCoy
Jonathan McCoy committed Nov 14, 2011
1 parent f01869b commit 03a4ee0a38ab5a4b4c9ab8461b765774967ad473
View
@@ -27,6 +27,7 @@ group :development do
gem "jasmine",
:git => 'git://github.com/pivotal/jasmine-gem.git',
:branch => "1.2.rc1"
+ gem "thin"
end
gem 'jquery-rails'
View
@@ -57,8 +57,10 @@ GEM
coffee-script-source
execjs
coffee-script-source (1.1.2)
+ daemons (1.1.4)
diff-lcs (1.1.3)
erubis (2.7.0)
+ eventmachine (0.12.10)
execjs (1.2.6)
multi_json (~> 1.0)
ffi (1.0.9)
@@ -137,6 +139,10 @@ GEM
hike (~> 1.2)
rack (~> 1.0)
tilt (!= 1.3.0, ~> 1.1)
+ thin (1.2.11)
+ daemons (>= 1.0.9)
+ eventmachine (>= 0.12.6)
+ rack (>= 1.0.0)
thor (0.14.6)
tilt (1.3.3)
treetop (1.4.10)
@@ -165,5 +171,6 @@ DEPENDENCIES
rails (= 3.1.0)
rb-fsevent
sass-rails
+ thin
turn
uglifier
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,48 @@
+footer
+ margin-top: 58px
+ ul
+ margin: 0 0 0 3px
+ ul.links
+ padding: 20px 3%
+ height: 60px
+ width: 94%
+ background: #212121
+ list-style: none
+ > li
+ float: left
+ width: 132px
+ padding: 0 0 0 0px
+ > a
+ margin: auto
+ width: 130px
+ padding: 0 0 0 33%
+ > img
+ > div
+ color: #999999
+ width: 130px
+ text-align: center
+ font-family: arial
+ float: right
+ margin: 0 0 0 20px
+ font-size: 13px
+ ul.siteInformation
+ height: 255px
+ width: 94%
+ padding: 10px 3%
+ background: #1e1e1e
+ list-style: none
+ > li
+ float: left
+ width: 33%
+ > .header
+ margin: 10px 0 18px 33%
+ color: #c0c0c0
+ font-family: arial
+ font-size: 15px
+ > ul
+ list-style: none
+ > li
+ margin: 0 0 0 33%
+ color: #c0c0c0
+ font-family: arial
+ font-size: 12px
@@ -8,4 +8,5 @@
@import "../vendor/less"
@import "../vendor/hugrid"
@import "_*"
+@import "../footer"
@@ -1,2 +1,66 @@
%footer
- Footer
+ %ul.links
+ %li.chat
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_chat.jpg'}" }
+ %div chat support
+ %li.contact-us
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_contact-us.jpg'}" }
+ %div contact us
+ %li.about-us
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_about-us.jpg'}" }
+ %div about us
+ %li.fan
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_facebook.jpg'}" }
+ %div become a fan
+ %li.follow
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_twitter.jpg'}" }
+ %div follow us
+ %li.restaurants
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_owner.jpg'}" }
+ %div restaurant owners
+ %li.mobile
+ %a
+ %img{ :alt => "", :src => "#{asset_path 'mockup/footer_mobile.jpg'}" }
+ %div mobile
+ %ul.siteInformation
+ %li.delivery-areas
+ .header Delivery Areas
+ %ul
+ %li
+ %a Austin, TX Delivery
+ %li
+ %a Bloomington, IN Delivery
+ %li
+ %a Madison, WI Delivery
+ %li
+ %a Ann Arbor, MI Delivery
+ %li.site-information
+ .header Site Information
+ %ul
+ %li
+ %a ©2011 Mr Delivery, LLC
+ %li
+ %a All Rights Reserved
+ %li
+ %a Privacy Policy
+ %li
+ %a Site Map
+ %li.what-new
+ .header What's New
+ %ul
+ %li
+ %a Delivery Coupons
+ %li
+ %a New Items from Austin Java
+ %li
+ %a Final Special!
+ %li
+ %a New FB page for Mr. D
+
+

0 comments on commit 03a4ee0

Please sign in to comment.