Timeline

Default

<layout:grid>
    <layout:block>
        <!-- Entry -->
        <div styling="timeline-entry">
            <layout:grid>
                <layout:block medium="7-24" large="1-3" styling="timeline-time">
                    <layout:box padding-right="2">
                        <h2>October 26, 2016</h2>
                        <h4>1:22pm – 1:37pm</h4>
                    </layout:box>
                </layout:block>
                <layout:block medium="17-24" large="14-24" styling="timeline-content">
                    <layout:box padding-left="2">
                        <div styling="panel text-left">
                            <h3>Lot Shipped</h3>
                            <p>From: Warehouse 3, Row 6, Level -2</p>
                            <p>To: XY Distribution Pharma, Texas</p>
                            <p>Docket Ref: dsg246475g</p>
                        </div>
                    </layout:box>
                </layout:block>
            </layout:grid>
        </div>
        <!-- Entry -->
        <div styling="timeline-entry">
            <layout:grid>
                <layout:block medium="7-24" large="1-3" styling="timeline-time">
                    <layout:box padding-right="2">
                        <h2>October 25, 2016</h2>
                        <h4>3:22pm – 8:22am</h4>
                    </layout:box>
                </layout:block>
                <layout:block medium="17-24" large="14-24" styling="timeline-content">
                    <layout:box padding-left="2">
                        <div styling="panel text-left">
                            <h3>Lot Shipped</h3>
                            <p>From: Warehouse 3, Row 6, Level -2</p>
                            <p>To: XY Distribution Pharma, Texas</p>
                            <p>Docket Ref: dsg246475g</p>
                        </div>
                    </layout:box>
                </layout:block>
            </layout:grid>
        </div>
    </layout:block>
</layout:grid>