Build a Website

WEBSITE PAGE1: landing page (this one i have through a lot about) big picture / logo in middle of page icons across the bottom, bottom left, bottom middle, bottom right (sticky to bottom of window) (download) on left, questionmark in middle, shopping cart / buy now icon on bottom right refer to picture..... some footer text below that (sticky to bottom of window) ACTIONS: 1) when you click on the big logo it MOVES and shrinks into the top right hand of window (next to the login button) and text fades in under where it was 2) when you click on the question mark it grows / zooms upwards in the space to fill the rest of the window after which it breaks in half moving the left half to the left of the screen (and off the page) and half right to the right of the screen and off the page... as it breaks in half words fall out of it to reveal the FAQ 3) when you click the login button everything fades out and you get a nice login padlock and u/p .... 4) when you click register everything scrolls left (like flicking / swipe-left through pictures on an iPad) and you get a form to fill in for all the register details 5) when you click on the download button it just takes you to a [login to view URL] file which we will add later 6) when you click the buy now button it takes you to the register page (at the moment) LOGIN: i liked this kind of thing for login @ [login to view URL] FRIENDS-LEVEL register + login change email / username / password / email / real name / photo add / search for - *friends* via name / email / etc (only search that email address within our system) can ask to join a ring, does not have to have a ring private message *friends* from within the system only allow pre-set messages as messages to friends backend preference is mysql & php (other options considerable) in this section THIS DOES NOT NEED TO LOOK NICE, IT JUST NEEDS TO FUNCTION PROPERLY WITH ALL THE APPROPRIATE ERROR CHECKS ETC BOOTSTRAP OK i kinda like this: [login to view URL] RINGLEADER-LEVEL: can invite / assign friends to their *ring* same as FRIENDS-LEVEL + A ringleader can be a person in charge of a group of friends, they should have a cool dashboard like [login to view URL] that tells them all about their friends ADMIN login set the *messages* reset user details / name / email / password / their friends / rings etc etc can probably use the same basic dashboard as ringleader with a few extra things like resetting passwords for other people etc... BOOTSTRAP OK all code must be commented there are a lot of very nice templates about and i have been looking at some nice bootstrap templates as well (i don’t have a problem with stuff getting based off of templates) however i do expect it to be edited to use appropriate PHP and includes for headers and footers with calculated breadcrumbs etc etc etc etc…) site must be device aware I have written Apple Mac & iPhone apps before as well as bootstrap and wordpress websites and templates before, just trying the outsource strategy once the apps and website are in, they will be checked and then converted to their finished products, this is about getting the grunt work on the code done and then present, later there may well be another project to make it pretty where we can put nice a nice user interface and pretty wrappers on it all - i will have more features to add in once the basics are done... please remember, all code must be clean / readable / commented