HTML + CSS navbar design from PSD
- or -
Post a project like this2329
$
- Posted:
- Proposals: 10
- Remote
- #1795361
- Awarded
React.js♥WORDPRESS THEME♥SHOPIFY♥WP theme♥PSD 2 XHTML,HTML5( Bootstrap, Sass, Scss )♥ASP.NET (C#,DNN)♥PHP♥SEO♥SEM
Jaipur
Full Stack Developer | PHP | Wordpress | MySQL| Laravel | JavaScript | React | Vue | Bootstrap | Tailwind
Amsterdam
149844524981644762857970683175310165921409337146304816684951714567
Description
Experience Level: Entry
General information for the website: .
Description of requirements/features: Hello,
I need a navbar design for a web page in html with css. I have some designs which you will need to turn into working code. Please user the colour scheme provided, HOWEVER i want to incorporate this colour (RGB 118, 184, 42) into the design, if you can find a subtle way that would be great. The website is in bootstrap, so can it be possible to make it bootstrap friendly? (is that a thing?)
design_1:
Main area can just be a background image (see label). At the top right, theres 3 buttons, 2 dropsdowns and 1 button, can you style them like that? At the top left, theres a toggle button (3 lines) and text saying 'Dashboard'. Also dont forget the lines underneath which separates the content.
The navbar is purple. At the top theres an image for the logo and text underneath. Theres also a white line that separates. Then there is 13 different menu option, can you make the icons be fontawesome icons?
design_2:
When the toggle is clicked, it animates to the side and the navbar decreases until you just see the icons.
There is a hover over as well. Colour of icon changes, can you style it like that?
design_3:
The only difference is the placement of the logo and the text in the top left. Can you just make a different css class for the two options?
Extra notes:
Description of requirements/features: Hello,
I need a navbar design for a web page in html with css. I have some designs which you will need to turn into working code. Please user the colour scheme provided, HOWEVER i want to incorporate this colour (RGB 118, 184, 42) into the design, if you can find a subtle way that would be great. The website is in bootstrap, so can it be possible to make it bootstrap friendly? (is that a thing?)
design_1:
Main area can just be a background image (see label). At the top right, theres 3 buttons, 2 dropsdowns and 1 button, can you style them like that? At the top left, theres a toggle button (3 lines) and text saying 'Dashboard'. Also dont forget the lines underneath which separates the content.
The navbar is purple. At the top theres an image for the logo and text underneath. Theres also a white line that separates. Then there is 13 different menu option, can you make the icons be fontawesome icons?
design_2:
When the toggle is clicked, it animates to the side and the navbar decreases until you just see the icons.
There is a hover over as well. Colour of icon changes, can you style it like that?
design_3:
The only difference is the placement of the logo and the text in the top left. Can you just make a different css class for the two options?
Extra notes:
Alex C.
100% (11)Projects Completed
12
Freelancers worked with
12
Projects awarded
50%
Last project
23 Aug 2018
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