Breadcrumbs designs (skewed, border-radius, click effect).
Made with: HTML,CSS
Breadcrumbs show the hierarchy of content between the site's root and the user's current location.
Made with: HTML,CSS (SCSS)
Simple CSS vertical breadcrumbs.
Made with: HTML (Pug),CSS (Stylus)
Feel free to customize it to your own way. Colors, sizes, shadows, borders, etc. Made with Bootstrap.
Play with the browser size to see how the breadcrumbs behave when there's no room left for them.
This example shows what happens as a user gets closer to the back button. The breadcrumbs expand and allow the user to navigate to almost anywhere else in the course while only having minimal impact on space.
Made with: HTML