<div class="container">
  <div class="row">
    <div class="col-md-12">
      <input id="search-box"
             placeholder="Search from {{libCount}} libraries with {{libVerCount}} different versions ..." type="text"
             class="form-control col-md-7 search" aria-controls="example" />
      <div class="text-muted">
        {{{breadcrumbs}}}
        <span class="pull-right">
          Realtime search by
          <a href="https://www.algolia.com/?utm_source=cdnjs&amp;utm_medium=link&amp;utm_campaign=cdnjs_search"
             target="_blank"><img src="/img/algolia.svg" alt="Algolia" style="height: 20px; width: 75px;"/></a>
        </span>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <div id="default-demo"></div>
      <div>
        <div class="packages-table-container">
          <p style="display: none;">
            Found <span id="nb-hits-field" class="major-color">0</span> libraries in
            <span id="processing-time-ms">0</span>ms.
          </p>
          <table style="margin-top: 10px; margin-bottom: 80px;" cellpadding="0" cellspacing="0" border="0"
                 class="table table-striped" id="example">
            <thead>
            <tr>
              <th scope="col">Library</th>
              <th scope="col">Link</th>
            </tr>
            </thead>
            <tbody>
            {{#packages}}
            <!-- linthtml-configure id-class-style="false" -->
            <tr itemscope itemtype="https://schema.org/SoftwareApplication" data-library-name="{{name}}"
                data-library-keywords="{{keywords}}" id="{{id}}" class="odd gradeX normal">
              <!-- linthtml-configure id-class-style="$previous" -->
              <td style="white-space: nowrap;">
                <a itemprop="name" href="/libraries/{{name}}">
                  {{name}}
                </a>
                <meta itemprop="url" content="{{homepage}}" />
                <meta itemprop="version" content="{{version}}" />
                <div style="display: none;">
                  {{keywords}}
                </div>
              </td>
              <td style="padding: 0; width: 100%;">
                <div style="position: relative; padding: 8px;" data-lib-name="{{name}}"
                     class="library-column {{fileType}}-type">
                  <p itemprop="downloadUrl" class="library-url" style="padding: 0; margin: 0">
                    {{originalName}}/{{version}}/{{filename}}
                  </p>
                </div>
              </td>
            </tr>
            {{/packages}}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div style="clear: both;"></div>
</div>

<script src="//m.servedby-buysellads.com/monetization.js"></script>
<script>
    (function () {
        _bsa.init('default', 'CVAI653I', 'placement:demo', {
            target: '#default-demo',
            align: 'horizontal',
            disable_css: 'true'
        });
    })();
</script>
