Navigation
Navigation available in Boosted share general markup and styles, from standard links to full featured navbars.
On this page
A new Orange Unified Design System is being developed. Explore OUDS Web
Links
Main navigation links — web-nav-lnk-001
Text linkSmall navigation links — web-nav-lnk-002
Text linkLinks with underline — web-nav-lnk-003
Text linkSmall links width underline — web-nav-lnk-004
Text linkWith chevron — web-nav-lnk-005
Text linkTabs
Documentation — web-nav-tab-001
Tabs light
Documentation — web-nav-tab-002
Pagination
Documentation — web-nav-pag-001
Pagination dots
Documentation — web-nav-pdt-001
Carousel navigation
Documentation — web-nav-cna-001
Accordion
Small — web-nav-acc-001
This is the first item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the second item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the third item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
Medium — web-nav-acc-002
This is the first item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the second item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the third item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
Large — web-nav-acc-003
This is the first item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the second item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
This is the third item's accordion body. It is hidden by default, until the
collapse plugin adds the appropriate classes that we use to style each element. These classes
control the overall appearance, as well as the showing and hiding via CSS transitions. You can
modify any of this with custom CSS or overriding our default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the transition does limit
overflow.
Stepped process
Documentation — web-nav-stp-001 web-nav-stp-002