Timeline

Preview

A timeline is an article, each section contains a responsive div for any content.

Company Name

location pin Location

November 2020 - present

  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium
  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium

Company Name

location pin Location

November 2020 - present

  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium
  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium

Company Name

location pin Location

November 2020 - present

  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium
  • Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium

Code

                        
                            <article class="timeline">
                            	<section>
                            		<div class="content">
                            			<h3>Company Name</h3>
                            			<p>
                            				<img src="../img/pin.png" width="16" alt="location pin" />
                            				<strong>Location</strong>
                            			</p>
                            			<p><em>November 2020 - present</em></p>
                            			<ul>
                            				<li>
                            					Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut
                            					perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem
                            					accusantium
                            				</li>
                            				<li>
                            					Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut
                            					perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem
                            					accusantium
                            				</li>
                            			</ul>
                            		</div>
                            	</section>
                            </article>

Accessibility

N/A