<nav aria-label="breadcrumb">
                                                          <ol class="breadcrumb bg-light-info px-3 py-2 rounded">
                                                            <li class="breadcrumb-item"><a href="#" class="text-info"><i data-feather="home" class="feather-sm fill-white"></i></a></li>
                                                            <li class="breadcrumb-item"><a href="#" class="text-info">Library</a></li>
                                                            <li class="breadcrumb-item active text-info font-weight-medium" aria-current="page">Data</li>
                                                          </ol>
                                                        </nav>

                                                        <nav aria-label="breadcrumb">
                                                          <ol class="breadcrumb bg-light-primary px-3 py-2 rounded">
                                                            <li class="breadcrumb-item"><a href="#" class="text-primary"><i data-feather="home" class="feather-sm fill-white"></i></a></li>
                                                            <li class="breadcrumb-item"><a href="#" class="text-primary">Library</a></li>
                                                            <li class="breadcrumb-item active text-primary font-weight-medium" aria-current="page">Data</li>
                                                          </ol>
                                                        </nav>
                                                        <nav aria-label="breadcrumb">
                                                          <ol class="breadcrumb bg-light-warning px-3 py-2 rounded">
                                                            <li class="breadcrumb-item"><a href="#" class="text-warning"><i data-feather="home" class="feather-sm fill-white"></i></a></li>
                                                            <li class="breadcrumb-item"><a href="#" class="text-warning">Library</a></li>
                                                            <li class="breadcrumb-item active text-warning font-weight-medium" aria-current="page">Data</li>
                                                          </ol>
                                                        </nav>
                                                        <nav aria-label="breadcrumb">
                                                          <ol class="breadcrumb bg-light-danger px-3 py-2 rounded">
                                                            <li class="breadcrumb-item"><a href="#" class="text-danger"><i data-feather="home" class="feather-sm fill-white"></i></a></li>
                                                            <li class="breadcrumb-item"><a href="#" class="text-danger">Library</a></li>
                                                            <li class="breadcrumb-item active text-danger font-weight-medium" aria-current="page">Data</li>
                                                          </ol>
                                                        </nav>
                                                        <nav aria-label="breadcrumb">
                                                          <ol class="breadcrumb bg-light-success px-3 py-2 rounded">
                                                            <li class="breadcrumb-item"><a href="#" class="text-success"><i data-feather="home" class="feather-sm fill-white"></i></a></li>
                                                            <li class="breadcrumb-item"><a href="#" class="text-success">Library</a></li>
                                                            <li class="breadcrumb-item active text-success font-weight-medium" aria-current="page">Data</li>
                                                          </ol>
                                                        </nav>
                                                        
                                                    

                                                        
                                                          <nav aria-label="breadcrumb">
                                                              <ol class="breadcrumb border border-light-info px-3 rounded">
                                                                <li class="breadcrumb-item"><a href="#" class="text-info">Home</a></li>
                                                                <li class="breadcrumb-item"><a href="#" class="text-info">Library</a></li>
                                                                <li class="breadcrumb-item active text-info font-weight-medium" aria-current="page">Data</li>
                                                              </ol>
                                                            </nav>
                                                            <nav aria-label="breadcrumb">
                                                              <ol class="breadcrumb border border-light-primary px-3 rounded">
                                                                <li class="breadcrumb-item"><a href="#" class="text-primary">Home</a></li>
                                                                <li class="breadcrumb-item"><a href="#" class="text-primary">Library</a></li>
                                                                <li class="breadcrumb-item active text-primary font-weight-medium" aria-current="page">Data</li>
                                                              </ol>
                                                            </nav>
                                                            <nav aria-label="breadcrumb">
                                                              <ol class="breadcrumb border border-light-warning px-3 rounded">
                                                                <li class="breadcrumb-item"><a href="#" class="text-warning">Home</a></li>
                                                                <li class="breadcrumb-item"><a href="#" class="text-warning">Library</a></li>
                                                                <li class="breadcrumb-item active text-warning font-weight-medium" aria-current="page">Data</li>
                                                              </ol>
                                                            </nav>
                                                            <nav aria-label="breadcrumb">
                                                              <ol class="breadcrumb border border-light-danger px-3 rounded">
                                                                <li class="breadcrumb-item"><a href="#" class="text-danger">Home</a></li>
                                                                <li class="breadcrumb-item"><a href="#" class="text-danger">Library</a></li>
                                                                <li class="breadcrumb-item active text-danger font-weight-medium" aria-current="page">Data</li>
                                                              </ol>
                                                            </nav>
                                                            <nav aria-label="breadcrumb">
                                                              <ol class="breadcrumb border border-light-success px-3 rounded">
                                                                <li class="breadcrumb-item"><a href="#" class="text-success">Home</a></li>
                                                                <li class="breadcrumb-item"><a href="#" class="text-success">Library</a></li>
                                                                <li class="breadcrumb-item active text-success font-weight-medium" aria-current="page">Data</li>
                                                              </ol>
                                                            </nav>