<div class="OffCanvas">
    <div class="OffCanvas-header">
        <button type="button" name="close" class="OffCanvas-close">close</button>
    </div>
    <ul class="OffCanvas-list">
        <li class="OffCanvas-listItem">
            <a href="#" class="OffCanvas-link">Case Studies</a>
        </li>
        <li class="OffCanvas-listItem">
            <a href="#" class="OffCanvas-link">Team</a>
        </li>
        <li class="OffCanvas-listItem">
            <a href="#" class="OffCanvas-link">Posts</a>
        </li>
        <li class="OffCanvas-listItem">
            <a href="#" class="OffCanvas-link">Events</a>
        </li>
        <li class="OffCanvas-listItem">
            <a href="#" class="OffCanvas-link">Contact</a>
        </li>
    </ul>
</div>
<div class="OffCanvas">
    <div class="OffCanvas-header">
        <button type="button" name="close" class="OffCanvas-close">close</button>
    </div>
    <ul class="OffCanvas-list">
    {% for link in offCanvasLinks %}
        <li class="OffCanvas-listItem">
            <a href="{{ link.url }}" class="OffCanvas-link">{{ link.title }}</a>
        </li>
    {% endfor %}
    </ul>
</div>
{
  "offCanvasLinks": [
    {
      "title": "Case Studies",
      "url": "#"
    },
    {
      "title": "Team",
      "url": "#"
    },
    {
      "title": "Posts",
      "url": "#"
    },
    {
      "title": "Events",
      "url": "#"
    },
    {
      "title": "Contact",
      "url": "#"
    }
  ]
}

There are no notes for this item.