Convert a PSD to two HTML/CSS Pages

Completed Posted 7 years ago Paid on delivery
Completed Paid on delivery

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 [login to view URL] 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: [login to view URL]

Inside Page Design: [login to view URL]

HTML PSD to HTML Website Design

Project ID: #11769252

About the project

115 proposals Remote project Active 7 years ago

Awarded to:

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. ----------------------------------------------------------------------- More

$250 USD in 5 days
(265 Reviews)
8.5

115 freelancers are bidding on average $162 for this job

DezineGeek

Good day, Make an impact with the top notch design, we are ready to work on your project. We offer professional services of innovative graphic design at a very reasonable price. Our work is 100% self- creation, co More

$298 USD in 3 days
(1784 Reviews)
9.1
niravvirani17

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 projec More

$147 USD in 3 days
(833 Reviews)
8.4
babitabubu

Hi, I am ready to start work on your project right now and finish quickly and perfectly '

$80 USD in 1 day
(270 Reviews)
7.4
codersaleh

Hello Sir, I am working as a professional Web Developer and a Graphic Designer for 5+ years. I have readied your post and i have all the skill that you need. I offer cost effective services. i can assure you for t More

$200 USD in 5 days
(159 Reviews)
6.7
mdmojman

Dear Sir, I can Convert PSD to two HTML/CSS Pages. I have checked 2 psd files. I will provide you professional output with best quality. I have 8 years experience in web development. Please consider my job appli More

$150 USD in 6 days
(198 Reviews)
6.8
raisdhaka

i see the design and read the requirement. i can submit first look in 1 day and delivery in 2 days. i mean it. ready to start right now. shall I start?

$111 USD in 2 days
(201 Reviews)
6.9
jasbirsaini30

Hi i am experienced in this kind of job and know how to this job, i did lots of job like that.. i can do it perfectly and make you fully satisfied. see my ratings and reviews to make you more confident on me and my wo More

$155 USD in 3 days
(148 Reviews)
6.4
websolutionseo

Dear Client, I reviewed your requirements for the PSD to html related 2 designs.. I’m very experienced with Bootstrap /Foundation websites and developed many websites with 100% client's feedback. I’m very comfortabl More

$50 USD in 3 days
(191 Reviews)
6.5
usin

Bootstrap Developer Invite Me To Chat Discuss (+) Yes I Agree To Start Project as Description Details 100% Guaranteed 7 Years Experienced

$200 USD in 5 days
(100 Reviews)
6.5
Meenutechnology

Hi , We reviewed your detailed description and we are confident about the work . We would like to discuss with you in detail to move ahead . Kindly ping us on your availability to move ahead . We will share o More

$155 USD in 3 days
(148 Reviews)
6.6
amitarai

Hello My name is Pranav I have checked the details shared by you will do done exactly what you want Please consider my bid and we can discuss more so that i can assist you in better way our services always with More

$155 USD in 8 days
(110 Reviews)
6.4
octaservices

Hello, I have analysed your job posted on freelancer and I’m interested to do your project as I have 6 years of experience in “Web Development and PHP”, So, I think that I have all the skills you’re looking for. Ki More

$50 USD in 2 days
(100 Reviews)
6.3
BitLabs

Hello, I have gone through your outsourced requirements "Convert a PSD to two HTML/CSS Pages" and have analyzed that I have right skills (HTML, PSD to HTML, Website Design) to execute your esteemed project. I wil More

$159 USD in 3 days
(70 Reviews)
6.1
fioranoltd

Hi there, We have gone through your requirement. We are sure we can fulfil it with out capabilities 100%.. Kindly message us for further discussion Cheers Thanks, Naveen

$250 USD in 3 days
(45 Reviews)
5.8
apachefriends

Hi, I am interested in your project " Convert a PSD to two HTML/CSS Pages ". We will convert all your PSD fikes to HTML. Let's discuss more about the project and turn it into reality with your idea and ou More

$100 USD in 1 day
(8 Reviews)
5.5
techwelf

yes, let's clarify the requirement in details also if you want us to share our skill and previous work let us know.. hope to hear you soon.. Thanks & Regards RIMSHA

$251 USD in 14 days
(58 Reviews)
6.1
GraphicsPixel

hi, We have read description and We are very excited about this project and hoping for the best! We best fit for this project with our skills set. GraphicsPixel is a Software House with more than 6 years experience. More

$250 USD in 3 days
(64 Reviews)
5.8
ahmadzaimhamzah

Please initiate chat with me sir, so we can further discuss what you need in detail and if it's within my expertise. Thanks for your time :)

$250 USD in 5 days
(9 Reviews)
5.7
zainabalih

Hello employer, Thank you for this wonderful opportunity:) I believe my abilities would be perfect for your venture.I have years of experience in this field. I will be serving you with all my hard work and skills.I More

$100 USD in 3 days
(41 Reviews)
5.2
uiglobe

Hello, Thanks for well describe to this project with point wise. I have read your description and requirement and checked your two file. and I can do this with fully responsive with using bootstrap framework. ------ More

$63 USD in 2 days
(47 Reviews)
4.7