Responsive Breadcrumb Menu -- 2
Project details
[url removed, login to view]
Improve this navigation ‘concept’ above:
1. Breadcrumbs should be open by default as space allows, the width of viewport / browser window, mobile devices included
2. The breadcrumb nodes should collapse when horizontal space restrictions are limiting, (no wrapping onto second line)
3. The collapsed breadcrumbs should expand on hover (as in demo above)
3. Finally – a breakpoint of <500px forces the breadcrumbs into a vertical drop down menu design.
Awarded to:
Nojan A.
(5.0)
Project budget: $60 USD
budget limits: $30-250 USD
number of bids: 10
average bids: $118
Awarded to:
Nojan A.
(5.0)
Project budget: $60 USD
budget limits: $30-250 USD
number of bids: 10
average bids: $118
Project details
[url removed, login to view]
Improve this navigation ‘concept’ above:
1. Breadcrumbs should be open by default as space allows, the width of viewport / browser window, mobile devices included
2. The breadcrumb nodes should collapse when horizontal space restrictions are limiting, (no wrapping onto second line)
3. The collapsed breadcrumbs should expand on hover (as in demo above)
3. Finally – a breakpoint of <500px forces the breadcrumbs into a vertical drop down menu design.
Improve this navigation ‘concept’ above:
1. Breadcrumbs should be open by default as space allows, the width of viewport / browser window, mobile devices included
2. The breadcrumb nodes should collapse when horizontal space restrictions are limiting, (no wrapping onto second line)
3. The collapsed breadcrumbs should expand on hover (as in demo above)
3. Finally – a breakpoint of <500px forces the breadcrumbs into a vertical drop down menu design.
Skills: CSSJavaScriptjQuery / Prototype
skills of Nojan A.
| skill ? | level ? | projects ? | ||
|---|---|---|---|---|
| Parallax Scrolling |
|
1 | ||
| LESS/Sass/SCSS |
|
1 | ||
| CSS3 |
|
1 | ||
| Website Build |
|
1 | ||
| Web Development |
|
1 | ||
| XHTML |
|
1 | ||
| HTML5 |
|
1 | ||
| Javascript ES6 |
|
1 | ||
| ES8 Javascript |
|
1 | ||
| CSS |
|
4 | ||
| JavaScript |
|
1 | ||
| Bootstrap |
|
1 | ||
| Website Design |
|
3 | ||
| PSD to HTML |
|
1 | ||
| PHP |
|
1 | ||
| HTML |
|
4 | ||
| jQuery / Prototype |
|
1 | ||
| Landing Pages |
|
1 | ||
Some Nojan A. projects
| Project Title | Skills required in the project |
|---|---|
| Responsive Breadcrumb Menu — 2 | CSS JavaScript jQuery / Prototype |
| Code 5 Simple Theme Files (HTML, CSS, PHP) | CSS HTML PHP |
| convert layered psd to html | HTML PSD to HTML Website Design |
| One page website | Bootstrap CSS HTML Parallax Scrolling Website Design |
| outline front page | LESS/Sass/SCSS |
| Responsive Breadcrumb Menu — 2 | CSS JavaScript jQuery / Prototype |
| Code 5 Simple Theme Files (HTML, CSS, PHP) | CSS HTML PHP |
| convert layered psd to html | HTML PSD to HTML Website Design |
| One page website | Bootstrap CSS HTML Parallax Scrolling Website Design |
| outline front page | LESS/Sass/SCSS |
