Available Units 

<div class="property-floor-selector__overlay js-pfs-overlay"></div>

<div class="property-floor-selector-units js-available-units" data-page-size="" data-unit-text="" data-singular-unit-text="">

    <div class="property-floor-selector-units__container grid-container">

        <header class="property-floor-selector-units__header">
            <div class="grid-container">
                <div class="property-floor-selector-units__header-grid grid-x grid-padding-x align-center">
                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <a class="property-floor-selector-units__back-cta js-pfs-overlay-close" href="#">Back</a>
                    </div>
                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <div class="property-floor-selector-tabs">
                            <ul class="property-floor-selector-tabs__list js-pfs-tabs">
                                <li>
                                    <button class="property-floor-selector-tabs__cta active js-pfs-overlay-close" type="button"></button>
                                </li>
                                <li>
                                    <button class="property-floor-selector-tabs__cta" type="button"></button>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="property-floor-selector-dropdowns property-floor-selector-units__header-grid-cell cell js-dropdown-filters">
                    </div>

                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <h4 class="pfs-overlay-title js-pfs-overlay-title"></h4>
                        <h4 class="pfs-overlay-small-title js-pfs-overlay-small-title"></h4>
                    </div>
                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <div class="property-floor-selector-units__dropdown js-available-units-dropdown">

                            <label for=""></label>
                            <select id="" name="">
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="property-floor-selector-units__data grid-container">

            <template>
                <li class="js-available-units property-floor-selector-units__list-item">
                    <a href="#" class="property-floor-selector-units__link js-unit-data-cta">
                        <div class="property-floor-selector-units__image js-image">
                            <img alt="Unit Image">
                        </div>
                        <div class="property-floor-selector-units__floor js-floor"></div>
                        <div class="property-floor-selector-units__unit js-unit"></div>
                        <div class="property-floor-selector-units__office-space">
                            <span class="js-property-type"></span>
                            <span class="js-floor-space"></span>
                        </div>
                        <div class="property-floor-selector-units__size">
                            <span>
                                <span class="property-floor-selector-units__highlight js-square-footage"></span>
                                <span class="js-square-footage-suffix">sqft</span>
                            </span>
                            <span class="property-floor-selector-units__company property-floor-selector-units__company--small js-company-small"></span>
                        </div>
                        <div class="property-floor-selector-units__status js-status"></div>
                        <div class="property-floor-selector-units__company js-company property-floor-selector-units__company--medium"></div>
                        <div class="property-floor-selector-units__cta">
                            <span></span>
                        </div>
                    </a>
                </li>
            </template>

            <div class="property-floor-selector-units__data-grid grid-x grid-padding-x">
                <div class="property-floor-selector-units__data-cell medium-12">
                    <ul class="js-available-units-list"></ul>
                </div>
            </div>
        </div>

        <div class="property-floor-selector-pagination">
            <link rel="stylesheet" href="/assets/themes/default/css/pagination.css?cb=" />

            <div class="pagination js-pagination">
                <a href="#top" class="pagination__previous js-previous"><span>Previous</span></a>
                <a href="#top" class="pagination__page js-page js-first selected" data-page="1">1</a>
                <span class="pagination__dots js-dots-left">&#8230;</span>
                <a href="#top" class="pagination__page js-page js-second-page" data-page="2">2</a>
                <a href="#top" class="pagination__page js-page js-third-page" data-page="3">3</a>
                <a href="#top" class="pagination__page js-page js-fourth-page" data-page="4">4</a>
                <span class="pagination__dots js-dots-right">&#8230;</span>
                <a href="#top" class="pagination__page js-page js-last-page" data-page="5">5</a>
                <a href="#top" class="pagination__next js-next"><span>Next</span></a>
            </div>
        </div>

    </div>

</div>
 
<div class="property-floor-selector__overlay js-pfs-overlay"></div>

<div class="property-floor-selector-units js-available-units" data-page-size="{{pageSize}}" data-unit-text="{{unitText}}" data-singular-unit-text="{{singularUnitText}}">

    <div class="property-floor-selector-units__container grid-container">

        <header class="property-floor-selector-units__header">
            <div class="grid-container">
                <div class="property-floor-selector-units__header-grid grid-x grid-padding-x align-center">
                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <a class="property-floor-selector-units__back-cta js-pfs-overlay-close" href="#">Back</a>
                    </div>
                   <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <div class="property-floor-selector-tabs">
                            <ul class="property-floor-selector-tabs__list js-pfs-tabs">
                                <li>
                                    <button class="property-floor-selector-tabs__cta active js-pfs-overlay-close" type="button">{{ visualSelectionLabel }}</button>
                                </li>
                                <li>
                                    <button class="property-floor-selector-tabs__cta" type="button">{{ searchByCriteriaLabel }}</button>
                                </li>
                            </ul>
                        </div>
                   </div>

                   <div class="property-floor-selector-dropdowns property-floor-selector-units__header-grid-cell cell js-dropdown-filters">
                       {{#each dropdownFilters}}
                           <div class="cell property-floor-selector-dropdowns__container">
                              {{> @dropdown }}
                           </div>
                       {{/each}}
                   </div>

                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <h4 class="pfs-overlay-title js-pfs-overlay-title"></h4>
                        <h4 class="pfs-overlay-small-title js-pfs-overlay-small-title"></h4>
                    </div>
                    <div class="property-floor-selector-units__header-grid-cell cell medium-6">
                        <div class="property-floor-selector-units__dropdown js-available-units-dropdown">
                            {{> @dropdown sortbyDropDown }}
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="property-floor-selector-units__data grid-container">

            <template>
                <li class="js-available-units property-floor-selector-units__list-item">
                    <a href="#" class="property-floor-selector-units__link js-unit-data-cta">
                        <div class="property-floor-selector-units__image js-image">
                            <img alt="Unit Image">
                        </div>
                        <div class="property-floor-selector-units__floor js-floor"></div>
                        <div class="property-floor-selector-units__unit js-unit"></div>
                        <div class="property-floor-selector-units__office-space">
                            <span class="js-property-type"></span>
                            <span class="js-floor-space"></span>
                        </div>
                        <div class="property-floor-selector-units__size">
                            <span>
                                <span class="property-floor-selector-units__highlight js-square-footage"></span>
                                <span class="js-square-footage-suffix">sqft</span>
                            </span>
                            <span class="property-floor-selector-units__company property-floor-selector-units__company--small js-company-small"></span>
                        </div>
                        <div class="property-floor-selector-units__status js-status"></div>
                        <div class="property-floor-selector-units__company js-company property-floor-selector-units__company--medium"></div>
                        <div class="property-floor-selector-units__cta">
                            <span></span>
                        </div>
                    </a>
                </li>
            </template>

            <div class="property-floor-selector-units__data-grid grid-x grid-padding-x">
                <div class="property-floor-selector-units__data-cell medium-12">
                    <ul class="js-available-units-list"></ul>
                </div>
            </div>
        </div>

        <div class="property-floor-selector-pagination">
            {{> @pagination }}
        </div>

    </div>

</div>
 
{
  "theme": "default",
  "firstInstance": true
}

Property Floor Selector (PFS)