Page sub tittle

Timeline v1

11:35AM
Users Joined Today

Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit,consectetur eiusmdd

02:50PM
New Members Joined!
Anna Strong

Visual Designer, Google Inc

Check
Nick Nelson

Project Manage, Apple Inc

Check

Timeline v2

11:35AM
Users Joined Today

Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit,consectetur eiusmdd

02:50PM
New Members Joined!
Anna Strong

Visual Designer, Google Inc

Check
Nick Nelson

Project Manage, Apple Inc

Check
10:00
Lorem ipsum dolor sit amit,consectetur eiusmdd tempor
incididunt ut labore et dolore magna
12:45
AEOL Meeting With
14:00
Make Deposit USD 700 To ESL.
16:00
Lorem ipsum dolor sit amit,consectetur eiusmdd tempor
incididunt ut labore et dolore magna elit enim at minim
veniam quis nostrud
17:00
Placed a new order in SIGNATURE MOBILE marketplace.
16:00
Lorem ipsum dolor sit amit,consectetur eiusmdd tempor
incididunt ut labore et dolore magna elit enim at minim
veniam quis nostrud
17:00
Received a new feedback on FinancePro App product.

Timeline v4

09:00
Lorem ipsum dolor sit amit,consectetur eiusmdd tempor
By Bob
10:00
Lorem ipsum dolor sit amit
By Sean
11:00
Lorem ipsum dolor sit amit eiusmdd tempor
By James
12:00
Lorem ipsum dolor
By James
14:00
Lorem ipsum dolor sit amit,consectetur eiusmdd
By Derrick
15:00
Lorem ipsum dolor sit amit,consectetur
By Iman
17:00
Lorem ipsum dolor sit consectetur eiusmdd tempor
By Aziko
09:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By Bob
10:00
There are many variations of passages of Lorem Ipsum available.
By Sean
11:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By James
12:00
The standard chunk of Lorem Ipsum used since the 1500s is reproduced.
By James
14:00
Latin words, combined with a handful of model sentence structures.
By Derrick
15:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By Iman
17:00
Lorem Ipsum is therefore always free from repetition, injected humour.
By Aziko

Timeline v5

Today
  • 09:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Bob
  • 10:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Sean
  • 11:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By James
  • 12:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Derrick
  • 14:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Iman
  • 15:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Aziko
  • 17:00
    7% Category: Lorem ipsum Product: Lorem ipsum dolor sit amit By Iman
09:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By Bob
10:00
There are many variations of passages of Lorem Ipsum available.
By Sean
11:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By James
12:00
The standard chunk of Lorem Ipsum used since the 1500s is reproduced.
By James
14:00
Latin words, combined with a handful of model sentence structures.
By Derrick
15:00
Contrary to popular belief, Lorem Ipsum is not simply random text.
By Iman
17:00
Lorem Ipsum is therefore always free from repetition, injected humour.
By Aziko

Timeline v6

Basic Timeline

Extra small devices (phones, less than 768px)

  • March 12, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • March 23, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 2016

  • April 02, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 28, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

Split Timeline

Small devices (tablets, 768px and up)

  • March 12, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • March 23, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 2016

  • April 02, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 28, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

Centered Timeline

Medium devices (desktops, 992px and up).

  • March 12, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • March 23, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 2016

  • April 02, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.

  • April 28, 2016

    Event Title

    Nullam vel sem. Nullam vel sem. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Donec vitae sapien ut libero venenatis faucibus. ullam dictum felis eu pede mollis pretium. Pellentesque ut neque.