Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture from Unsplash
Thu 26th Sep

Aliquam Dignissim Fere Immitto Tation

Ex exputo ille nimis nunc quidne valde verto. Abigo eu eum jumentum lenis natu pecus praemitto premo sit. At erat iaceo illum jus occuro secundum suscipere voco. Capto genitus lenis nunc odio saepius verto virtus. Melior praesent volutpat. Decet ea eligo ideo letalis refoveo sed suscipere vero.

Autem consequat eligo ex facilisis quis virtus. Acsi feugiat veniam. Blandit caecus enim incassum iustum saluto. Camur modo molior nibh.

Picture from Unsplash
Thu 26th Sep

Aliquip Eu Facilisi Hos Zelus

Cui tum voco. Ex iustum jumentum meus praesent. Aliquam augue duis inhibeo pagus persto praemitto qui. Consequat eligo facilisis feugiat hos importunus nulla typicus vel. Luctus minim quidne refoveo. Esse refero typicus voco. Dolor praesent quia saepius valde. Aliquip augue gilvus humo iusto jugis luctus luptatum similis vereor.

Abluo adipiscing dolus facilisis letalis molior neo tamen. Adipiscing conventio hos iaceo interdico quidne. Exerci importunus sino. Accumsan aliquip eum pagus usitas.

Picture from Unsplash
Wed 25th Sep

Comis Gemino Importunus Mauris Praesent

Antehabeo blandit macto nutus quae. Comis laoreet neo qui roto turpis. Abluo ad capto exerci ideo meus populus refoveo suscipit. Autem ludus neque vereor. Eu letalis magna ratis. Antehabeo nobis vel. Enim ex immitto magna neo neque quadrum ullamcorper. Abdo dolore jumentum nobis populus praesent vel ymo.

Erat esse pala tum. Abbas diam gravis lobortis typicus valde. Amet caecus capto damnum inhibeo modo odio pertineo tum volutpat.

Picture from Unsplash
Tue 24th Sep

Dignissim Nunc Occuro Pecus Tation

Capto ludus suscipit ut valetudo. Aptent capto eros letalis quis ut. Camur diam distineo exerci natu praesent quibus validus vulputate. Cui ideo natu neo olim oppeto. Abdo conventio defui elit sagaciter tamen. Commoveo haero iriure iustum natu nobis scisco si vindico zelus.

Ad dolus luptatum magna neo nobis pneum veniam. Aliquip dolor gilvus. Aptent meus patria. Abbas humo importunus quia. Damnum ea pecus.

2013
Picture from Unsplash
Thu 19th Sep

Commoveo Neque Probo Refoveo Wisi

Consequat ea jus nisl sino sudo. Acsi imputo interdico paratus sino suscipere tum virtus. Comis gilvus mos nobis. Erat iriure jus mauris patria qui singularis sino valde. Autem distineo esca humo importunus pala populus quadrum suscipere volutpat. Abdo et secundum.

Facilisis nunc paratus. Aliquam elit mauris premo quidem vero. Antehabeo duis sed singularis tincidunt utinam velit. Interdico refoveo sagaciter vereor.

Picture from Unsplash
Fri 20th Sep

Abico Feugiat Macto Refero Tincidunt

Accumsan autem bene esse et luptatum macto pneum tincidunt. Brevitas iaceo natu. Adipiscing autem camur consequat et gemino in pagus typicus. Autem cogo defui enim iustum lobortis neque quia. Causa dolore nibh. Brevitas consectetuer in vulputate. Causa comis eligo esse ibidem nulla pertineo secundum.

Antehabeo augue commoveo natu pala proprius quia sit suscipit. Conventio eum iriure iustum magna pneum qui turpis. Defui diam iusto luptatum quae valde ymo.

Sat 21st Sep

Consectetuer Gilvus Molior Quis Utrum

Ibidem suscipit vel velit vereor. Accumsan gilvus iaceo jus lucidus mauris mos odio ratis voco. Abbas commodo decet praesent singularis tincidunt velit. Causa dignissim interdico pagus secundum virtus. Interdico nunc sino. Ad consequat duis exputo saepius suscipere venio. Aliquam camur capto conventio damnum iriure praesent secundum sit.

Augue populus scisco. Bene consequat decet gemino iriure tum. Decet euismod gilvus inhibeo ludus turpis volutpat. Caecus ibidem importunus inhibeo neque persto rusticus te typicus.

Tue 17th Sep

Abdo Ea Iriure Praesent Sino

Autem capto consectetuer eros nimis pneum saepius scisco. Abigo blandit consectetuer cui incassum. Consectetuer conventio enim huic modo obruo quidne refoveo verto. Facilisis minim nisl sed similis. Exerci illum lucidus paratus. Modo nostrud quis saluto. Amet augue damnum gemino probo quidem singularis velit verto.

Ex in jugis metuo velit. Genitus humo iaceo nibh quibus quidem roto rusticus utrum vulputate. Abluo accumsan adipiscing aptent augue euismod genitus hendrerit mauris zelus.

The End

Options

4 Timeline variations (combine with .timeline) classes available:

  1. Default : class="timeline" = default, 2 items per row, floating left & right, timeline runs down the middle. Is stacked on mobile.
  2. timeline-left : class="timeline timeline-left" = 1 item per row, floating left, timeline runs down the left with markers aligned left
  3. timeline-right : class="timeline timeline-right" = 1 item per row, floating right, timeline runs down the right with markers aligned right
  4. timeline-stacked : class="timeline timeline-stacked" = posts stack on top of each other, 1 item per row, timeline runs down the middle, markers show above posts. Is default mobile layout.
  5. timeline carousel

Timeline item (combine with .timeline-item) classes available:

  1. overlap-off = drops the item overlap
  2. overlap-pull-large = class to pull item up 120px
  3. overlap-pull-small = class to pull item up 30px
  4. overlap-push-large = class to push item down 120px
  5. overlap-push-medium = class to push item down 60px
  6. overlap-push-small = class to push item down 30px
  7. right = pulls item to right
  8. highlight = highlights the marker with primary colour

Awesome Features

Beginner + developer friendly
Free Lifetime Upgrades
Fully Responsive
About Us

Making the web a prettier place one template at a time! We make beautiful, quality, responsive Drupal & web templates!

Find out more
Contact Us

019223 8092344

info@themelize.me

Sunshine House, Sunville. SUN12 8LU.

Colour Options

AppStrap comes with 11 pre-defined colour options which are shown below.

You can easily switch colours doing one of the following:

  1. via the config colourScheme option
  2. or via ./src/scss/_variables.scss defining a preset colour or by defining your own.


Cookies are NOT enabled so colour selection is not persistent.

To main homepage

To admin homepage

To intro page