Header Layouts
Examples for Front's powerful, responsive navigation header, the navbar.
Header title | Link |
---|---|
Default | Open Demo |
Full container | Open Demo |
No navbar | Open Demo |
Header title | Link |
---|---|
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
SVG logo | Open Demo |
PNG logo | Open Demo |
Header title | Link |
---|---|
Left | Open Demo |
Right | Open Demo |
Center | Open Demo |
Header title | Link |
---|---|
Hover | Open Demo |
Click | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
Center aligned logo on top | Open Demo |
Header title | Link |
---|---|
Hide topbar | Open Demo |
Toggle topbar | Open Demo |
Changing logo on scroll | Open Demo |
White Background on Scroll (Sticky Top) | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
With border | Open Demo |
Breakpoint-sm | Open Demo |
Breakpoint-md | Open Demo |
Breakpoint-lg | Open Demo |
Breakpoint-xl | Open Demo |
Header title | Link |
---|---|
Dark | Open Demo |
Navbar primary | Open Demo |
Navbar gradient | Open Demo |
Navbar dark | Open Demo |
White-to-dark on scroll | Open Demo |
Dark-to-white on scroll | Open Demo |
Submenu dark | Open Demo |
Header title | Link |
---|---|
Default | Open Demo |
With Scroll-nav | Open Demo |
Header title | Link |
---|---|
Navbar Default | Open Demo |
With dropdown | Open Demo |
With dropdown (links) | Open Demo |
Header title | Link |
---|---|
Fullscreen | Open Demo |
Header title | Link |
---|---|
Push from top | Open Demo |
Classic | Open Demo |
Header title | Link |
---|---|
Dropdown | Open Demo |
Link | Open Demo |
Modal window signin | Open Demo |
Sidebar signin | Open Demo |
Sidebar with profile image | Open Demo |
Sidebar with profile image and name | Open Demo |
Header title | Link |
---|---|
Empty dropdown | Open Demo |
Dropdown with items | Open Demo |
Link | Open Demo |
Empty modal window | Open Demo |
Modal window with items | Open Demo |
Empty sidebar | Open Demo |
Sidebar with items | Open Demo |
Header title | Link |
---|---|
Left | Open Demo |
Right | Open Demo |