Convert a PSD to two HTML/CSS Pages

Виконано

Опис

Create two responsive HTML (and CSS) pages that closely resemble the two designs (PSDs) I've linked to below. The pages should use functionality from the Bootstrap front-end framework wherever possible. For example, we'd like you to use the Bootstrap grid system, forms, and the collapsible navbar. Please use containers, rows, and columns liberally -- a new container for each "layer" of the page (see attached screenshots depicting this container-row-column structure for each layer).

Any screen sizes not depicted in the design 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.

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 use Bootstrap's form classes, then it should be customized 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 avoid inline styling whenever possible. Instead, try to confine all CSS styling rules to a separate [url removed, login to view] file.

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.

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. My email address is thohl at cloud816 dot com.

Here are Google Drive links to the PSDs:

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

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

Навички: HTML, PSD в HTML, Дизайн сайту

Показати більше: css html psd, quick turnaround css html psd, website template convert html, css html psd html, html psd convert wordpress, bootstrap css html psd, template css html psd, convert website template png html, private parties rental template css html psd, css html psd restaurant, convert blogger template website template, convert psd file css html file, convert current working css website template joomla, convert website template oscommerce, convert photoshop website template dreamweaver, convert website template blogger, convert photoshop psd files standards compliant css html, convert psd css html, convert normal website template oscommerce, generate css html psd, css html psd modx, website baker convert design template, convert psd website template css, psd template convert website, psd convert html css software

ID проекту: #11769252

Доручено:

tenpixel

Hello, Thanks for your time and nice job posting. I would like to invite to visit the following link to have idea about my html5/css3 works. ----------------------------------------------------------------------- Більше

$250 USD за 5 дні(-в)
(147 відгуків(-и))
7.4