occheung
/
web2019
forked from M-Labs/web2019
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(issue24): Corrects custom layout for office direction

This commit is contained in:
sovanna 2020-01-27 15:07:11 +01:00
parent f9fe47a414
commit 413ceb4fe7
2 changed files with 44 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
content/about-us/office.md
View File

@ -34,28 +34,6 @@ Those transportation options take you to King's Road, then see the directions be
<div class="row"> <div class="row">
{% layout_card(src="images/directions_1@2x.png", imgbottom=true, rmcard=true) %} {{ layout_flex_office_direction() }}
<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:
{% end %}
{% layout_card(src="images/directions_2@2x.png", imgbottom=true, rmcard=true) %}
<p style="padding-bottom: 46px;">
<span class="badge badge-primary">2</span> Enter here:
</p>
{% end %}
{% layout_card(src="images/directions_3@2x.png", imgbottom=true, rmcard=true) %}
<p style="padding-bottom: 21px;">
<span class="badge badge-primary">3</span> Turn right here, walk a little bit, and M-Labs will be on your left:
</p>
{% end %}
</div> </div>

43
templates/shortcodes/layout_flex_office_direction.html Normal file
View File

@ -0,0 +1,43 @@
<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>