PDF / Illustrator / Old web page to new html/css
- or -
Post a project like this1360
£95(approx. $119)
- Posted:
- Proposals: 16
- Remote
- #2934878
- Completed
React.js♥WORDPRESS THEME♥SHOPIFY♥WP theme♥PSD 2 XHTML,HTML5( Bootstrap, Sass, Scss )♥ASP.NET (C#,DNN)♥PHP♥SEO♥SEM
Jaipur
✅PSD to HTML5 ✅Front End Developer ✅Website Developer ✅WordPress Developer ✅Front End Designer ✅Web Designer ✅Graphic Designer
Allahabad
✔Front-end Developer ✔HTML CSS ✔ SASS ✔ Email Templates ✔ Bootstrap ✔ JS ✔ Nuxt ✔ Vue.js ✔ Angular ✔ WordPress ✔
Karachi
Website Developer, Graphic Designer, Transcriber, Content writer, CAD Expert, Python Developer, Photo Editor, Web Scrapper, JAVA developer, Android developer, Wix/Shopify Expert,
Regensburg
Wordpress |Web developer|Graphic Designer |Logo Designer | Scrapping |Excel VBA |Data Scientist
Rawalpindi
Android Developer | Web Developer | Programmer | Database designer | UI Designer
Faisalabad
1989035249816653523197094021817362427850245569225437782544715283525429287463254694
Description
Experience Level: Expert
Please check mockup in attached pdf.
1. Home page
-. Sticky menu: needs to show smaller menu when user scrolls down.
example:
https://www.glassmountains.co.uk/about/
mobile menu example: https://www.glassmountains.co.uk/about/
-. Contact button on top right will bring up a quick contact box when clicked, sliding out from top.
-. The banner need to cover the whole browser (no matter what screen size it is). Example: https://www.vibecreative.co.uk
The 'Book a Table' is clickable. It will bring up a 'Open table' widget. Opentable website is here https://www.opentable.co.uk/
-. The 3 images above 'Our foods' need to be swipable, which means if you slide it left or right, you can see more images. And tap image to see full size.
-. The images above 'Bed & Breakfast' and above footer also swipable
-. footer
-. Need a scroll up button so that people can scroll up to top of page easily. The scroll up button only appears when people scrolls down. example: https://www.onboardonline.com/ you will see the scroll up button on bottom right when you scroll down.
2. Home food page
please check pdf
3. B& B page
please check pdf
4. contact page
Please check existing site
https://www.thequeensathorton.co.uk/contact
It will be menu header on top of the google map (full browser width). It doesn't need to be full height of the browser. Maybe 600px in height in PC mode.
It will be followed by contact content on left column, and then a simple contact form on right column.
Requirements:
1. Bootstrap responsive html/css/js
2. need to be tested on all major browsers and all screen sizes including mobile/tablets
3. pdf & illustrator files provided. For contact page, please look at the existing site to get information.
4. Need to keep tidy and pleasing in mobile mode
Timescale:
3 working days after project awarded.
Thank you!
1. Home page
-. Sticky menu: needs to show smaller menu when user scrolls down.
example:
https://www.glassmountains.co.uk/about/
mobile menu example: https://www.glassmountains.co.uk/about/
-. Contact button on top right will bring up a quick contact box when clicked, sliding out from top.
-. The banner need to cover the whole browser (no matter what screen size it is). Example: https://www.vibecreative.co.uk
The 'Book a Table' is clickable. It will bring up a 'Open table' widget. Opentable website is here https://www.opentable.co.uk/
-. The 3 images above 'Our foods' need to be swipable, which means if you slide it left or right, you can see more images. And tap image to see full size.
-. The images above 'Bed & Breakfast' and above footer also swipable
-. footer
-. Need a scroll up button so that people can scroll up to top of page easily. The scroll up button only appears when people scrolls down. example: https://www.onboardonline.com/ you will see the scroll up button on bottom right when you scroll down.
2. Home food page
please check pdf
3. B& B page
please check pdf
4. contact page
Please check existing site
https://www.thequeensathorton.co.uk/contact
It will be menu header on top of the google map (full browser width). It doesn't need to be full height of the browser. Maybe 600px in height in PC mode.
It will be followed by contact content on left column, and then a simple contact form on right column.
Requirements:
1. Bootstrap responsive html/css/js
2. need to be tested on all major browsers and all screen sizes including mobile/tablets
3. pdf & illustrator files provided. For contact page, please look at the existing site to get information.
4. Need to keep tidy and pleasing in mobile mode
Timescale:
3 working days after project awarded.
Thank you!
Ben A.
100% (24)Projects Completed
25
Freelancers worked with
11
Projects awarded
78%
Last project
8 May 2024
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies