Develop stylesheet for existing website to serve to mobile clients

Closed

I am a criminal-defense lawyer who frequently uses the local clerk's website to look up cases. The clerk's website works great, but renders terribly on mobile devices.

[url removed, login to view]

What I would like is three new stylesheets, and code to detect a mobile device and serve the mobile stylesheet:

First, a stylesheet that can be injected into the existing SEARCH page that will serve a vastly simplified interface, with larger fields and a single-column, mobile-friendly layout.

Second, a stylesheet for the RESULTS page. The current results page is fine, we just would like it down to a single column optimized for a mobile screen.

Third, and most importantly, a stylesheet for the CASE DISPLAY page. Currently, the results are tabbed. We'd like the tabs to be larger and formatted better for a mobile device.

This only needs to work for searches under the "Criminal" tab of the website. Feel free to use a scalpel and do away with most of the junk on these pages. We just want the search fields, the data, and a link to view the fill site.

I've included screenshots of the three pages we're working with. Feel free to visit the site and do a search by name to see it in action.

To be clear, I am not affiliated with the clerk's office. I'd like to present ready-to-go code to the clerk's office in hopes they will use it. They will not pay for this or develop it in-house.

Thank you!

Skills: CSS, HTML, Javascript, User Interface / IA, Website Design

See more: single-case design, single case design, search lawyer, search for lawyer, search for free website, search for a website by name, search for a lawyer, search a lawyer, pages for free website, layout website design free, lawyer search, lawyer needs, lawyer com, free mobile website design, free interface design of website, formatted website, criminal lawyer, code for design website, clear search fields, what is mobile first, website page develop code, i want a lawyer, website to mobile, develop a mobile website page, detect mobile

Project ID: #4245403

7 freelancers are bidding on average $586 for this job

USAGraphicPR0

********************************************.. YOUR SEARCH ENDS HERE .. ********************************************** GET IT DONE RIGHT THE FIRST TIME! Hello Sir/Ma'am, I look forward to talking to you further and get More

$1000 USD in 8 days
(114 Reviews)
8.0
qualifiedcoders

Hi We are interested in your project and read your requirements.We have completed 150+ big projects in last 5 years and have great expertise in developing mobile websites and apps. Please check private message bo More

$750 USD in 14 days
(32 Reviews)
7.6
webzin

Hi Have Gone through your requirement and understood, we are very sure that we can do your needs with your entire satisfaction. We have left a PMB for you plz feel free to have a look over there. Thnx Ram Webzin I More

$750 USD in 20 days
(78 Reviews)
6.6
wordpressteam

Hi, our company specializes in web development and design. We can get this project done within your timeframe.

$600 USD in 20 days
(37 Reviews)
5.9
gensoftgroup

We are professional in Web Designing/Development technologies, finish your work soon, Please look at your private message.

$250 USD in 10 days
(19 Reviews)
4.5
madhuamb

Hi, I can create your mobile site, please check PM for details. Thanks

$250 USD in 5 days
(15 Reviews)
4.2
smshossain77

Hi I can complete this job. You Can contact with me.

$500 USD in 20 days
(0 Reviews)
0.0
abdulmujeeb20

Hi Pls check in ur message box

$750 USD in 35 days
(0 Reviews)
0.0