Saniya kari (Talk | contribs) |
Saniya kari (Talk | contribs) |
||
Line 29: | Line 29: | ||
/* Container around content */ | /* Container around content */ | ||
− | .container { | + | .container-timeline { |
padding: 10px 40px; | padding: 10px 40px; | ||
position: relative; | position: relative; | ||
Line 38: | Line 38: | ||
/* The circles on the timeline */ | /* The circles on the timeline */ | ||
− | .container::after { | + | .container-timeline::after { |
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
Line 86: | Line 86: | ||
/* Full-width containers */ | /* Full-width containers */ | ||
− | .container { | + | .container-timeline { |
width: 100%; | width: 100%; | ||
padding-left: 70px; | padding-left: 70px; | ||
Line 93: | Line 93: | ||
/* Make sure that all arrows are pointing leftwards */ | /* Make sure that all arrows are pointing leftwards */ | ||
− | .container::before { | + | .container-timeline::before { |
left: 60px; | left: 60px; | ||
border: medium solid white; | border: medium solid white; | ||
Line 118: | Line 118: | ||
<div class="timeline"> | <div class="timeline"> | ||
− | <div class="container left"> | + | <div class="container-timeline left"> |
<div class="content"> | <div class="content"> | ||
<h2>September 2017</h2> | <h2>September 2017</h2> | ||
Line 124: | Line 124: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container right"> | + | <div class="container-timeline right"> |
<div class="content"> | <div class="content"> | ||
<h2>October 2017</h2> | <h2>October 2017</h2> | ||
Line 130: | Line 130: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container left"> | + | <div class="container-timeline left"> |
<div class="content"> | <div class="content"> | ||
<h2>November 2017</h2> | <h2>November 2017</h2> | ||
Line 136: | Line 136: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container right"> | + | <div class="container-timeline right"> |
<div class="content"> | <div class="content"> | ||
<h2>December 2017</h2> | <h2>December 2017</h2> | ||
Line 142: | Line 142: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container left"> | + | <div class="container-timeline left"> |
<div class="content"> | <div class="content"> | ||
<h2>January 2018</h2> | <h2>January 2018</h2> | ||
Line 148: | Line 148: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container right"> | + | <div class="container-timeline right"> |
<div class="content"> | <div class="content"> | ||
<h2>February 2018</h2> | <h2>February 2018</h2> | ||
Line 154: | Line 154: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container left"> | + | <div class="container-timeline left"> |
<div class="content"> | <div class="content"> | ||
<h2>March 2018</h2> | <h2>March 2018</h2> | ||
Line 160: | Line 160: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container right"> | + | <div class="container-timeline right"> |
<div class="content"> | <div class="content"> | ||
<h2>April 2018</h2> | <h2>April 2018</h2> | ||
Line 166: | Line 166: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container left"> | + | <div class="container-timeline left"> |
<div class="content"> | <div class="content"> | ||
<h2>May 2018</h2> | <h2>May 2018</h2> | ||
Line 172: | Line 172: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="container right"> | + | <div class="container-timeline right"> |
<div class="content"> | <div class="content"> | ||
<h2>June 2018</h2> | <h2>June 2018</h2> | ||
Line 180: | Line 180: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
</body> | </body> |
Revision as of 19:07, 29 August 2018
Brainstorming
September 2017
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
October 2017
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
November 2017
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
December 2017
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
January 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
February 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
March 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
April 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
May 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
June 2018
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.