未验证 提交 2ab586c4 编写于 作者: R Raphael Jackstadt 提交者: GitHub

Merge branch 'v3-dev' into v3-dev

...@@ -301,7 +301,7 @@ ...@@ -301,7 +301,7 @@
// Background Variant // Background Variant
@mixin background-variant($name, $color) { @mixin background-variant($name, $color) {
.bg-#{$name} { .bg-#{$name} {
background-color: #{$color}; background-color: #{$color} !important;
&, &,
> a { > a {
......
...@@ -3,11 +3,9 @@ ...@@ -3,11 +3,9 @@
// //
.timeline { .timeline {
list-style: none; margin: 0 0 45px;
margin: 0 0 30px;
padding: 0; padding: 0;
position: relative; position: relative;
// The line // The line
&::before { &::before {
@include border-radius($border-radius); @include border-radius($border-radius);
...@@ -20,13 +18,17 @@ ...@@ -20,13 +18,17 @@
top: 0; top: 0;
width: 4px; width: 4px;
} }
// Element
> div {
&::before,
&::after {
content: "";
display: table;
}
> li {
@include clearfix;
margin-bottom: 15px; margin-bottom: 15px;
margin-right: 10px; margin-right: 10px;
position: relative; position: relative;
// The content // The content
> .timeline-item { > .timeline-item {
@include box-shadow($card-shadow); @include box-shadow($card-shadow);
...@@ -38,7 +40,6 @@ ...@@ -38,7 +40,6 @@
margin-top: 0; margin-top: 0;
padding: 0; padding: 0;
position: relative; position: relative;
// The time and header // The time and header
> .time { > .time {
color: #999; color: #999;
...@@ -46,7 +47,7 @@ ...@@ -46,7 +47,7 @@
font-size: 12px; font-size: 12px;
padding: 10px; padding: 10px;
} }
// Header
> .timeline-header { > .timeline-header {
border-bottom: 1px solid $card-border-color; border-bottom: 1px solid $card-border-color;
color: $gray-700; color: $gray-700;
...@@ -54,21 +55,30 @@ ...@@ -54,21 +55,30 @@
line-height: 1.1; line-height: 1.1;
margin: 0; margin: 0;
padding: 10px; padding: 10px;
// Link in header
> a { > a {
font-weight: 600; font-weight: 600;
} }
} }
// Item body and footer // Item body and footer
> .timeline-body, > .timeline-body,
> .timeline-footer { > .timeline-footer {
padding: 10px; padding: 10px;
} }
} > .timeline-body {
> img {
margin: 10px;
}
}
// The icons > .timeline-footer {
> a {
color: $white;
}
}
}
// The icons at line
> .fa, > .fa,
> .fas, > .fas,
> .far, > .far,
...@@ -87,12 +97,10 @@ ...@@ -87,12 +97,10 @@
width: 30px; width: 30px;
} }
} }
// Time label // Time label
> .time-label { > .time-label {
> span { > span {
@include border-radius(4px); @include border-radius(4px);
background-color: $white; background-color: $white;
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;
...@@ -102,7 +110,7 @@ ...@@ -102,7 +110,7 @@
} }
.timeline-inverse { .timeline-inverse {
> li { > div {
> .timeline-item { > .timeline-item {
@include box-shadow(none); @include box-shadow(none);
background: $gray-100; background: $gray-100;
......
...@@ -52,6 +52,8 @@ navigation: ...@@ -52,6 +52,8 @@ navigation:
url: components/boxes.html url: components/boxes.html
- title: Direct Chat - title: Direct Chat
url: components/direct-chat.html url: components/direct-chat.html
- title: Timeline
url: components/timeline.html
- title: Ribbons - title: Ribbons
url: components/ribbons.html url: components/ribbons.html
- title: JavaScript - title: JavaScript
......
---
layout: page
title: Timeline Component
---
The timeline component displays an event history.
You can use it for descriptions of events that occurred in a particular time section.
##### Default
```html
<!-- Main node for this component -->
<div class="timeline">
<!-- Timeline time label -->
<div class="time-label">
<span class="bg-green">23 Aug. 2019</span>
</div>
<div>
<!-- Before each timeline item corresponds to one icon on the left scale -->
<i class="fas fa-envelope bg-blue"></i>
<!-- Timeline item -->
<div class="timeline-item">
<!-- Time -->
<span class="time"><i class="fas fa-clock"></i> 12:05</span>
<!-- Header. Optional -->
<h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3>
<!-- Body -->
<div class="timeline-body">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
weebly ning heekya handango imeem plugg dopplr jibjab, movity
jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
quora plaxo ideeli hulu weebly balihoo...
</div>
<!-- Placement of additional controls. Optional -->
<div class="timeline-footer">
<a class="btn btn-primary btn-sm">Read more</a>
<a class="btn btn-danger btn-sm">Delete</a>
</div>
</div>
</div>
<!-- The last icon means the story is complete -->
<div>
<i class="fas fa-clock bg-gray"></i>
</div>
</div>
```
{: .max-height-300}
##### Extra style
There is an additional class for styling.
It darkens the elements, highlighting it against the general background.
You can use it with adding `.timeline-inverse` to `.timeline`.
```html
<div class="timeline timeline-inverse">
<!-- ... Item ... -->
</div>
```
...@@ -339,6 +339,12 @@ ...@@ -339,6 +339,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -326,6 +326,12 @@ ...@@ -326,6 +326,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -336,6 +336,12 @@ to get the desired effect ...@@ -336,6 +336,12 @@ to get the desired effect
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -374,6 +374,12 @@ ...@@ -374,6 +374,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -332,6 +332,12 @@ ...@@ -332,6 +332,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -334,6 +334,12 @@ ...@@ -334,6 +334,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -333,6 +333,12 @@ ...@@ -333,6 +333,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
此差异已折叠。
...@@ -334,6 +334,12 @@ ...@@ -334,6 +334,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -342,6 +342,12 @@ ...@@ -342,6 +342,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -357,6 +357,12 @@ ...@@ -357,6 +357,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
...@@ -810,16 +816,16 @@ ...@@ -810,16 +816,16 @@
<!-- /.tab-pane --> <!-- /.tab-pane -->
<div class="tab-pane" id="timeline"> <div class="tab-pane" id="timeline">
<!-- The timeline --> <!-- The timeline -->
<ul class="timeline timeline-inverse"> <div class="timeline timeline-inverse">
<!-- timeline time label --> <!-- timeline time label -->
<li class="time-label"> <div class="time-label">
<span class="bg-danger"> <span class="bg-danger">
10 Feb. 2014 10 Feb. 2014
</span> </span>
</li> </div>
<!-- /.timeline-label --> <!-- /.timeline-label -->
<!-- timeline item --> <!-- timeline item -->
<li> <div>
<i class="fas fa-envelope bg-primary"></i> <i class="fas fa-envelope bg-primary"></i>
<div class="timeline-item"> <div class="timeline-item">
...@@ -838,10 +844,10 @@ ...@@ -838,10 +844,10 @@
<a href="#" class="btn btn-danger btn-sm">Delete</a> <a href="#" class="btn btn-danger btn-sm">Delete</a>
</div> </div>
</div> </div>
</li> </div>
<!-- END timeline item --> <!-- END timeline item -->
<!-- timeline item --> <!-- timeline item -->
<li> <div>
<i class="fas fa-user bg-info"></i> <i class="fas fa-user bg-info"></i>
<div class="timeline-item"> <div class="timeline-item">
...@@ -850,10 +856,10 @@ ...@@ -850,10 +856,10 @@
<h3 class="timeline-header border-0"><a href="#">Sarah Young</a> accepted your friend request <h3 class="timeline-header border-0"><a href="#">Sarah Young</a> accepted your friend request
</h3> </h3>
</div> </div>
</li> </div>
<!-- END timeline item --> <!-- END timeline item -->
<!-- timeline item --> <!-- timeline item -->
<li> <div>
<i class="fas fa-comments bg-warning"></i> <i class="fas fa-comments bg-warning"></i>
<div class="timeline-item"> <div class="timeline-item">
...@@ -870,17 +876,17 @@ ...@@ -870,17 +876,17 @@
<a href="#" class="btn btn-warning btn-flat btn-sm">View comment</a> <a href="#" class="btn btn-warning btn-flat btn-sm">View comment</a>
</div> </div>
</div> </div>
</li> </div>
<!-- END timeline item --> <!-- END timeline item -->
<!-- timeline time label --> <!-- timeline time label -->
<li class="time-label"> <div class="time-label">
<span class="bg-success"> <span class="bg-success">
3 Jan. 2014 3 Jan. 2014
</span> </span>
</li> </div>
<!-- /.timeline-label --> <!-- /.timeline-label -->
<!-- timeline item --> <!-- timeline item -->
<li> <div>
<i class="fas fa-camera bg-purple"></i> <i class="fas fa-camera bg-purple"></i>
<div class="timeline-item"> <div class="timeline-item">
...@@ -889,18 +895,18 @@ ...@@ -889,18 +895,18 @@
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3> <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
<div class="timeline-body"> <div class="timeline-body">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
</div> </div>
</div> </div>
</li> </div>
<!-- END timeline item --> <!-- END timeline item -->
<li> <div>
<i class="far fa-clock bg-gray"></i> <i class="far fa-clock bg-gray"></i>
</li> </div>
</ul> </div>
</div> </div>
<!-- /.tab-pane --> <!-- /.tab-pane -->
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -342,6 +342,12 @@ ...@@ -342,6 +342,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview menu-open"> <li class="nav-item has-treeview menu-open">
......
...@@ -331,6 +331,12 @@ ...@@ -331,6 +331,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview menu-open"> <li class="nav-item has-treeview menu-open">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview menu-open"> <li class="nav-item has-treeview menu-open">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -331,6 +331,12 @@ ...@@ -331,6 +331,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -331,6 +331,12 @@ ...@@ -331,6 +331,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -330,6 +330,12 @@ ...@@ -330,6 +330,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -329,6 +329,12 @@ ...@@ -329,6 +329,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -331,6 +331,12 @@ ...@@ -331,6 +331,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -332,6 +332,12 @@ ...@@ -332,6 +332,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
...@@ -328,6 +328,12 @@ ...@@ -328,6 +328,12 @@
<p>Navbar & Tabs</p> <p>Navbar & Tabs</p>
</a> </a>
</li> </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> </ul>
</li> </li>
<li class="nav-item has-treeview"> <li class="nav-item has-treeview">
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册