Add a sidebar link across all demo pages

index.html

@@ -339,6 +339,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

index2.html

@@ -326,6 +326,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

index3.html

@@ -336,6 +336,12 @@ to get the desired effect
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/buttons.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/general.html

@@ -374,6 +374,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/icons.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/modals.html

@@ -332,6 +332,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/navbar.html

@@ -334,6 +334,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/UI/sliders.html

@@ -333,6 +333,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/calendar.html

@@ -334,6 +334,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/charts/chartjs.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/charts/flot.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/charts/inline.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/404.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/500.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/blank.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/contacts.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/e_commerce.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/invoice.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/language-menu.html

@@ -342,6 +342,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/legacy-user-menu.html

@@ -357,6 +357,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/profile.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/project_add.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/project_detail.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/project_edit.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/examples/projects.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/forms/advanced.html

@@ -341,6 +341,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview menu-open">

pages/forms/editors.html

@@ -331,6 +331,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview menu-open">

pages/forms/general.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview menu-open">

pages/layout/boxed.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/layout/collapsed-sidebar.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/layout/fixed-footer.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/layout/fixed-sidebar.html

@@ -331,6 +331,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/layout/fixed-topnav.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/mailbox/compose.html

@@ -331,6 +331,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/mailbox/mailbox.html

@@ -330,6 +330,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/mailbox/read-mail.html

@@ -329,6 +329,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/tables/data.html

@@ -331,6 +331,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/tables/jsgrid.html

@@ -332,6 +332,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/tables/simple.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">

pages/widgets.html

@@ -328,6 +328,12 @@
                   <p>Navbar & Tabs</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="../UI/timeline.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Timeline</p>
+                </a>
+              </li>
             </ul>
           </li>
           <li class="nav-item has-treeview">