Navigation Menu

CSS & JavaScript Navigation Bar: http://navnav.co/

CSS Dropdown: Dropdown Item / Horizontal Dropdown / Animated Dropdown / Horizontal Dropdown / CSS-only Dropdown

Branching Menu: code

Horizontal Bar Menu: https://jsfiddle.net/aicccia/v3ocyqt6/

website

Horizontal Bar Menu with Divider: https://jsfiddle.net/aicccia/a8jq7z8f/

website

 

 

Horizontal Tab Menu 1: https://jsfiddle.net/aicccia/mo7ujLm7/

website

Horizontal Tab Menu 2: https://jsfiddle.net/aicccia/s4m9157y/

Flexbox Horizontal Menu Buttons: https://jsfiddle.net/aicccia/xjjfedqc/

Horizontal Bar Menu / Active State: https://jsfiddle.net/aicccia/oe99v1hu/

Expanding Horizontal Navigation Menu: https://css-tricks.com/snippets/css/expanding-boxes-navigation/

Spinny Leaf Menu: https://css-tricks.com/snippets/css/spinny-leaf-menu/

Bootstrap

Responsive Side Nav Bar: http://bit.ly/23gwUNy

Vertical Bar Menu: https://jsfiddle.net/aicccia/7ovenqpf/

website

Vertical Bar Menu / Active State: https://jsfiddle.net/aicccia/jn7feooa/

Brand Centered & Menu on left and right: http://bootsnipp.com/snippets/featured/navbar-brand-centered

Parallax Navbar: http://bootsnipp.com/snippets/Qx6Dm

MegaMenu with Sidenav toggle social accordion full page responsive fade carousel: http://bootsnipp.com/snippets/Ekony

Static-top to Fixed-top Navbar: http://bootsnipp.com/snippets/OeG58

Accordion Collapsible Side Navbar with Toggle Buttonhttp://bootsnipp.com/snippets/QXqM1

Static Moveable Vertical Menu: http://bootsnipp.com/snippets/OjPV

Menu Toggle Button: https://css-tricks.com/examples/ConvertMenuToDropdown/ / http://exisweb.net/incredibly-useful-list-of-responsive-navigation-and-menu-patterns

Advertisements

About bernadetteengleman

Hello, I am Bernadette from New York City. I moved here from Chicago in 2013. I am originally from the Philippines. I started studying web programming in 2015. I love it because I like making fun websites and web apps. The projects that I built so far are posted below. I like to cook and I love to travel. I also like to volunteer and I am a team leader with the non-profit organization, NYCares.
This entry was posted in HTML/CSS and tagged , , , , , , , , , , , , , , , , , . Bookmark the permalink.