<!-- Process Based List -->
<div class="process">
    <ul class="process_block" aria-label="">
        <li class="process_row">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="process_row_inner">
                        <div class="process_row_intro">
                            <h2 class="process_title">Program Overview</h2>
                            <h3 class="process_row_title">Years 1 & 2 Basic Sciences</h3>
                            <p class="process_row_description">There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
                            <div class="process_row_link_item">
                                <a class="process_row_link" href="#">Download Outline</a>
                            </div>
                        </div>
                        <div class="process_row_main">
                            <div class="process_group">
                                <h4 class="process_group_title">Academic year 1 & 2 - 86 weeks</h4>
                                <ul class="process_items" aria-label="Academic year 1 & 2 - 86 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>1</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine I</p>
                                            <p class="process_item_sub_label">17 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>2</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine II</p>
                                            <p class="process_item_sub_label">17 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>3</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine III</p>
                                            <p class="process_item_sub_label">18 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>4</strong></p>
                                            <p class="process_item_title">Principles of Clinical Medicine I</p>
                                            <p class="process_item_sub_label">21 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>5</strong></p>
                                            <p class="process_item_title">Principles of Clinical Medicine II</p>
                                            <p class="process_item_sub_label">13 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="process_row">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="process_row_inner">
                        <div class="process_row_intro">
                            <h3 class="process_row_title">Years 3 & 4 Clinical Sciences</h3>
                            <p class="process_row_description">There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
                        </div>
                        <div class="process_row_main">
                            <div class="process_group">
                                <h4 class="process_group_title">Core rotations - 42 weeks</h4>
                                <ul class="process_items" aria-label="Core rotations - 42 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Internal Medicine</p>
                                            <p class="process_item_sub_label">12 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Surgery</p>
                                            <p class="process_item_sub_label">12 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Pediatrics</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Obstretics/Gynecology</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Psychiatry</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="process_group">
                                <h4 class="process_group_title">Sub-internships & electives - 38 weeks</h4>
                                <ul class="process_items" aria-label="Sub-internships & electives - 38 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Family Medicine</p>
                                            <p class="process_item_sub_label">4-6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Medicine Subinternship</p>
                                            <p class="process_item_sub_label">4 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Medicine Elective</p>
                                            <p class="process_item_sub_label">4 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Additional Electives</p>
                                            <p class="process_item_sub_label">24-26 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="process_row">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="process_row_inner">
                        <div class="process_row_intro">
                            <h3 class="process_row_title">Years 1 & 2 Basic Sciences</h3>
                            <p class="process_row_description">There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
                            <div class="process_row_link_item">
                                <a class="process_row_link" href="#">Download Outline</a>
                            </div>
                        </div>
                        <div class="process_row_main">
                            <div class="process_group">
                                <h4 class="process_group_title">Academic year 1 & 2 - 86 weeks</h4>
                                <ul class="process_items" aria-label="Academic year 1 & 2 - 86 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>1</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine I</p>
                                            <p class="process_item_sub_label">17 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>2</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine II</p>
                                            <p class="process_item_sub_label">17 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>3</strong></p>
                                            <p class="process_item_title">Basic Principles of Medicine III</p>
                                            <p class="process_item_sub_label">18 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>4</strong></p>
                                            <p class="process_item_title">Principles of Clinical Medicine I</p>
                                            <p class="process_item_sub_label">21 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_label">term <strong>5</strong></p>
                                            <p class="process_item_title">Principles of Clinical Medicine II</p>
                                            <p class="process_item_sub_label">13 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="process_row">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="process_row_inner">
                        <div class="process_row_intro">
                            <h3 class="process_row_title">Years 3 & 4 Clinical Sciences</h3>
                            <p class="process_row_description">There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
                        </div>
                        <div class="process_row_main">
                            <div class="process_group">
                                <h4 class="process_group_title">Core rotations - 42 weeks</h4>
                                <ul class="process_items" aria-label="Core rotations - 42 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Internal Medicine</p>
                                            <p class="process_item_sub_label">12 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Surgery</p>
                                            <p class="process_item_sub_label">12 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Pediatrics</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Obstretics/Gynecology</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Psychiatry</p>
                                            <p class="process_item_sub_label">6 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="process_group">
                                <h4 class="process_group_title">Sub-internships & electives - 38 weeks</h4>
                                <ul class="process_items" aria-label="Sub-internships & electives - 38 weeks">
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Family Medicine</p>
                                            <p class="process_item_sub_label">4-6 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Medicine Subinternship</p>
                                            <p class="process_item_sub_label">4 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Medicine Elective</p>
                                            <p class="process_item_sub_label">4 weeks</p>
                                        </div>
                                    </li>
                                    <li class="process_item">
                                        <div class="process_item_block">
                                            <p class="process_item_title">Additional Electives</p>
                                            <p class="process_item_sub_label">24-26 weeks</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>
<!-- END: Process Based List -->
{#
	{% include '@component-process-list' with {
		title: 'Title',
		rows: [
			{
				title: 'Row Title',
				description: 'Row Description',
				link: {
					url: '#',
					label: 'Row Link Label'
				},
				groups: [
					{
						title: 'Group Title',
						items: [
							{
								title: 'Item Title',
								label: 'Item Label',
								sub_label: 'Item Sub Label',
								description: 'Item Description'
							}
						]
					}
				]
			}
		]
	} %}
#}

<!-- Process Based List -->
<div class="process">
	<ul class="process_block" aria-label="{{ group_title }}">
		{% for row in rows %}
			<li class="process_row">
				<div class="fs-row">
					<div class="fs-cell">
						<div class="process_row_inner">
							<div class="process_row_intro">
								{% if loop.index == 1 %}
									<h2 class="process_title">{{ title }}</h2>
								{% endif %}
								<h3 class="process_row_title">{{ row.title}}</h3>
								{% if row.description %}
									<p class="process_row_description">{{ row.description }}</p>
								{% endif %}
								{% if row.link %}
									<div class="process_row_link_item">
										<a class="process_row_link" href="{{ row.link.url }}">{{ row.link.label }}</a>
									</div>
								{% endif %}
							</div>
							<div class="process_row_main">
								{% for group in row.groups %}
									<div class="process_group">
										{% if group.title %}
											<h4 class="process_group_title">{{ group.title }}</h4>
										{% endif %}
										<ul class="process_items" aria-label="{{ group.title ?: title }}">
											{% for item in group.items %}
												<li class="process_item">
													<div class="process_item_block">
														{% if item.label %}
															<p class="process_item_label">{{ item.label }}</p>
														{% endif %}
														<p class="process_item_title">{{ item.title }}</p>
														{% if item.sub_label %}
															<p class="process_item_sub_label">{{ item.sub_label }}</p>
														{% endif %}
													</div>
													{% if item.description %}
														<div class="process_item_description">
															{{ item.description }}
														</div>
													{% endif %}
												</li>
											{% endfor %}
										</ul>
									</div>
								{% endfor %}
							</div>
						</div>
					</div>
				</div>
			</li>
		{% endfor %}
	</ul>
</div>
<!-- END: Process Based List -->

No notes defined.