<div class="infobox bg-blue text-white">
<div class=" row mb-5">
<div class='col-12 col-xl mb-5 mb-xl-0 d-flex flex-row'>
<div class='me-3'><i class='far fa-calendar fa-lg'></i></div>
<div>
<h4 class='m-0'>Start date</h4>
<p>September 2018</p>
</div>
</div>
<div class='col-12 col-xl d-flex flex-row'>
<div class='me-3'><i class='far fa-clock fa-lg'></i></div>
<div>
<h4 class='m-0'>Application deadline</h4>
<p>Rolling admissions from November to August</p>
</div>
</div>
</div>
<div class='row'>
<div class='col-12 col-xl mb-5 mb-xl-0 d-flex flex-row'>
<div class='me-3'><i class='far fa-hourglass-start fa-lg'></i></div>
<div>
<h4 class='m-0'>Duration</h4>
<p>12 months full-time</p>
</div>
</div>
<div class='col-12 col-xl d-flex flex-row'>
<div class='me-3'><i class='far fa-edit fa-lg'></i></div>
<div>
<h4 class='m-0'>Apply from</h4>
<p>November 2017</p>
</div>
</div>
</div>
</div>
<div class="infobox{{modifiers modifiers}}">
{{render "@component-list" content}}
</div>
{
"modifiers": [
"bg-blue",
"text-white"
],
"content": {
"components": [
{
"component": "div",
"context": {
"content": "<div class='col-12 col-xl mb-5 mb-xl-0 d-flex flex-row'><div class='me-3'><i class='far fa-calendar fa-lg'></i></div><div><h4 class='m-0'>Start date</h4><p>September 2018</p></div></div><div class='col-12 col-xl d-flex flex-row'><div class='me-3'><i class='far fa-clock fa-lg'></i></div><div><h4 class='m-0'>Application deadline</h4><p>Rolling admissions from November to August</p></div></div></div><div class='row'><div class='col-12 col-xl mb-5 mb-xl-0 d-flex flex-row'><div class='me-3'><i class='far fa-hourglass-start fa-lg'></i></div><div><h4 class='m-0'>Duration</h4><p>12 months full-time</p></div></div><div class='col-12 col-xl d-flex flex-row'><div class='me-3'><i class='far fa-edit fa-lg'></i></div><div><h4 class='m-0'>Apply from</h4><p>November 2017</p></div></div>",
"modifiers": [
"row",
"mb-5"
]
}
}
]
}
}
No notes defined.