<div class="card context-main context-main-bg col-8 offset-2 my-4 p-3">
    <h2 class="text-center">Resume</h2>
    <hr>
    {RESUME_NAV}
    <div class="details_nobs card-text d-none text-center col-6 offset-3">
        <p>
            Honestly, I really wanted to do something fun and interactive here. 
            Unfortunately I didn't have a specific idea in mind and this was abandoned in favor of spending my time somewhere with a bigger impact.
        </p>
    </div>
    {LOOP}
        <div class="resume-timeline">
            <div class="timeline-container {side}">
                <div class="timeline-content context-third-bg">
                    <h3 class="resume-position-title">{name}</h3>
                    <p><b>{position}</b> from <i>{prettyStart}</i> to <i>{prettyEnd}</i></p>
                    <div class="details card-text">
                        {details}
                    </div>
                    <div class="details_nobs card-text d-none">
                        {details_nobs}
                    </div>
                </div>
            </div>
        </div>
    {/LOOP}
    {ALT}
        <div class="resume-timeline">
            <p>None Found</p>
        </div>
    {/ALT}
    {RESUME_DOWNLOADS}
</div>