Convert PSDs to responsive HTML/CSS

We have been commissioned to build a website and CMS for a client of ours. A designer has made exact mockups of each page as PSD files so we need you to convert these to HTML and CSS. The designs need to be responsive and CSS should be in a separate file.

The mockups are attached along with a couple of examples of how the mobile version is expected to look (the file names for these start with MOB). I have uploaded jpg files as the PSDs were too big for Freelancer, but I will send the original PSD files to the person who does this job.

The designer also sent us the following instructions which you will need:


• The logo changes it’s colour/texture on each separate page.


• There is a line under the chosen menu item to indicate the page your are on.

• This approach should still work ok on tablets, but please use a ‘burger’ for mobile.

Banner images

• The banner images should work as a slideshow – images change every 3 seconds, on a constant loop.

• The slideshow can be manually interrupted by clicking on the shapes directly underneath the banner image.

• Please use the following banner images to correspond to the shapes: Square = Home page banner image, Circle = Co-Working banner image, Triangle = History banner image and Segment shape = News banner image.

• All banner images on all pages other than the Home page will use static images.

Home page

• There are rollover states on the large shapes/photos on the homepage.

• Please show all photos first with the rollover state being the flat colour and titles, a click would take the visitor to the corresponding page.

About Page

• Please see my mobile version of this page – each landscape image fills the width of the screen, each portrait image shouldn’t fill the width (so they don’t appear too large).

History Page

• You’ll notice all of the images are different sizes, we’ll be responsible for resizing them as and when we add/edit them. If you could just make sure that whatever image we add the page is coded so that there is a regular rule for the distances between the end of copy and the image underneath it, and again the distance between the bottom of the image to the next paragraph.

News page

• Same needed as the above History page.

Habilidades: CSS, HTML, PSD para HTML

Veja mais: working home as a freelancer, working as a freelancer designer, were to edit freelancer, css, html, bootstrap, psd to html, css 3, sass, less, texture freelancer, start as a freelancer designer, rollover css, psd to html in freelancer, psd to html css freelancer, psd to css freelancer, page to work as freelancer designer, pages to work as a freelancer, make website start to end html, logo designs with names

Acerca do Empregador:
( 561 comentários ) Brighton, United Kingdom

ID do Projeto: #10490971

Concedido a:


Hello, I took a deep look at your JPEG of design and i can do the template for you, -The logo : i will make code logo for each page . -Navigation will be responsive using Hamburger button and there will be border- Mais

$77 USD em 2 dias
(0 Comentários)

97 freelancers estão ofertando em média $124 para esse trabalho


Hello, We are a hard-working web-development company working on core PHP And Wordpress projects. We can develop cross-browser, W3C compliant good quality professional websites. We have gone through your requirement Mais

$103 USD in 2 dias
(796 Comentários)

we can do best

$263 USD in 3 dias
(221 Comentários)

Give me chance to prove my ability and also quality work i am waiting your positive replay from your side i am highly interested to work with you We have 8 years experience in this field and completed many project Mais

$100 USD in 4 dias
(722 Comentários)

Hello, Why should you chose me? Because: 1. I am ready to start on your project. Can we discuss? 2. Please check my portfolio here: [login to view URL] 3. Here are some sites wi Mais

$144 USD in 7 dias
(462 Comentários)

Hi I checked your jpg file and I am sure can convert it to HTML for you I have more than 5 year in Design and Develop responsive website, Jquery, HTML, CSS so I believe I will make you happy in both the quality wor Mais

$111 USD in 3 dias
(217 Comentários)

I would like to work on this project.............................................................................................

$250 USD in 5 dias
(295 Comentários)

hello, past work: [login to view URL]~groupdes/developer/fiilaa/hiri_html_update/[login to view URL] [login to view URL]~groupdes/developer/sedatguven/yid_html/[login to view URL] [login to view URL]~groupdes/developer/saiv Mais

$233 USD in 6 dias
(729 Comentários)

Hi I have checked your complete site in jpg file that you attached. If you really want a high quality work for your site I can guarantee you , you can blindly chose me and you will never Mais

$111 USD in 3 dias
(304 Comentários)

Hello, we’re a front end web developer team from last 6 years, and Twitter Bootstrap GURU. It look like you're looking for convert your attached file into HTML and we'll provide you full responsive, bootstrap based, W Mais

$200 USD in 7 dias
(202 Comentários)

Hi, Having 100% completion rate on similar kind of project. Just check my feedback and assign task to me. Waiting for quick response. Send me details i want to start it ASAP. I have been developing different type of s Mais

$99 USD in 3 dias
(102 Comentários)

Hi I am ready to do this project.I have experience in html/html5/xhtml/css/css3/javascript/php/Bootstrap responsive frame work/wordprss/magento/codeigniter .i have lot of experience in responsive website.i will provid Mais

$80 USD in 2 dias
(269 Comentários)
$100 USD in 4 dias
(210 Comentários)

Dear Sir, I have checked the description and attached all jpg. I am interested. I will provide you professional output with best quality. I have 8 years experience in web development. Please consider my job app Mais

$180 USD in 6 dias
(201 Comentários)

Hello Thank you for your project [login to view URL] are highly interested to work on your [login to view URL] confirm we are ready to start the work. What we will provide you: 1) 100% Sliced PSD 2) W3C validated Code Mais

$100 USD in 4 dias
(322 Comentários)

Yes, I saw your jpg images files. It looks clean design. I can work on this with great quality and standard. But I see your project budget dont not match according to the designs. At least $200 is okay for the project. Mais

$200 USD in 4 dias
(84 Comentários)

======= EXPERTS HERE WE ARE READY TO START======= Hi, can u please discuss in details so that we can let you know the best time frame and cost :) we always work for client satisfaction so please initiate chat as soon Mais

$163 USD in 4 dias
(112 Comentários)

Hello, We would like to confirm our interest in this opportunity. We've developed user interface (responsive) for several websites. The most recent ones are listed below. Simply Recruit http://simplyrecruit Mais

$315 USD in 4 dias
(12 Comentários)

We will complete your project with in your time requirement. we have great skills in Android, iPhone, php, Angular JS,Node JS, Laravel Coddeigniter, Wordpress, Magento , HTML/CSS, Database query, AJAX, Jquery. we Mais

$222 USD in 3 dias
(58 Comentários)
$100 USD in 4 dias
(52 Comentários)

Hello, Sir, I am ready to start right away. I'm much interested this job, I am able to complete this job in Next 1-2 days, If you need earlier i can also manage the timeline, Please give me a chance, 100% surely you Mais

$100 USD in 2 dias
(137 Comentários)