<ul class="nav">
    <li class="nav__item nav__item--first nav__item--home">
        <a class="nav__link">Item 1</a>
    </li>
    <li class="nav__item nav__item--selected nav__item--path-selected">
        <a class="nav__link nav__link--selected">Item 2</a>
    </li>
    <li class="nav__item nav__item--dropdown">
        <a class="nav__link">Item 3</a>
        <ul>
            <li class="nav__item">
                <a class="nav__link"></a>
            </li>
        </ul>
    </li>
    <li class="nav__item">
        <a class="nav__link">Item 4</a>
    </li>
</ul>

<nav role="navigation" aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb__item"><a href="#">Home</a></li>
    <li class="breadcrumb__item breadcrumb__item--active" aria-current="page">Library</li>
  </ol>
</nav>

<div class="ccm-block-calendar-wrapper" data-calendar="<?=$bID?>"></div>

<div class="ccm-block-calendar-event-wrapper">
    <div class="ccm-block-calendar-event-header">
        <h3>
            <a href="#">Event name</a>
        </h3>
    </div>
    <div class="ccm-block-calendar-event-date-time">
    </div>
    <div class="ccm-block-calendar-event-description">
    </div>
    <div class="ccm-block-calendar-event-attributes">
    </div>
</div>