Convert Vector model to responsive website in pure HTML5, CSS3, and Bootstrap

In Progress Posted 7 years ago Paid on delivery
In Progress Paid on delivery

Hello,

We need someone to design a webpage reproducing the attached model into a responsive website in pure HTML5, CSS3, and Bootstrap.

Ai/EPS file will be sent once the worker chosen.

Resolution:

The page must be viewable on mobile devices 360x640 minimum. Desktop minimum resolution will be 1280*1024

Details of Zones in Red:

- The Zone Spacemenu, Appmenu, Topbar, Content, Sidebar and Sidebar-modules: Must be possible to add divs inside those sections and keeping it centered and well aligned, divs will be generated by code

- Topbar: Logo, title + All icons will be separated divs containing images and offer the abilities to add other divs inside those div

- Icons: All icons must be in SVG and their colors assigned by css.

- Appmenu: The Appmenu can be closed by clicking the top left icon in the Topbar. The Content Zone will fill the empty space.

- Sidebar: Can be closed by clicking the top right cross (facing the #chatname). The Content Zone will fill the empty space.

- Input-message: This is an input field stacked to the bottom page. The content should not go under it. It should be responsive as we close or not Appmenu or Sidebar. The input message bar will become higher as we add backspaces or write paragraphs.

- Spacemenu: Make sure that the page responds well if we chose to delete this menu. (the Appmenu would then take its place)

- Scrollbars: Don’t forget to check the layer Scrollbars. If Spacemenu, Appmenu, Content and Sidebar become too high, a scrollbar can be activated by a Mouse-over on the Zone. It’ll disappear on Mouse-out.

Requirements:

- If you must add some empty divs or other, name those elements regarding their position. Do not use the names “empty” or “space”

- The code of the website must be clean and easily understandable

- No intermediary Milestones will be made. Full amount will be sent once the code is checked and page working

Bootstrap CSS HTML5 Illustrator

Project ID: #11586679

About the project

11 proposals Remote project Active 7 years ago

Awarded to:

websolutionseo

Dear Client, I reviewed your requirements for the create Vector model in bootstrap.. I’m very experienced with Bootstrap /Foundation websites and developed many websites with 100% client's feedback. I’m very comforta More

€50 EUR in 2 days
(81 Reviews)
4.9

11 freelancers are bidding on average €67 for this job

fysalyaqoob

Ready to start................................................................................................................

€66 EUR in 5 days
(219 Reviews)
7.0
multimas

Hi there!! Sir i have read your description very carefully and i am ready to start working on your project. I have more than 3 year experience in web development. I will provide you 3 days support after the completion More

€60 EUR in 1 day
(24 Reviews)
4.6
fetterlessemon

Greetings! This is Md. Azizur Rahman from Bangladesh. I am a professional freelance. I have excellent experience in WordPress, Website Designing, Website Development and SEO. I believe my abilities would be perfect More

€30 EUR in 2 days
(1 Review)
1.2
anthonyp1992

Hello, based on what you have described I believe I can make a website to your specifications as long as relevant image files, and the general design psd is clear and understandable. I can create a site structure that More

€39 EUR in 3 days
(0 Reviews)
0.0
pranavbhasin96

Have worked on responsive HTML CSS bootstrap pages for couple of professional uprunning websites to the content of the client.

€44 EUR in 2 days
(0 Reviews)
0.0