table and tile view with css

Closed - This job posting has been filled and work has been completed.
Web, Mobile & Software Dev Web & Mobile Design Posted 2 years ago

Fixed Price

Delivery by May 25, 2013




- use twitter bootstrap templates/ css/ query.
- html5 / php / mysql

when a recordset is returned from a mysql search, need to
1) show results in a tile fashion like in attachment (use responsive design and if the screen size is adjusted, tiles should re-adjust to fit the screen.
show smaller tiles if viewed on mobile (how small should be configured using media-query
2) allow the user to switch modes and view results in a list fashion. should not be retrieving dataset again from the database and use variables/session instead
3) dynamically hide/show records/tiles based on
a) text int he "filter" input box that matches visible text in each tile/row
b) All/Active/Fixed link that matches a filter parameter of each <div> or <table/tr> list item
4) change css of each tile with an overlay on a mouseover event
a) for tile based view, overlay with an image in the middle and buttons on top. just like
b) for the list view, just highlight the row with a  different color during a mouseover event

no need to write mysql code. just use an array instead of sqlResult dataset.

To be considered for this job, you must provide a sample of similar work. Do not just give me a list of websites you have worked on, send me specific samples.

About the Client

(4.19) 67 reviews

United States
San Diego 06:20 AM

265 Jobs Posted
50% Hire Rate, 2 Open Jobs

Over $30,000 Total Spent
151 Hires, 9 Active

$10.67/hr Avg Hourly Rate Paid
3,114 Hours

Member Since Mar 12, 2013