web2019/templates/shortcodes/layout_flex_office_direction.html

43 lines
1.2 KiB
HTML
Raw Normal View History

<div class="col-12">
<div class="d-flex flex-column flex-md-row justify-content-between align-items-stretch">
<div class="d-flex flex-column justify-content-between pr-md-3 pb-3 pb-md-0" style="flex: 1;">
<div>
<span class="badge badge-primary">1</span> When entering from King's Road, Pan Hoi Street looks like this. Go to the location of the red arrow:
</div>
<img class="img-fluid" style="" src="{{ get_url(path='images/directions_1@2x.png', cachebust=true) }}">
</div>
<div class="d-flex flex-column justify-content-between pl-md-3 pr-md-3 pb-3 pb-md-0" style="flex: 1;">
<div>
<span class="badge badge-primary">2</span> Enter here:
</div>
<img class="img-fluid" style="" src="{{ get_url(path='images/directions_2@2x.png', cachebust=true) }}">
</div>
<div class="d-flex flex-column justify-content-between pl-md-3 pb-3 pb-md-0" style="flex: 1;">
<div>
<span class="badge badge-primary">3</span> Turn right here, walk a little bit, and M-Labs will be on your left:
</div>
<img class="img-fluid" style="" src="{{ get_url(path='images/directions_3@2x.png', cachebust=true) }}">
</div>
</div>
</div>