7.4.4 Sidebar D View in a new window
- Small grey sidebar.
- Appears second in the markup order.
- Left aligned.
Twig: containers/sidebars/sidebar-d.twig
Example
Markup
<div class="sidebar-grid sidebar-grid--d">
{% block title %}
{% endblock %}
<div class="sidebar-grid__row">
<main class="sidebar-grid__main">
{% block main %}
<p>Innovation, collaboration and engagement are at the core of UTS's range of strategic initiatives: from services for the local community to campus development plans that will strengthen our role in the local education precinct and Sydney business community, our engagement with Indigenous education and employment to our commitment to sustainability and internationalisation.</p>
<ul class="flex-tile flex-tile--2x">
<li class="flex-tile__item">
{% include '@uts_theme/components/image-teaser/image-teaser.twig' %}
</li>
<li class="flex-tile__item">
{% include '@uts_theme/components/image-teaser/image-teaser.twig' %}
</li>
<li class="flex-tile__item">
{% include '@uts_theme/components/image-teaser/image-teaser.twig' %}
</li>
<li class="flex-tile__item">
{% include '@uts_theme/components/image-teaser/image-teaser.twig' %}
</li>
</ul>
{% endblock %}
</main>
<aside class="sidebar-grid__sidebar">
<div class="sidebar--alt">
{% block sidebar %}
<h3>Services for the Community</h3>
<p>
<a href="#">UTS Child Care</a><br>
<a href="#">Fitness Centre</a><br>
<a href="#">Multi-purpose Sports Hall</a><br>
<a href="#">Traditional Chinese Medicine Clinic</a><br>
<a href="#">2SER community radio</a><br>
<a href="#">UTS Landlords Register</a><br>
<a href="#">UTS IELTS Test Centre</a><br>
<a href="#">UTS Library</a><br>
<a href="#">Donors</a><br>
<a href="#">Body Donor Program</a><br>
<a href="#">Alumni</a><br>
<a href="#">UTS ART: Gallery and Collection</a>
</p>
{% endblock %}
</div>
{% block sidebar_after %}
{% endblock %}
</aside>
</div>
</div>