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

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.

  • UTS Equal Futures

    The SAGE Athena SWAN program is an exciting new pilot that gives UTS the opportunity to focus on areas of stubborn gender disparity in STEMM.

  • UTS Equal Futures

    The SAGE Athena SWAN program is an exciting new pilot that gives UTS the opportunity to focus on areas of stubborn gender disparity in STEMM.

  • UTS Equal Futures

    The SAGE Athena SWAN program is an exciting new pilot that gives UTS the opportunity to focus on areas of stubborn gender disparity in STEMM.

  • UTS Equal Futures

    The SAGE Athena SWAN program is an exciting new pilot that gives UTS the opportunity to focus on areas of stubborn gender disparity in STEMM.

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>