Convert PSD to HTML+CSS

LANDING-PAGE BRIEFING: Design a interactive and attractive landing-page that succeeds in explaining our service. Our customer is a very tradicional home-improvement store. Its head-quarters are in Brazil and our service is very important to their business model. OUR SERVICE: We are a white-label company, which means we provide software and service behind the scenes for big companies. In every client, we have a landing-page explaining our service. Our service is a crowd-contest for interior design, where interior designers and architects compete to develop the best project for each customer. JOB: In attachment, a psd file is found. Your job is to turn this psd into a functional, lean and loyal website. All we need is the HTML and CSS files. All the images you need will be provided to you. This is the overview of the design of the landing-page. We are going to cover the details of this page in sections. The top (which includes a logo and a bunch of menu itens) shall not be included and are just illustrative. <Section 0: Menu. Tour: [login to view URL]ços: scrolls to section 6/Depoimentos: Scrolls to section 7/Perguntas Frequentes: Scrolls to section 8./Login: [login to view URL] <Section 1: Hero-shot. This sections features a video (which will be provided) ,a call to action that links to the url’s [login to view URL] and a link to the “how it works" that come up next. This link scrolls the page to section 2 <Section 2: How it works #1. The fist step in our service is to pick a room. That’s what we are trying to illustrate here. The customer should be able to hover the pictures and they react to the hovering according to the design (pink square appears). Call-to-action takes user to: [login to view URL] Clicking one of the squares scrolls the user to section 3. <Section 3: How it works #2. Same interaction as with section 2. In this section, we are showing that the user receives many projects and picks a winner. <Section 4: How it works #3. In this step, we show that the customer can ask for unlimited changes on the projects. For this step, we planned that each group of elements (designer , board and circles) appears as the user scrolls (or is scrolled by section 2). Other solution would be displaying this elements as the person reaches the section (fade in?). We are open for ideias to make this simpler and easier. <Section 5: How it works #4. In this step, we show what the customer gets when the designer delivers the final project. Toggling the options Projeto de decoração and Projeto de Reforma should display different itens that are included: Projeto de Reforma: Displays all the itens. Projeto de Decoração: Displays: "Fotos em perspectiva[…]", "Ordem dos serviços", "Planta-baixa humanizada" and “Recomendação de produtos”. <Section 6: Princing. In this section, the user can check out the prices. The prices are per room and kind (decoração or reforma). This section feats a pick list of rooms and the price for decoração and reforma for that room. Please, erase the loren ipsum forgotten by the designer. <Section 7: Testimonials. Testimonials of customers. The text and pictures will be provided. <Section 8: Faq. This is the FAQ section. Nothing special. <Section 9: footer. Do not worry about the url’s on this section , we will add them up afterwards.