template

layout.ejs

  <script type="text/x-handlebars">

      <div class="container main-wrap">
        <div class="content row">

          <div class="facets-outer">
            <div class="row facets-inner">

              <nav class="navbar navbar-facets" role="navigation">
                <div class="container-fluid">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#facets">
                      SHOW FILTERS
                    </button>
                    <div class="navbar-brand title col-md-2">
                      <h2>Our Listings</h2>
                    </div>
                  </div>

                  <!-- Collect the nav links, forms, and other content for toggling -->
                  <div class="collapse navbar-collapse" id="facets">
                    <ul class="nav navbar-nav">
                      <li class="col-sm-6 col-md-5">
                        <div class="filter">
                          <p class="facet-header">Show</p>
                          <ul class="facets">
                            <li><a href="#nothing" class="active">All</a></li>
                            <li><a href="#nothing">Single-Tenant</a></li>
                            <li><a href="#nothing">Multi-Tenant</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="col-sm-6 col-md-7">
                        <div class="sort">
                          <p class="facet-header">Order By</p>
                          <ul class="facets">
                            <li class="label active">Price</li>
                            <li><a href="#nothing" class="active">Hi-Lo</a></li>
                            <li><a href="#nothing">Lo-Hi</a></li>
                          </ul>

                          <ul class="facets">
                            <li class="label">Property</li>
                            <li><a href="#nothing">A-Z</a></li>
                            <li><a href="#nothing">Z-A</a></li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
              </nav>

            </div><!-- /.facets-inner -->
          </div><!-- /.facets-outer -->

          <main class="main" role="main">

            <div  class="row listing-row">

                    {{outlet}}



                  </div><!-- /.listing-row -->

                </main><!-- /.main -->

              </div><!-- /.content .row -->
            </div><!-- /.container .main-wrap -->



    </script>

    <script type="text/x-handlebars" data-template-name="listing">
      <ul>
      {{#each firstLoad}}

        <li>{{name}}</li>

      {{/each}}
      </ul>
      



        <span {{action 'nextTwelve'}} class="btn btn-default">More Properties</span>
    </script>



  </body>
</html>