<!-- 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">year <strong>1</strong></p>
<p class="process_item_title">Undergraduate Sciences I</p>
</div>
<div class="process_item_description">
<p>There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
</div>
</li>
<li class="process_item">
<div class="process_item_block">
<p class="process_item_label">year <strong>1</strong></p>
<p class="process_item_title">Undergraduate Sciences I</p>
</div>
<div class="process_item_description">
<p>There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
<p>There are a range of entry points into our <a href="#">Doctor of Medicine</a> program.</p>
<p>There are a range of entry points into our Doctor of Medicine program, acommodating applicants of all educational systems and academic backgrounds.</p>
</div>
</li>
<li class="process_item">
<div class="process_item_block">
<p class="process_item_label">year <strong>2</strong></p>
<p class="process_item_title">Undergraduate Sciences II</p>
</div>
<div class="process_item_description">
<img src="https://images.fastspot.com/framework/20x15/1" alt=""> Grenada<br><img src="https://images.fastspot.com/framework/20x15/1" alt=""> UK<br> <img src="https://images.fastspot.com/framework/20x15/1" alt=""> India
</div>
</li>
<li class="process_item">
<div class="process_item_block">
<p class="process_item_label">year <strong>3</strong></p>
<p class="process_item_title">Undergraduate Sciences III</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.