---
layout: default
title: Adcom
---

<main class="bs-docs-masthead" id="content" role="main">
  <div class="container">
    <h1>Adcom</h1>
    <p class="lead">Front-end plugins for building iterative web admins.</p>
    <p class="version">
      <span class="version">v{{ site.current_version }}.</span>
      <a href="#download">Download</a>.
    </p>
  </div>
</main>

<div class="container bs-docs-container">

  <div class="row">
    <div class="col-md-9" role="main">
      <h1 id="getting-started" class="page-header">Getting Started</h1>
      <p class="lead">Adcom consists of three jQuery plugins, configured via data-attributes, that streamline adding interaction to common page elements.</p>
      <div class="row bs-downloads">
        <div class="col-sm-4">
          <p>
            <a href="#list" class="btn btn-lg btn-outline" role="button">List.js</a>
          </p>
          <p>Render dynamic collections.</p>
        </div>
        <div class="col-sm-4">
          <p>
            <a href="#form" class="btn btn-lg btn-outline" role="button">Form.js</a>
          </p>
          <p>Populate and serialize forms with ease.</p>
        </div>
        <div class="col-sm-4">
          <p>
            <a href="#list" class="btn btn-lg btn-outline" role="button">State.js</a>
          </p>
          <p>Routerless routing.</p>
        </div>
      </div>

      {% include getting-started/usage.html %}
      {% include getting-started/download.html %}
      {% include getting-started/whats-included.html %}


      <h1 id="javascript" class="page-header">JavaScript</h1>
      <p class="lead">Dynamic lists, forms, and page states for your admins.</p>
      {% include js/overview.html %}
      {% include js/list.html %}
      {% include js/form.html %}
      {% include js/state.html %}
    </div>
    <div class="col-md-3">
      <div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary">
        <ul class="nav bs-docs-sidenav">
          {% include nav/main.html %}
        </ul>
        <a class="back-to-top" href="#top">
          Back to top
        </a>
      </div>
    </div>
  </div>
</div>