I'm looking to get my web-site redesigned. The current design can be seen here:
I'm looking to get a responsive CSS based re-design for the site. I'm happy to have text taken out of the home page if that helps the design. There should be 4 main page types:
# the home page (description, entry fee ($5), prize allocation, login, and a )
-- description: this can be reduced/reworded as appropriate
-- entry fee
-- a section showing the current and upcoming themes. e.g 20/3/2013 "B & W", 27/3/2013 "colours"
-- prize allocation, this could probably be a lot snappier, basically as you beat each group of 10 entries you may get: "free entry ", $50, $500 then the grand prize.
-- I also want to include a Facebook login widget, with "or" beside/underneath and then the existing login if people don't have a facebook account.
-- selection of photos from the current contest, and/or previous contests with some sensible behaviour if there aren't any photos in the current contest yet (i.e if you hide that panel in the html the page doesn't look strange)
# the users home page
-- similar to Freelancer user page, it shows the users current balance, User details
-- Member since: 1/1/2013
-- Number of comps entered: 0
-- Top level reached: 0
-- section with badges earned
-- small thumbnails of previous entries
-- similar section as the home page showing the current and upcoming themes.
#the payment page
-- I will handle the paypal button code, but there will be two sections (trial pack of 2 entries $10 and a power pack of 10 entries $50 and the corresponding paypal buttons)
a general centralized layout for the Rewards/about us/upload/privacy pages
I'm looking for a clean HTML/CSS separation so that it is easy to generate it with no style elements within the HTML design.
I'm looking to get a responsive design that will work across desktops, tablets and mobiles such as shown here: