Closed

Create a WordPress Theme

This project was awarded to krishan725 for $361 USD.

Get free quotes for a project like this
Employer working
Project Budget
$250 - $750 USD
Total Bids
20
Project Description

Create a WordPress theme that closely resembles the two designs (PSDs) I've linked to below. The theme's home page template should resemble the home page design, and all other pages should resemble the inside page design as closely as possible. I've attached a theme that we would like you to use as a foundation and a guide.

The theme should use functionality from the Bootstrap front-end framework wherever possible. For example, we'd like you to at least use the Bootstrap grid system, forms, and the collapsible navbar.

Any elements not depicted in the design, such as the changes necessary to support different media queries, are open to your own interpretation. It's important that the site is responsive and that every element is contained within the horizontal bounds of the browser window. In other words, users should not have to scroll sideways to see a button's label for example. Non-essential elements may be hidden (using Bootstrap's responsive utility classes, e.g., hidden-xs, hidden-sm, etc.) at your discretion.

Try to minimize the amount of HTML markup that resides within page content (in the WordPress text editor). Two exceptions are title tags (<h1>, <h2>, etc.) and list markup. We've found that it's better to keep HTML markup within PHP templates and fetch page content from within those templates by using the WordPress Loop. [url removed, login to view]

Please avoid inline styling whenever possible. Instead, try to confine all CSS styling rules to the [url removed, login to view] file within the theme directory.

Please avoid writing uppercase lettering in all caps. Instead, write the text using normal capitalization rules and apply a "text-transform: uppercase;" style to it. For example, on the homepage the text "HOW MAY WE HELP YOU?" should appear in the markup as "How may we help you?" Then a CSS text-transform should be applied from the stylesheet to make the text appear uppercase.

All images should be included in the PSDs. If an image is missing, let me know and I can get it to you.

The map element at the bottom of both designs should be a Google map (either an embedded iframe or an element populated using the Google Maps JavaScript API).

Buttons and links can lead to '#' for now.

The form in the sidebar on the inside page design should be hard-coded as opposed to being programmatically generated by a plugin. Please begin with a form that uses Bootstrap's form classes, then customize the form to match the design.

You do not need to copy paragraph content from the design -- "lorem ipsum" placeholder text is perfectly fine -- but we would like you to use text from the design where the length or style of the text affects the layout of the page. For example, "Your Compassionate, Honest Advocate During Trying Times." from the home page.

Please let me know what you would charge before beginning work (if hourly, please provide an estimate of the time it would take to complete this job). If you have any questions, please don't hesitate to contact me.

Here are Google Drive links to the PSDs:

Home Page Design: [url removed, login to view]

Inside Page Design: [url removed, login to view]

Awarded to:

Browse Related Skills

Related Projects

Other things people do on Freelancer

Related Articles

Latest Articles

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online