Component Listing

Navigation Bar

A navigation bar is a link to appropriate sections/pages in a website that helps readers in traversing the online document. Import the below stylesheet in your project to use the navbars given below.


@import url("https://oxygen-ui-component-library.netlify.app/components/nav/nav.css");

Simple Nav Bar

This is a simple navbar with just the name and social media links. Copy the below code to use this component.


<nav class="navbar mb-2 pt-2 flex-row box-shadow justify-content-between">
    <div class="nav-title align-self-center">OXYGEN UI</div>
    <div class="nav-buttons flex-row">
        <a href="https://github.com/HarshithaKonduru214" target="__blank" class="nav-icon m-2 black-text"><i class="fab fa-github"></i></a>
        <a href="https://twitter.com/HarshitaKonduru" target="__blank" class="nav-icon m-2 black-text"><i class="fab fa-twitter"></i></a>
        <a href="https://www.linkedin.com/in/harshita-k/" target="__blank" class="nav-icon m-2 black-text"><i class="fab fa-linkedin-in"></i></a>
    </div>
</nav>