Permalink
Browse files

Timeline final

  • Loading branch information...
1 parent 5a6b227 commit 2b24bba9495044fe0179d45d1e0c1f843f2b4471 @nolimits4web committed Dec 14, 2016
@@ -0,0 +1,50 @@
+.navbar
+ .navbar-inner
+ .left.sliding
+ a(href="index.html").back.link
+ i.icon.icon-back
+ span Back
+ .center.sliding Calendar Timeline
+ .right
+ a(href="#").link.open-panel.icon-only
+ i.icon.icon-bars
+.pages.navbar-through
+ .page(data-page="timeline-calendar")
+ .page-content
+ .timeline.timeline-horizontal.col-33.tablet-15
+ .timeline-year
+ .timeline-year-title
+ span 2016
+ .timeline-month
+ .timeline-month-title
+ span December
+ - for (var i = 20; i <= 31; i++)
+ .timeline-item
+ .timeline-item-date #{i}
+ .timeline-item-content
+ - for (var j = 1; j <= Math.ceil(Math.random() * 5); j++)
+ .timeline-item-time #{Math.floor(Math.random()*24)}:00
+ .timeline-item-text Task #{j}
+ .timeline-year
+ .timeline-year-title
+ span 2017
+ .timeline-month
+ .timeline-month-title
+ span January
+ - for (var i = 1; i <= 31; i++)
+ .timeline-item
+ .timeline-item-date #{i}
+ .timeline-item-content
+ - for (var j = 1; j <= Math.ceil(Math.random() * 5); j++)
+ .timeline-item-time #{Math.floor(Math.random()*24)}:00
+ .timeline-item-text Task #{j}
+ .timeline-month
+ .timeline-month-title
+ span February
+ - for (var i = 1; i <= 28; i++)
+ .timeline-item
+ .timeline-item-date #{i}
+ .timeline-item-content
+ - for (var j = 1; j <= Math.ceil(Math.random() * 5); j++)
+ .timeline-item-time #{Math.floor(Math.random()*24)}:00
+ .timeline-item-text Task #{j}
@@ -0,0 +1,102 @@
+.navbar
+ .navbar-inner
+ .left.sliding
+ a(href="index.html").back.link
+ i.icon.icon-back
+ span Back
+ .center.sliding Horizontal Timeline
+ .right
+ a(href="#").link.open-panel.icon-only
+ i.icon.icon-bars
+.pages.navbar-through
+ .page(data-page="timeline-horizontal")
+ .page-content
+ .timeline.timeline-horizontal.col-33.tablet-20
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-content
+ .timeline-item-inner
+ .timeline-item-time 12:56
+ .timeline-item-title Title 1
+ .timeline-item-subtitle Subtitle 1
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ .timeline-item-inner
+ .timeline-item-time 13:15
+ .timeline-item-title Title 2
+ .timeline-item-subtitle Subtitle 2
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ .timeline-item-inner
+ .timeline-item-time 14:45
+ .timeline-item-text Do something
+ .timeline-item-inner
+ .timeline-item-time 16:11
+ .timeline-item-text Do something else
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-content Plain text goes here
+
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-content
+ .card
+ .card-header Card
+ .card-content
+ .card-content-inner Card Content
+ .card-footer Card Footer
+ .card
+ .card-content
+ .card-content-inner Another Card Content
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-content
+ .list-block.inset
+ ul
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ .timeline-item
+ .timeline-item-date 25 <small>DEC</small>
+ .timeline-item-content
+ .timeline-item-time 11:11
+ .timeline-item-text Task 1
+ .timeline-item-time 12:33
+ .timeline-item-text Task 2
+ .timeline-item-time 13:24
+ .timeline-item-text Task 3
+ .timeline-item-time 14:55
+ .timeline-item-text Task 4
+ .timeline-item-time 15:15
+ .timeline-item-text Task 5
+ .timeline-item-time 16:54
+ .timeline-item-text Task 6
+ .timeline-item
+ .timeline-item-date 26 <small>DEC</small>
+ .timeline-item-content
+ .timeline-item-inner
+ .timeline-item-time 11:11
+ .timeline-item-text Task 1
+ .timeline-item-inner
+ .timeline-item-time 12:33
+ .timeline-item-text Task 2
+ .timeline-item-inner
+ .timeline-item-time 13:24
+ .timeline-item-text Task 3
+ .timeline-item-inner
+ .timeline-item-time 14:55
+ .timeline-item-text Task 4
+ .timeline-item-inner
+ .timeline-item-time 15:15
+ .timeline-item-text Task 5
+ .timeline-item-inner
+ .timeline-item-time 16:54
+ .timeline-item-text Task 6
+
@@ -0,0 +1,186 @@
+.navbar
+ .navbar-inner
+ .left.sliding
+ a(href="index.html").back.link
+ i.icon.icon-back
+ span Back
+ .center.sliding Vertical Timeline
+ .right
+ a(href="#").link.open-panel.icon-only
+ i.icon.icon-bars
+.pages.navbar-through
+ .page(data-page="timeline-vertical")
+ .page-content
+ .content-block-title Default
+ .timeline
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Some text goes here
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Another text goes here
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner One more text here
+
+ .content-block-title Side By Side
+ .timeline.timeline-sides
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Some text goes here
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Another text goes here
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Just plain text
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner One more text here
+ .content-block-title Only Tablet Side By Side
+ .timeline.tablet-sides
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Some text goes here
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Another text goes here
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Just plain text
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner One more text here
+
+ .content-block-title Forced Sides
+ .timeline.timeline-sides
+ .timeline-item.timeline-item-right
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Some text goes here
+ .timeline-item.timeline-item-right
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Another text goes here
+ .timeline-item.timeline-item-left
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Just plain text
+ .timeline-item.timeline-item-left
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner One more text here
+ .content-block-title Rich Content
+ .timeline
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner
+ .timeline-item-time 12:56
+ .timeline-item-title Item Title
+ .timeline-item-subtitle Item Subtitle
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+
+ .timeline-item-time 15:07
+ .timeline-item-title Item Title
+ .timeline-item-subtitle Item Subtitle
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner
+ .timeline-item-time 12:56
+ .timeline-item-title Item Title
+ .timeline-item-subtitle Item Subtitle
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+ .timeline-item-inner
+ .timeline-item-time 15:07
+ .timeline-item-title Item Title
+ .timeline-item-subtitle Item Subtitle
+ .timeline-item-text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content.card
+ .card-header Card Header
+ .card-content
+ .card-content-inner Card Content
+ .card-footer Card Footer
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content.list-block.inset
+ ul
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ li
+ a(href="#").item-content.item-link
+ .item-inner
+ .item-title Item 1
+ .timeline-item
+ .timeline-item-date 25 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content Plain text
+ .content-block-title Inside Content Block
+ .content-block
+ .content-block-inner
+ .timeline
+ .timeline-item
+ .timeline-item-date 21 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Some text goes here
+ .timeline-item
+ .timeline-item-date 22 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Another text goes here
+ .timeline-item
+ .timeline-item-date 23 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor fugiat ipsam hic porro enim, accusamus perferendis, quas commodi alias quaerat eius nemo deleniti. Odio quasi quos quis iure, aperiam pariatur?
+ .timeline-item
+ .timeline-item-date 24 <small>DEC</small>
+ .timeline-item-divider
+ .timeline-item-content
+ .timeline-item-inner One more text here
Oops, something went wrong.

0 comments on commit 2b24bba

Please sign in to comment.