Home page to HTMLLayout to HTML Conversion

Your home page design built in HTML and CSS: header, sections and footer, with a phone version

Usually ready in 15 minutesRevisions includedQuality check
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.
Order · $39

The money is reserved when you pay and released only once you accept the work.

Your home page design built in HTML and CSS: header, sections and footer, with a phone version

Example result

Example for the Standard package

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

The page on a computer The page on a phone

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

The client and all details are made up.

About this service

A home page sets the look the whole site will follow: the header with logo and menu, the first screen, the key sections and the footer. Upload your home page mock-up as pictures, and we build it in HTML and CSS with the same grid, colours and order, real text and a menu that folds into a button on phones. In the 3-page package, two inner pages share the same header, footer and styles, so the rest of your site can grow from them. Menu items for pages you do not order lead where you say, for example to a section or to contacts. Photos are drawn anew unless you upload them; no CMS, back end or hosting.

What is included

  • What you getA ZIP archive with the pages, styles and pictures, ready to upload to your hosting, and a preview of every page on the order page.
  • Header and menuLogo, menu and contacts as in the mock-up, with a phone menu on small screens
  • Sections in orderLayout, colours and fonts as in your mock-up
  • A base for the restHeader, footer and styles shared by every page
  • Real textHeadings and paragraphs as HTML that search engines read
  • Clean codePlain HTML and CSS, no frameworks, nothing loaded from other sites

How it works

  1. 1
    UploadYou upload the home page mock-up and say where the menu items lead
  2. 2
    BuildWe build the pages and draw the missing pictures
  3. 3
    Preview and archiveYou compare the pages with your design on a computer and a phone, download the archive and ask for changes within your package

What we need from you

Up to 5 pictures as PNG, JPEG or WebP: your home page mock-up as one tall screen or in parts in order, mock-ups of the inner pages for the 3-page package, a mobile version if you have one, and, if you like, your logo and photos to use as they are. Say where each menu item and button leads, your contacts for the header and footer, and any texts that differ from the mock-up.

We will ask you:

  • Which file is which page?
  • Where do the menu items lead?
  • Contacts for the header and footer
  • Should the texts be exactly as in the design?
  • Is the design yours?

Compare packages

BasicHome page, up to 5 sections$21StandardHome page, up to 10 sections$39PremiumHome and 2 inner pages$67
Deadline1 day2 days3 days
Revisions123
Pages113
Sectionsup to 5up to 10up to 8 per page
Pictures drawn for the page24—
Phone versionYesYesYes
Header and footerAs in your designAs in your designAs in your design
Pictures drawn for the pages——6
OrderOrderOrder

Payment protection

You pay when you order, but the money is released only for accepted work.

  • Fixed priceThe package price does not change after you pay.
  • The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
  • Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
  • Free revisionsAsk for changes within your brief as many times as the package allows.
  • Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
  • Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
How it works →

Questions and answers

The menu has more items than the pages I order.

Each item can lead to a section of the home page, to a page of your current site or to contacts. Pages that do not exist yet can be added later.

Can you build the inner pages without mock-ups?

Each page is best built from its own mock-up. If you have none for an inner page, list its sections and texts, and we put it together from the parts and style of your home page; you check it in the preview.

Can you connect it to WordPress or a CMS?

No. You get plain HTML and CSS pages that work on their own on any hosting; moving them into a CMS theme later is separate work.

Will it match my design to the pixel?

It will be close in layout, colours, sizes and the order of sections, but not to the pixel: fonts are similar system fonts, and photos are drawn anew unless you upload your own. Revisions fix what matters to you.

Did not find your answer?

All services in Development & IT

Also in Development & IT

Order · $39· ~15 min