0%

### Timeline (Vertical)

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit .

Jan 14

### Timeline Title Here 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 14

### Timeline (Vertical & Reversed)

Based on the above vertical timeline. Overlay the class `.is-reversed` on the `.is-vertical` to use this style.

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit .

Jan 14

### Timeline Title Here 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 14

### Timeline (Horizontal)

Add a wrapper `<div class="uix-timeline__container-wrapper is-horizontal">...</div>` around the content inside `<div class="uix-timeline__container">...</div>`. And overlay the class `.is-horizontal` on the `.uix-timeline__container` to use this style.

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 13

### Timeline Title Here 3

Lorem ipsum dolor sit amet

Jan 12

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora.

Jan 11

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 10

### Timeline Title Here 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 9

### Timeline Title Here 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 2

### Timeline (Horizontal & Reversed)

Based on the above horizontal timeline. Overlay the class `.is-reversed` on the `.is-horizontal` to use this style.

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 14

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 13

### Timeline Title Here 3

Lorem ipsum dolor sit amet

Jan 12

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora.

Jan 11

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 10

### Timeline Title Here 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 9

### Timeline Title Here 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 2

### Timeline (Horizontal Style 2)

Add a wrapper `<div class="uix-timeline__container-wrapper is-horizontal">...</div>` around the content inside `<div class="uix-timeline__container">...</div>`. And overlay the class `.is-horizontal` on the `.uix-timeline__container` to use this style.

## Jan 14

Jan 14

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 13

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 12

### Timeline Title Here 3

Lorem ipsum dolor sit amet

Jan 11

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora.

Jan 10

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 9

### Timeline Title Here 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 2

### Timeline Title Here 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

## Jan 14

Jan 14

### Timeline Title Here 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Jan 13

### Timeline Title Here 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 12

### Timeline Title Here 3

Lorem ipsum dolor sit amet

Jan 11

### Timeline Title Here 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora.

Jan 10

### Timeline Title Here 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Jan 9

### Timeline Title Here 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Jan 2

### Timeline Title Here 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?