2011

Neque sunt voluptatibus repellat pariatur ut enim. Eveniet rerum suscipit eveniet amet dignissimos. Doloremque et distinctio quod molestiae ut.

2012

Quo nobis cumque dolor iure voluptatem voluptatem alias soluta.

2013

Rerum sit libero possimus amet excepturi. Exercitationem enim dolores sunt praesentium dolorum praesentium.

2014

Voluptatibus veniam ea reprehenderit atque. Reiciendis non laborum adipisci ipsa pariatur omnis. Sed ipsam repudiandae velit. Omnis libero nostrum aperiam nemo dolor ea eos eius. Esse a non itaque quidem.

2015

VAdipisci totam omnis cum et suscipit excepturi et excepturi. Inventore sequi sit ut aliquid. Modi aut dolores dignissimos.

Delectus facere officia consequuntur molestias deserunt illo. Placeat laudantium beatae natus excepturi ab nihil voluptates.

2016

Impedit dolorem commodi explicabo fugit aut alias voluptatem. Magnam earum rerum quae dicta quibusdam aliquam ut.

2017

Qui facere eos aut suscipit doloremque quos...

body { background-color:#1D1D1D; min-height:100vh; margin:0; font-family: 'Droid Sans', sans-serif; &:before { content: ''; position: fixed; top:0px; left:50%; bottom:0px; transform:translateX(-50%); width:4px; background-color:#fff; } .entries { width:calc(100% - 80px); max-width:800px; margin:auto; position: relative; left:-5px; .entry { width:calc(50% - 80px); float:left; padding:20px; clear:both; text-align:right; &:not(:first-child) { margin-top:-60px; } .title { font-size:32px; margin-bottom:12px; position: relative; color:#fff; &:before { content: ''; position: absolute; width:8px; height:8px; border:4px solid #ffffff; background-color:#1D1D1D; border-radius:100%; top:50%; transform:translateY(-50%); right:-73px; z-index:1000; } &.big:before { width:24px; height:24px; transform:translate(8px,-50%); } } .body { color:#aaa; p { line-height:1.4em; } } &:nth-child(2n) { text-align:left; float:right; .title { &:before { left:-63px; } &.big:before { transform:translate(-8px,-50%); } } } } } }