• Acme Marketplace
  • Core
  • Display
  • Navigate
  • Modify
  • Arrange
  • Prototype
    • Release Notes
    • CSS/SASS Stats
    • Preview All Components
Base by AppDirect

Arrange

Complex components and layout patterns

Containers
Tables
Featured Content
Slats
Tiles

Slats

Sample Company Ad distinctio autem aut commodi repellat consequatur deleniti quia eos

Enabled, 5 Users
  • Join Company
  • Verify Email Domain
  • Disable Company
Company ID:
153011
Created:
03/29/2013
Company Access:
Marketplace Admin
Edit
Company Access
Default User Role:
Vendor
Edit
Default User Role
Domain:
sample-domain.com Verified
Tax Rate:
10%
Edit
Tax Rate
%
23 Free Trials
534 Expired Trials
500,384 Purchased
3 Canceled
1,493 Unpaid Invoices
$10M Total Spent
<div class="adb-container">
  <div class="adb-container_header adb-container_header__actionable adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_small">
        <img class="adb-id--img" src="../../images/avatars/yarunLuon-72x72.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column adb-summary">
      <h3 class="adb-summary--title">
        Sample Company
        Voluptates nam doloremque eligendi aperiam voluptate quia veniam asperiores fugit nihil tenetur
      </h3>
      <span class="adb-status adb-status__active">
        <span class="adb-status--gem"></span>
        Enabled, 5 Users
      </span>
    </div>
    <menu class="adb-slat--column adb-slat--toolbar adb-toolbar">
      <button class="adb-button__emphasis adb-toolbar--item" type="button">
        Make Purchase
      </button>
      <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
        <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
          Manage
        </button>
        <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
          <ul class="adb-stack">
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Join Company
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Verify Email Domain
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Disable Company
              </a>
            </li>
          </ul>
        </div>
      </menu>
    </menu>
  </div>
  <div class="adb-slat">
    <dl class="adb-description_table">
      <table>
        <colgroup>
          <col width="33.33%">
          <col width="33.33%">
          <col width="33.33%">
        </colgroup>
        <tbody>
          <tr>
            <td>
              <div class="adb-description_line">
                <dt>Company ID:</dt>
                <dd>153011</dd>
              </div>
              <div class="adb-description_line">
                <dt>Created:</dt>
                <dd>03/29/2013</dd>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Company Access:</dt>
                <dd>Marketplace Admin</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Company Access</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="company-option7">
                        <span class="adb-selector--input">
                          <input id="company-option7" name="company-access" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Vendor on Marketplace
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="company-option8">
                        <span class="adb-selector--input">
                          <input checked id="company-option8" name="company-access" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Marketplace Admin
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
              <div class="adb-description_line">
                <dt>Default User Role:</dt>
                <dd>Vendor</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Default User Role</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-radio" for="company-option5">
                        <span class="adb-selector--input">
                          <input id="company-option5" name="company-user-role" type="radio">
                        </span>
                        <span class="adb-selector--value">
                          User
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-radio" for="company-option6">
                        <span class="adb-selector--input">
                          <input checked id="company-option6" name="company-user-role" type="radio">
                        </span>
                        <span class="adb-selector--value">
                          Vendor
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Domain:</dt>
                <dd>
                  <a>
                    sample-domain.com
                  </a>
                  <span class="adb-badge adb-badge__success">
                    Verified
                  </span>
                </dd>
              </div>
              <div class="adb-description_line">
                <dt>Tax Rate:</dt>
                <dd>10%</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Tax Rate</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <input max="100" min="0" type="number" value="10">
                      <span class="adb-affix">%</span>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </dl>
  </div>
  <div class="adb-slat">
    <div class="adb-stats adb-stats__horizontal">
      <div class="adb-stat">
        <span class="adb-stat--value">23</span>
        <span class="adb-stat--unit">Free Trials</span>
      </div>
      <div class="adb-stat">
        <span class="adb-stat--value">534</span>
        <span class="adb-stat--unit">Expired Trials</span>
      </div>
      <div class="adb-stat">
        <span class="adb-stat--value">500,384</span>
        <span class="adb-stat--unit">Purchased</span>
      </div>
      <div class="adb-stat">
        <span class="adb-stat--value">3</span>
        <span class="adb-stat--unit">Canceled</span>
      </div>
      <div class="adb-stat">
        <span class="adb-stat--value">1,493</span>
        <span class="adb-stat--unit">Unpaid Invoices</span>
      </div>
      <div class="adb-stat">
        <span class="adb-stat--value">$10M</span>
        <span class="adb-stat--unit">Total Spent</span>
      </div>
    </div>
  </div>
</div>

Profile Card

Simple Style

Mitzi Becker

Email:
hamishallen@live.com
Created:
8/26/13
User ID:
153011
Active Enabled
  • Join Company
  • Verify Email Domain
  • Disable Company
<div class="adb-container">
  <div class="adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_small">
        <img class="adb-id--img" src="../../images/avatars/yarunLuon-72x72.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column adb-summary">
      <h3 class="adb-summary--title">
        Makenzie Branch
      </h3>
      <dl class="adb-summary--details">
        <div class="adb-description_line">
          <dt>Email:</dt>
          <dd>
            <a>
              mosescross@aol.com
            </a>
          </dd>
        </div>
        <div class="adb-description_line">
          <dt>Created:</dt>
          <dd>8/26/13</dd>
        </div>
        <div class="adb-description_line">
          <dt>User ID:</dt>
          <dd>153011</dd>
        </div>
        <div class="adb-description_line">
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Active
          </span>
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Enabled
          </span>
        </div>
      </dl>
    </div>
    <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
      <button class="adb-button__emphasis adb-toolbar--item" type="button">
        Make Purchase
      </button>
      <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
        <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
          Manage
        </button>
        <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
          <ul class="adb-stack">
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Join Company
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Verify Email Domain
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Disable Company
              </a>
            </li>
          </ul>
        </div>
      </menu>
    </menu>
  </div>
</div>

Header Style

Sample Company Suscipit qui corporis hic rerum omnis voluptatem tenetur delectus nihil soluta qui optio nesciunt

Created:
8/26/13
Company ID:
153011
Verified Email Domain Enabled
  • Join Company
  • Verify Email Domain
  • Disable Company
<div class="adb-container">
  <div class="adb-container_header adb-container_header__actionable adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__logo adb-id__sq_small">
        <img class="adb-id--img" src="../../images/logos/appdirect/square/ad-48x48.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column adb-summary">
      <h3 class="adb-summary--title">
        Sample Company
        Omnis aut nobis velit laborum doloremque corrupti molestiae facilis est
      </h3>
      <dl class="adb-summary--details">
        <div class="adb-description_line">
          <dt>Created:</dt>
          <dd>8/26/13</dd>
        </div>
        <div class="adb-description_line">
          <dt>Company ID:</dt>
          <dd>153011</dd>
        </div>
        <div class="adb-description_line">
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Verified Email Domain
          </span>
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Enabled
          </span>
        </div>
      </dl>
    </div>
    <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
      <button class="adb-button__emphasis adb-toolbar--item" type="button">
        Make Purchase
      </button>
      <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
        <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
          Manage
        </button>
        <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
          <ul class="adb-stack">
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Join Company
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Verify Email Domain
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Disable Company
              </a>
            </li>
          </ul>
        </div>
      </menu>
    </menu>
  </div>
</div>

Simple Style

Vance Joseph

Active
  • Join Company
  • Verify Email Domain
  • Disable Company
<div class="adb-container">
  <div class="adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_small">
        <img class="adb-id--img" src="../../images/avatars/yarunLuon-72x72.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column adb-summary">
      <h3 class="adb-summary--title">
        Camila Boykin
      </h3>
      <div class="adb-summary--details">
        <span class="adb-status adb-status__active">
          <span class="adb-status--gem"></span>
          Active
        </span>
      </div>
    </div>
    <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
      <button class="adb-button__emphasis adb-toolbar--item" type="button">
        Make Purchase
      </button>
      <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
        <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
          Manage
        </button>
        <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
          <ul class="adb-stack">
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Join Company
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Verify Email Domain
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Disable Company
              </a>
            </li>
          </ul>
        </div>
      </menu>
    </menu>
  </div>
</div>

Header Style

Sample Company Tenetur quas possimus unde enim

Enabled, 5 Users
  • Join Company
  • Verify Email Domain
  • Disable Company
<div class="adb-container">
  <div class="adb-container_header adb-container_header__actionable adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__logo adb-id__sq_small">
        <img class="adb-id--img" src="../../images/logos/appdirect/square/ad-48x48.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column adb-summary">
      <h3 class="adb-summary--title">
        Sample Company
        Assumenda et iste dolorem deserunt ipsum labore ipsa ut repellat velit officiis saepe
      </h3>
      <div class="adb-summary--details">
        <span class="adb-status adb-status__active">
          <span class="adb-status--gem"></span>
          Enabled, 5 Users
        </span>
      </div>
    </div>
    <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
      <button class="adb-button__emphasis adb-toolbar--item" type="button">
        Make Purchase
      </button>
      <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
        <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
          Manage
        </button>
        <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
          <ul class="adb-stack">
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Join Company
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Verify Email Domain
              </a>
            </li>
            <li class="adb-stack--item">
              <a class="adb-link__option adb-stack--item_content" href="#">
                Disable Company
              </a>
            </li>
          </ul>
        </div>
      </menu>
    </menu>
  </div>
</div>

Attributes

Edition:
Gold Edition
Monthly Fee:
$199.99
Owner:
Annika Petersen
Access Rights:
View, Manage
Usage:
Unlimited
<div class="adb-slat">
  <dl class="adb-description_table">
    <table>
      <colgroup>
        <col width="33.33%">
        <col width="33.33%">
        <col width="33.33%">
      </colgroup>
      <tbody>
        <tr>
          <td>
            <div class="adb-description_line">
              <dt>Edition:</dt>
              <dd>Gold Edition</dd>
            </div>
            <div class="adb-description_line">
              <dt>Monthly Fee:</dt>
              <dd>
                <a href="#">$199.99</a>
              </dd>
            </div>
          </td>
          <td>
            <div class="adb-description_line">
              <dt>Owner:</dt>
              <dd>
                <a>
                  Terry Bowman
                </a>
              </dd>
            </div>
            <div class="adb-description_line">
              <dt>Access Rights:</dt>
              <dd>View, Manage</dd>
            </div>
          </td>
          <td>
            <div class="adb-description_line">
              <dt>Usage:</dt>
              <dd>
                Unlimited
              </dd>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </dl>
</div>

Editable Attributes

Company Access
Default User Role
Domain:
sample-domain.com
Tax Rate:
%
Selected Company

View Sample Company Profile

Company Roles
Product Roles
Marketplace Roles
<div class="adb-container">
  <div class="adb-slat">
    <dl class="adb-description_table">
      <table>
        <colgroup>
          <col width="33.33%">
          <col width="33.33%">
          <col width="33.33%">
        </colgroup>
        <tbody>
          <tr>
            <td>
              <dt>Company Access</dt>
              <dd>
                <label class="adb-selector adb-js-checkbox" for="company-option1">
                  <span class="adb-selector--input">
                    <input id="company-option1" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Vendor on Marketplace
                  </span>
                </label>
                <label class="adb-selector adb-js-checkbox" for="company-option2">
                  <span class="adb-selector--input">
                    <input id="company-option2" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Marketplace Admin
                  </span>
                </label>
              </dd>
            </td>
            <td>
              <dt>Default User Role</dt>
              <dd>
                <label class="adb-selector adb-js-radio" for="company-option3">
                  <span class="adb-selector--input">
                    <input id="company-option3" name="company-user-role" type="radio">
                  </span>
                  <span class="adb-selector--value">
                    User
                  </span>
                </label>
                <label class="adb-selector adb-js-radio" for="company-option4">
                  <span class="adb-selector--input">
                    <input checked id="company-option4" name="company-user-role" type="radio">
                  </span>
                  <span class="adb-selector--value">
                    Vendor
                  </span>
                </label>
              </dd>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Domain:</dt>
                <dd>sample-domain.com</dd>
              </div>
              <div class="adb-description_line">
                <dt>Tax Rate:</dt>
                <dd>
                  <input max="100" min="0" type="number" value="10">
                  <span class="adb-affix">%</span>
                </dd>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </dl>
  </div>
  <div class="adb-slat">
    <dl class="adb-description_table">
      <table>
        <colgroup>
          <col width="33.33%">
          <col width="33.33%">
          <col width="33.33%">
        </colgroup>
        <tbody>
          <tr>
            <td>
              <dt>Selected Company</dt>
              <dd>
                <div class="adb-js-dropdown adb-dropdown adb-dropdown__small">
                  <select id="company" name="company">
                    <option>Sample Company</option>
                    <option>Another Company</option>
                  </select>
                </div>
                <p class="font-small">
                                    <a href="../../prototype/channel/marketplace/company_detail.html">View Sample Company Profile
                  </a>

                </p>
              </dd>
            </td>
            <td>
              <dt>Company Roles</dt>
              <dd>
                <label class="adb-selector adb-js-checkbox" for="billing-admin">
                  <span class="adb-selector--input">
                    <input checked id="billing-admin" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Billing Admin
                  </span>
                </label>
                <label class="adb-selector adb-js-checkbox" for="system-admin">
                  <span class="adb-selector--input">
                    <input checked id="system-admin" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    System Admin
                  </span>
                </label>
              </dd>
              <dt>Product Roles</dt>
              <dd>
                <label class="adb-selector adb-js-checkbox" for="tester">
                  <span class="adb-selector--input">
                    <input checked id="tester" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Tester
                  </span>
                </label>
              </dd>
            </td>
            <td>
              <dt>Marketplace Roles</dt>
              <dd>
                <label class="adb-selector adb-js-checkbox" for="product-support">
                  <span class="adb-selector--input">
                    <input checked id="product-support" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Product Support
                  </span>
                </label>
                <label class="adb-selector adb-js-checkbox" for="sales-support">
                  <span class="adb-selector--input">
                    <input checked id="sales-support" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Sales Support
                  </span>
                </label>
                <label class="adb-selector adb-js-checkbox" for="support">
                  <span class="adb-selector--input">
                    <input checked id="support" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Support
                  </span>
                </label>
                <label class="adb-selector adb-js-checkbox" for="admin">
                  <span class="adb-selector--input">
                    <input checked id="admin" type="checkbox">
                  </span>
                  <span class="adb-selector--value">
                    Admin
                  </span>
                </label>
              </dd>
            </td>
          </tr>
        </tbody>
      </table>
    </dl>
  </div>
</div>

Editable Attributes

Company ID:
153011
Created:
03/29/2013
Company Access:
Marketplace Admin
Edit
Company Access
Default User Role:
Vendor
Edit
Default User Role
Domain:
sample-domain.com Verified
Tax Rate:
10%
Edit
Tax Rate
%
Email:
siennadesai@fastmail.com
User ID:
153011
Created:
08/26/2013
Company:
Sample Company
Company Roles:
System Admin
Edit
Company Roles
Product Roles:
Tester
Edit
Product Roles
Marketplace Roles:
Product Support, Sales Support
Edit
Company Roles
<div class="adb-container">
  <div class="adb-slat">
    <dl class="adb-description_table">
      <table>
        <colgroup>
          <col width="33.33%">
          <col width="33.33%">
          <col width="33.33%">
        </colgroup>
        <tbody>
          <tr>
            <td>
              <div class="adb-description_line">
                <dt>Company ID:</dt>
                <dd>153011</dd>
              </div>
              <div class="adb-description_line">
                <dt>Created:</dt>
                <dd>03/29/2013</dd>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Company Access:</dt>
                <dd>Marketplace Admin</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Company Access</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="company-option17">
                        <span class="adb-selector--input">
                          <input id="company-option17" name="company-access" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Vendor on Marketplace
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="company-option18">
                        <span class="adb-selector--input">
                          <input checked id="company-option18" name="company-access" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Marketplace Admin
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
              <div class="adb-description_line">
                <dt>Default User Role:</dt>
                <dd>Vendor</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Default User Role</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-radio" for="company-option15">
                        <span class="adb-selector--input">
                          <input id="company-option15" name="company-user-role" type="radio">
                        </span>
                        <span class="adb-selector--value">
                          User
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-radio" for="company-option16">
                        <span class="adb-selector--input">
                          <input checked id="company-option16" name="company-user-role" type="radio">
                        </span>
                        <span class="adb-selector--value">
                          Vendor
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Domain:</dt>
                <dd>
                  <a>
                    sample-domain.com
                  </a>
                  <span class="adb-badge adb-badge__success">
                    Verified
                  </span>
                </dd>
              </div>
              <div class="adb-description_line">
                <dt>Tax Rate:</dt>
                <dd>10%</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Tax Rate</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <input max="100" min="0" type="number" value="10">
                      <span class="adb-affix">%</span>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </dl>
  </div>
  <div class="adb-slat">
    <dl class="adb-description_table">
      <table>
        <colgroup>
          <col width="33.33%">
          <col width="33.33%">
          <col width="33.33%">
        </colgroup>
        <tbody>
          <tr>
            <td>
              <div class="adb-description_line">
                <dt>Email:</dt>
                <dd>
                  <a href="#">sadieli@hotmail.com</a>
                </dd>
              </div>
              <div class="adb-description_line">
                <dt>User ID:</dt>
                <dd>153011</dd>
              </div>
              <div class="adb-description_line">
                <dt>Created:</dt>
                <dd>08/26/2013</dd>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Company:</dt>
                <dd>
                  <a href="../../prototype/channel/marketplace/company_detail.html">Sample Company</a>
                </dd>
              </div>
              <div class="adb-description_line">
                <dt>Company Roles:</dt>
                <dd>System Admin</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Company Roles</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option7">
                        <span class="adb-selector--input">
                          <input id="user-option7" name="user-company-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Billing
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option8">
                        <span class="adb-selector--input">
                          <input checked id="user-option8" name="user-company-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          System Admin
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
            <td>
              <div class="adb-description_line">
                <dt>Product Roles:</dt>
                <dd>Tester</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Product Roles</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option9">
                        <span class="adb-selector--input">
                          <input checked id="user-option9" name="user-product-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Tester
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
              <div class="adb-description_line">
                <dt>Marketplace Roles:</dt>
                <dd>Product Support, Sales Support</dd>
                <a class="adb-link adb-link__action" data-event="click" data-toggle="dialog" href="#">
                  Edit
                </a>
                <form action="" class="adb-tooltip_form adb-js-dialog">
                  <fieldset class="adb-tooltip_form--fieldset">
                    <div class="adb-tooltip_form--legend">
                      <legend>Company Roles</legend>
                    </div>
                    <div class="adb-tooltip_form--field">
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option10">
                        <span class="adb-selector--input">
                          <input checked id="user-option10" name="user-channel-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Product Support
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option11">
                        <span class="adb-selector--input">
                          <input checked id="user-option11" name="user-channel-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Sales Support
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option12">
                        <span class="adb-selector--input">
                          <input id="user-option12" name="user-channel-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Support
                        </span>
                      </label>
                      <label class="adb-selector adb-selector__button adb-button adb-button__neutral adb-button__medium adb-js-checkbox" for="user-option13">
                        <span class="adb-selector--input">
                          <input id="user-option13" name="user-channel-roles" type="checkbox">
                        </span>
                        <span class="adb-selector--value">
                          Admin
                        </span>
                      </label>
                    </div>
                  </fieldset>
                  <menu class="adb-toolbar">
                    <button class="adb-button__primary adb-toolbar--item" type="submit">
                      Save
                    </button>
                    <button class="adb-button__secret adb-toolbar--item" data-dismiss="dialog" type="button">
                      Cancel
                    </button>
                  </menu>
                </form>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </dl>
  </div>
</div>

Nested Slats

SendGrid

Active
  • Assign Users
  • View Payment History
  • Request Access
Edition:
Gold Edition
Monthly Fee:
$199.99
Owner:
Bart Rose
Access Rights:
View, Manage
Usage:
Unlimited

Wordpress

Free Trial
  • Assign Users
  • View Payment History
  • Request Access
Edition:
Free Trial Edition
Monthly Fee:
$199.99
Owner:
Alondra Cowan
Access Rights:
View
Usage:
20 out of 25 users

80%
<div class="adb-container">
  <div class="adb-slat">
    <div class="adb-slat--row">
      <div class="adb-slat--image adb-slat--column">
                <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_small" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/sendgrid-72x72.png" />
        </a>

      </div>
      <div class="adb-slat--content adb-slat--column adb-summary">
        <h3 class="adb-summary--title">
                    <a data-truncate="line" href="../../prototype/account/product.html">SendGrid
          </a>

        </h3>
        <div class="adb-summary--details">
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Active
          </span>
        </div>
      </div>
      <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
        <button class="adb-button__emphasis adb-toolbar--item" type="button">
          Upgrade Edition
        </button>
        <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
          <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
            Manage
          </button>
          <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
            <ul class="adb-stack">
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/assign.html">Assign Users
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/product.html">View Payment History
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="/">Request Access
                </a>

              </li>
            </ul>
          </div>
        </menu>
      </menu>
    </div>
    <div class="adb-slat--row">
      <dl class="adb-description_table">
        <table>
          <colgroup>
            <col width="33.33%">
            <col width="33.33%">
            <col width="33.33%">
          </colgroup>
          <tbody>
            <tr>
              <td>
                <div class="adb-description_line">
                  <dt>Edition:</dt>
                  <dd>Gold Edition</dd>
                </div>
                <div class="adb-description_line">
                  <dt>Monthly Fee:</dt>
                  <dd>
                    <a href="#">$199.99</a>
                  </dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Owner:</dt>
                  <dd>
                    <a>
                      Kenneth Parks
                    </a>
                  </dd>
                </div>
                <div class="adb-description_line">
                  <dt>Access Rights:</dt>
                  <dd>View, Manage</dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Usage:</dt>
                  <dd>Unlimited</dd>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </dl>
    </div>
  </div>
  <div class="adb-slat">
    <div class="adb-slat--row">
      <div class="adb-slat--image adb-slat--column">
                <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_small" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/wordpress-72x72.png" />
        </a>

      </div>
      <div class="adb-slat--content adb-slat--column adb-summary">
        <h3 class="adb-summary--title">
                    <a data-truncate="line" href="../../prototype/account/product.html">Wordpress
          </a>

        </h3>
        <div class="adb-summary--details">
          <span class="adb-status adb-status__active">
            <span class="adb-status--gem"></span>
            Free Trial
          </span>
        </div>
      </div>
      <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
        <button class="adb-button__emphasis adb-toolbar--item" type="button">
          Upgrade Edition
        </button>
        <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
          <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
            Manage
          </button>
          <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
            <ul class="adb-stack">
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/assign.html">Assign Users
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/product.html">View Payment History
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="/">Request Access
                </a>

              </li>
            </ul>
          </div>
        </menu>
      </menu>
    </div>
    <div class="adb-slat--row">
      <dl class="adb-description_table">
        <table>
          <colgroup>
            <col width="33.33%">
            <col width="33.33%">
            <col width="33.33%">
          </colgroup>
          <tbody>
            <tr>
              <td>
                <div class="adb-description_line">
                  <dt>Edition:</dt>
                  <dd>Free Trial Edition</dd>
                </div>
                <div class="adb-description_line">
                  <dt>Monthly Fee:</dt>
                  <dd>
                    <a href="#">$199.99</a>
                  </dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Owner:</dt>
                  <dd>
                    <a>
                      Danielle Christensen
                    </a>
                  </dd>
                </div>
                <div class="adb-description_line">
                  <dt>Access Rights:</dt>
                  <dd>View</dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Usage:</dt>
                  <dd>20 out of 25 users</dd>
                  <br>
                  <div class="adb-js-meter adb-meter" data-percent="80" data-toggle="tooltip" title="You can assign 5 more users">
                    <span class="adb-meter--percent">80%</span>
                  </div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </dl>
    </div>
  </div>
</div>

Your subscription to this product has expired. Renew your subscription.

SendGrid

Expired
  • Assign Users
  • View Payment History
  • Request Access
Edition:
Gold Edition
Monthly Fee:
$199.99
Owner:
Sydney O'Donnell
Access Rights:
View, Manage
Usage:
Unlimited

Your cancel request for this product is in process. Once the process is complete, this product will be removed.

Wordpress

Pending
  • Assign Users
  • View Payment History
  • Request Access
Edition:
Free Trial Edition
Monthly Fee:
$199.99
Owner:
Summer Butler
Access Rights:
View
Usage:
20 out of 25 users

80%
<div class="adb-container">
  <div class="adb-slat adb-is-disabled">
    <div class="adb-local_alert adb-local_alert__error adb-slat--alert">
      <div class="adb-local_alert--content">
        <p>
          Your subscription to this product has expired.
          <a class="adb-local_alert--link">Renew your subscription.</a>
        </p>
      </div>
    </div>
    <div class="adb-slat--row">
      <div class="adb-slat--image adb-slat--column">
                <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_small" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/sendgrid-72x72.png" />
        </a>

      </div>
      <div class="adb-slat--content adb-slat--column adb-summary">
        <h3 class="adb-summary--title">
                    <a data-truncate="line" href="../../prototype/account/product.html">SendGrid
          </a>

        </h3>
        <div class="adb-summary--details">
          <span class="adb-status adb-status__error">
            <span class="adb-status--gem"></span>
            Expired
          </span>
        </div>
      </div>
      <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
        <button class="adb-button__emphasis adb-toolbar--item" type="button">
          Upgrade Edition
        </button>
        <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
          <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
            Manage
          </button>
          <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
            <ul class="adb-stack">
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/assign.html">Assign Users
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/product.html">View Payment History
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="/">Request Access
                </a>

              </li>
            </ul>
          </div>
        </menu>
      </menu>
    </div>
    <div class="adb-slat--row">
      <dl class="adb-description_table">
        <table>
          <colgroup>
            <col width="33.33%">
            <col width="33.33%">
            <col width="33.33%">
          </colgroup>
          <tbody>
            <tr>
              <td>
                <div class="adb-description_line">
                  <dt>Edition:</dt>
                  <dd>Gold Edition</dd>
                </div>
                <div class="adb-description_line">
                  <dt>Monthly Fee:</dt>
                  <dd>
                    <a href="#">$199.99</a>
                  </dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Owner:</dt>
                  <dd>
                    <a>
                      Manuel Davidson
                    </a>
                  </dd>
                </div>
                <div class="adb-description_line">
                  <dt>Access Rights:</dt>
                  <dd>View, Manage</dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Usage:</dt>
                  <dd>Unlimited</dd>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </dl>
    </div>
  </div>
  <div class="adb-slat adb-is-disabled">
    <div class="adb-local_alert adb-local_alert__pending adb-slat--alert">
      <div class="adb-local_alert--content">
        <p>
          Your cancel request for this product is in process. Once the process is complete, this product will be removed.
        </p>
      </div>
    </div>
    <div class="adb-slat--row">
      <div class="adb-slat--image adb-slat--column">
                <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_small" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/wordpress-72x72.png" />
        </a>

      </div>
      <div class="adb-slat--content adb-slat--column adb-summary">
        <h3 class="adb-summary--title">
                    <a data-truncate="line" href="../../prototype/account/product.html">Wordpress
          </a>

        </h3>
        <div class="adb-summary--details">
          <span class="adb-status adb-status__pending">
            <span class="adb-status--gem"></span>
            Pending
          </span>
        </div>
      </div>
      <menu class="adb-slat--toolbar adb-toolbar adb-slat--column">
        <button class="adb-button__emphasis adb-toolbar--item" type="button">
          Upgrade Edition
        </button>
        <menu class="adb-js-context_menu adb-context_menu adb-toolbar--item" data-placement="right">
          <button class="adb-js-context_menu--trigger adb-context_menu--trigger" type="button">
            Manage
          </button>
          <div class="adb-container adb-context_menu--menu adb-js-context_menu--menu" role="menu">
            <ul class="adb-stack">
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/assign.html">Assign Users
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="../../prototype/account/product.html">View Payment History
                </a>

              </li>
              <li class="adb-stack--item">
                                <a class="adb-link__option adb-stack--item_content" href="/">Request Access
                </a>

              </li>
            </ul>
          </div>
        </menu>
      </menu>
    </div>
    <div class="adb-slat--row">
      <dl class="adb-description_table">
        <table>
          <colgroup>
            <col width="33.33%">
            <col width="33.33%">
            <col width="33.33%">
          </colgroup>
          <tbody>
            <tr>
              <td>
                <div class="adb-description_line">
                  <dt>Edition:</dt>
                  <dd>Free Trial Edition</dd>
                </div>
                <div class="adb-description_line">
                  <dt>Monthly Fee:</dt>
                  <dd>
                    <a href="#">$199.99</a>
                  </dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Owner:</dt>
                  <dd>
                    <a>
                      Adrianna Watts
                    </a>
                  </dd>
                </div>
                <div class="adb-description_line">
                  <dt>Access Rights:</dt>
                  <dd>View</dd>
                </div>
              </td>
              <td>
                <div class="adb-description_line">
                  <dt>Usage:</dt>
                  <dd>20 out of 25 users</dd>
                  <br>
                  <div class="adb-js-meter adb-meter" data-percent="80" data-toggle="tooltip" title="You can assign 5 more users">
                    <span class="adb-meter--percent">80%</span>
                  </div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </dl>
    </div>
  </div>
</div>

Complex Slats

2 Reviews

New Relic is Great  Featured

Sunt quisquam voluptates vel ipsam laudantium adipisci sunt suscipit veritatis ipsa pariatur quos sed possimus. et voluptatum dolores autem non. facere aliquam repudiandae consequuntur dicta molestias temporibus minima voluptatem architecto. earum facere nam itaque omnis voluptas ullam consequatur temporibus ab eos est repellat quo consequuntur. nihil tempora ipsam nulla id vero qui

by Nathan Romero on June 24, 2013

Show 2 Comments  Â·  Comment  Â·  Edit  Â·  Delete

Comment on Review

In cupiditate ut facere. qui corporis ipsam soluta quibusdam in. nisi eum velit placeat veniam quia sit quas deleniti corrupti delectus et dicta quam. sunt quod quo delectus eos maiores. iure veritatis enim animi labore animi quasi facilis numquam et. temporibus exercitationem qui consequatur maiores. quos sed mollitia minus fugit saepe

by Nathan Romero on June 24, 2013  Â·  Delete

Modi exercitationem ullam tenetur maiores dolorem cum impedit et temporibus. exercitationem voluptatum tempora omnis aut cum autem et molestiae eum quo eos. assumenda iste aut magni cum alias consectetur sit saepe. alias ab et ut sit quia sint dolorem et non sed est illo harum. velit ad dolorem id aut animi facilis asperiores molestiae sit officia perspiciatis. ipsa vitae et officiis possimus excepturi soluta ex alias minima atque rem tenetur veritatis. ut eaque est ad deleniti error eum saepe aut maxime et vero explicabo iure exercitationem

by Nathan Romero on June 24, 2013

New Relic is Not Great

Et repudiandae dolorum consequuntur. delectus molestias dolore facilis quo mollitia et qui nemo quae modi excepturi harum. eum ratione omnis ullam repellat blanditiis delectus itaque aut aut impedit sed accusantium ut. vel vel vel id qui iste et eum ut similique dolor voluptatibus

by Ben Domanico on July 20, 2012

Show 1 Comment  Â·  Comment

New Relic is Okay

Laudantium soluta neque nesciunt nihil. nulla consequatur in ut modi labore voluptatum sit in optio quas dolorem sint. qui sunt aliquam placeat incidunt quas debitis quis non

by Alex Capasso on July 20, 2012

Comment

<h2>2 Reviews</h2>
<section class="adb-container">
  <div class="adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_medium">
        <img class="adb-id--img" src="../../images/avatars/nathanRomero-120x120.png" />
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column">
      <h3>
        New Relic is Great&nbsp;
        <span class="adb-badge adb-badge__promo">
          Featured
        </span>
      </h3>
      <div class="adb-rating adb-rating__xlarge">
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
      </div>
      <p>
        Nisi et est dolores. qui ea cumque autem et inventore at assumenda nesciunt iure quia excepturi at. voluptatem suscipit soluta omnis omnis dolorum voluptas aliquid maxime sapiente sed ipsum iste excepturi at. amet explicabo accusamus et blanditiis sit. et quia debitis iure eaque. voluptates sit dolor illum at ut laboriosam itaque officiis omnis. possimus optio quod velit porro eveniet accusamus quo mollitia aut quisquam ut ut repudiandae
      </p>
      <p class="adb-caption">
        by Nathan Romero on June 24, 2013
      </p>
      <p class="adb-caption">
        <a data-target="#review-comments" data-toggle="panel">Show 2 Comments</a>
        &nbsp;·&nbsp;
        <a data-target="#review-comment" data-toggle="panel">Comment</a>
        &nbsp;·&nbsp;
        <a>Edit</a>
        &nbsp;·&nbsp;
        <a>Delete</a>
      </p>
      <form action="" class="adb-form adb-form__comment adb-js-panel-target" id="review-comment">
        <fieldset>
          <h4>
            <legend>Comment on Review</legend>
          </h4>
          <div class="adb-form--field">
            <textarea id="review-comment-content" maxlength="2048" placeholder="Write your comments here."></textarea>
          </div>
          <menu class="adb-toolbar">
            <button class="adb-button__primary adb-toolbar--item" type="submit">
              Submit Comment
            </button>
            <button class="adb-button__secret adb-toolbar--item" data-dismiss="modal" type="button">
              Cancel
            </button>
          </menu>
        </fieldset>
      </form>
      <div class="adb-js-panel-target adb-slats" id="review-comments">
        <div class="adb-slat">
          <div class="adb-slat--image adb-slat--column">
            <div class="adb-id adb-id__sq_medium">
              <img class="adb-id--img" src="../../images/avatars/nathanRomero-120x120.png" />
            </div>
          </div>
          <div class="adb-slat--content adb-slat--column">
            <p>
              Aut alias voluptatibus impedit eaque ipsam rerum aut laborum quia excepturi officiis vero illum. quasi odio accusamus sit saepe quia eos magni error consequatur dolor velit incidunt. molestiae et officiis amet quia et qui molestiae modi. quo cumque laudantium voluptatibus
            </p>
            <p class="adb-caption">
              by Nathan Romero on June 24, 2013
              &nbsp;·&nbsp;
              <a>Delete</a>
            </p>
          </div>
        </div>
        <div class="adb-slat">
          <div class="adb-slat--image adb-slat--column">
            <div class="adb-id adb-id__sq_medium">
              <img class="adb-id--img" src="../../images/avatars/nathanRomero-120x120.png" />
            </div>
          </div>
          <div class="adb-slat--content adb-slat--column">
            <p>
              Tempore optio praesentium ut. voluptatem explicabo eum nesciunt magni dicta non et voluptas nihil labore eum. fugit id accusamus molestias porro architecto aut ut magnam eos. aut sed sit ex et sit qui commodi expedita eos excepturi laborum. tenetur sed corporis et rem quasi. voluptatem nesciunt laboriosam enim quas in repellat dicta quas et est laboriosam. iusto ab eos repellendus aliquam rerum ipsa assumenda
            </p>
            <p class="adb-subtitle">
              by Nathan Romero on June 24, 2013
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_medium">
        <i class="adb-id--placeholder adb-icon__user"></i>
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column">
      <h3>
        New Relic is Not Great
      </h3>
      <div class="adb-rating adb-rating__xlarge">
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      </div>
      <p>
        Et fuga et et iusto deleniti et laboriosam incidunt inventore blanditiis dolorem voluptatem. vel sequi neque quo beatae occaecati laudantium aspernatur velit. rerum consectetur dolor ducimus aut praesentium neque dicta sint velit et voluptas. dignissimos soluta dolores architecto repellat est reiciendis non praesentium quaerat corrupti
      </p>
      <p class="adb-caption">
        by Ben Domanico on July 20, 2012
      </p>
      <p class="adb-caption">
        <a>Show 1 Comment</a>
        &nbsp;·&nbsp;
        <a>Comment</a>
      </p>
    </div>
  </div>
  <div class="adb-slat">
    <div class="adb-slat--image adb-slat--column">
      <div class="adb-id adb-id__sq_medium">
        <i class="adb-id--placeholder adb-icon__user"></i>
      </div>
    </div>
    <div class="adb-slat--content adb-slat--column">
      <h3>
        New Relic is Okay
      </h3>
      <div class="adb-rating adb-rating__xlarge">
        <i class="adb-rating--icon adb-rating--icon__positive"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
        <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      </div>
      <p>
        Voluptate qui quibusdam debitis odio doloribus velit id. assumenda sit nulla nihil voluptates. et omnis sed magni aut et sint distinctio fugit doloribus ipsum et consequatur. consequuntur perspiciatis ut officiis sed molestias enim aut omnis. mollitia eos cum autem ea et aut similique ut quidem accusamus. tempore quis explicabo molestias dignissimos repellendus sit repellendus dolores vel. ut amet omnis maiores sed ducimus enim
      </p>
      <p class="adb-caption">
        by Alex Capasso on July 20, 2012
      </p>
      <p class="adb-caption">
        <a>Comment</a>
      </p>
    </div>
  </div>
</section>

Mailchimp

Send Better Email

More than 4 million people use MailChimp to create, send, and track email newsletters. Whether you're self-employed, you manage projects for clients, or you work for a Fortune 500 company, MailChimp has features and integrations that will suit your email-marketing needs. … Learn More

Free

View Profile

Yendo

Accounting & CRM for small business

CRM and Accounting software for small/medium sized businesses. Smartphone compatible, works on iPhone, Blackberry etc. Branded Sales Invoices, Purchase Orders, Custom Invoice Design Templates, Send … Learn More

Free
+ Premium Plans

View Profile

Cakemail   Discounted

Email Marketing Made Simple.

CakeMail makes it easy for business owners to keep in touch with existing customers or market to prospective clients. … Learn More

$9.99

View Profile

Wordpress   Free Trial

Software for blogs and websites

WordPress started as just a blogging system, but has evolved to be used as full content management system and so much more through the thousands of plugins and widgets and themes … Learn More

$99.99
/ mo

View Profile

Chownow   Coming Soon

The online ordering system for restaurants

Custom Mobile Apps | Facebook Ordering | Website Ordering Widgets Learn More

$999.99
/ User / yr

View Profile

Urban Airship

Global Leader in Push Messaging

Use unparalleled customer insight—preferences, behaviors, current location and location history—to target mobile messaging that quadruples engagement, doubles retention and drives double-digit … Learn More

Starts at
$9.99

View Profile

Formstack

Customize, brand & launch an online form in seconds.

Formstack helps you create powerful online forms within minutes, allowing you to collect information, payments, registrations, etc., in one centralized location. All form submissions are … Learn More

Starts at
$99.99
/ mo

View Profile

Symantec Endpoint Protection Small Business Edition 2013   Free Trial

Simple, fast cloud-managed protection against viruses and malware.

The new and simpler way to deliver critical protection to laptops, desktops and file servers for your small business. Includes automatic updates that protect against the latest batch of viruses or … Learn More

Starts at
$999.99
/ User / yr

View Profile

FreeAgent   Free Trial

Small Business Accounting Software. Simplified.

FreeAgent is an online accounting application used by thousands of freelancers and small businesses. It was recently voted Best Small Business Accounting Application in the 2010 Software … Learn More

Available via Partner

View Profile

Sendgrid   Discounted

Email Delivery. Simplified.

Sendgrid's cloud-based email infrastructure relieves businesses of the cost and complexity of maintaining email systems. Learn More

Available via Partner

View Profile
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a href="../../prototype/marketplace/product.html">Mailchimp
      </a>

    </h3>
    <h4 class="adb-title__small">Send Better Email</h4>
    <p>
      More than 4 million people use MailChimp to create, send, and track email newsletters. Whether you're self-employed, you manage projects for clients, or you work for a Fortune 500 company, MailChimp has features and integrations that will suit your email-marketing needs.
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
    <div class="adb-badges">
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__star"></i>
      </span>
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__clock"></i>
      </span>
    </div>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-price--value">Free</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/yendo-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a href="../../prototype/marketplace/product.html">Yendo
      </a>

    </h3>
    <h4 class="adb-title__small">Accounting & CRM for small business</h4>
    <p>
      CRM and Accounting software for small/medium sized businesses. Smartphone compatible, works on iPhone, Blackberry etc. Branded Sales Invoices, Purchase Orders, Custom Invoice Design Templates, Send
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
    <div class="adb-badges">
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__star"></i>
      </span>
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__clock"></i>
      </span>
    </div>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-price--value">Free</span>
      <br>
      <a>+ Premium Plans</a>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/cakemail-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">Cakemail
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__promo">Discounted</span>
    </h3>
    <h4 class="adb-title__small">Email Marketing Made Simple.</h4>
    <p>
      CakeMail makes it easy for business owners to keep in touch with existing customers or market to prospective clients.
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-price--value">$9.99</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/wordpress-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">Wordpress
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__free">Free Trial</span>
    </h3>
    <h4 class="adb-title__small">Software for blogs and websites</h4>
    <p>
      WordPress started as just a blogging system, but has evolved to be used as full content management system and so much more through the thousands of plugins and widgets and themes
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-price--value">$99.99</span>
      <br>
      <span class="adb-price--unit">/ mo</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/chownow-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">Chownow
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__soon">Coming Soon</span>
    </h3>
    <h4 class="adb-title__small">The online ordering system for restaurants</h4>
    <p>
      Custom Mobile Apps | Facebook Ordering | Website Ordering Widgets
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
    <div class="adb-badges">
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__star"></i>
      </span>
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__clock"></i>
      </span>
    </div>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-price--value">$999.99</span>
      <br>
      <span class="adb-price--unit">/ User / yr</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/urbanairship-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a href="../../prototype/marketplace/product.html">Urban Airship
      </a>

    </h3>
    <h4 class="adb-title__small">Global Leader in Push Messaging</h4>
    <p>
      Use unparalleled customer insight—preferences, behaviors, current location and location history—to target mobile messaging that quadruples engagement, doubles retention and drives double-digit
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-caption">Starts at</span>
      <br>
      <span class="adb-price--value">$9.99</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/formstack-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a href="../../prototype/marketplace/product.html">Formstack
      </a>

    </h3>
    <h4 class="adb-title__small">Customize, brand & launch an online form in seconds.</h4>
    <p>
      Formstack helps you create powerful online forms within minutes, allowing you to collect information, payments, registrations, etc., in one centralized location. All form submissions are
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-caption">Starts at</span>
      <br>
      <span class="adb-price--value">$99.99</span>
      <br>
      <span class="adb-price--unit">/ mo</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/symantec-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">Symantec Endpoint Protection Small Business Edition 2013
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__free">Free Trial</span>
    </h3>
    <h4 class="adb-title__small">Simple, fast cloud-managed protection against viruses and malware.</h4>
    <p>
      The new and simpler way to deliver critical protection to laptops, desktops and file servers for your small business. Includes automatic updates that protect against the latest batch of viruses or
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-price">
      <span class="adb-caption">Starts at</span>
      <br>
      <span class="adb-price--value">$999.99</span>
      <br>
      <span class="adb-price--unit">/ User / yr</span>
    </p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/freeagent-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__positive"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">FreeAgent
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__free">Free Trial</span>
    </h3>
    <h4 class="adb-title__small">Small Business Accounting Software. Simplified.</h4>
    <p>
      FreeAgent is an online accounting application used by thousands of freelancers and small businesses. It was recently voted Best Small Business Accounting Application in the 2010 Software
      &hellip;
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-caption">Available via Partner</p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>
<div class="adb-slat">
  <div class="adb-slat--image adb-slat--column">
    <p>
            <a class="adb-id adb-id__linked adb-id__logo adb-id__sq_xlarge" href="../../prototype/marketplace/product.html"><img class="adb-id--img" src="../../images/logos/apps/sendgrid-120x120.png" />
      </a>

    </p>
    <div class="adb-rating adb-rating__small">
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
      <i class="adb-rating--icon adb-rating--icon__unrated"></i>
    </div>
  </div>
  <div class="adb-slat--content adb-slat--column">
    <h3>
            <a class="adb-title--link" href="../../prototype/marketplace/product.html">Sendgrid
      </a>

      &nbsp;
      <span class="adb-badge adb-badge__promo">Discounted</span>
    </h3>
    <h4 class="adb-title__small">Email Delivery. Simplified.</h4>
    <p>
      Sendgrid's cloud-based email infrastructure relieves businesses of the cost and complexity of maintaining email systems.
            <a class="more" href="../../prototype/marketplace/product.html">Learn More
      </a>

    </p>
    <div class="adb-badges">
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__star"></i>
      </span>
      <span class="adb-badge adb-badge__icon">
        <i class="adb-icon__clock"></i>
      </span>
    </div>
  </div>
  <menu class="adb-slat--toolbar adb-slat--column">
    <p class="adb-caption">Available via Partner</p>
        <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/product.html">View Profile
    </a>

    <label class="adb-selector adb-selector__button adb-button__neutral adb-button adb-button__small adb-js-checkbox adb-js-compare" data-placement="bottom" data-title="Select to compare" data-toggle="tooltip">
      <span class="adb-selector--input">
        <input type="checkbox">
      </span>
      <span class="adb-selector--value">Compare</span>
    </label>
  </menu>
</div>

Numbered Slats

1

Create Marketing Profile

Add images, marketing copy, and resources. A thorough profile sells.

65%
Edit
2

Create Editions and Pricing

At least one edition is required for users to buy your product.

100%
Edit
3

Create your Integration Report

Healthy endpoints make it possible for users to buy, cancel and upgrade.

45%
Edit
4

Add to Marketplaces

Select the marketplace where you'd like to sell your product.

Add to Marketplaces
<div class="adb-container">
  <div class="adb-slat adb-slat__actionable" data-url="/prototype/developer/editor/profile.html">
    <div class="adb-slat--column adb-slat--number">1</div>
    <div class="adb-slat--column adb-slat--content">
      <h3>Create Marketing Profile</h3>
      <p>Add images, marketing copy, and resources. A thorough profile sells.</p>
      <span class="adb-js-meter adb-meter" data-percent="65" data-title="65%" data-toggle="tooltip">
        <span class="adb-meter--percent"></span>
      </span>
      <span class="adb-affix">65%</span>
    </div>
    <div class="adb-slat--column adb-slat--actions">
            <a class="adb-button__neutral adb-button adb-button__medium" href="../../prototype/developer/editor/integration_report.html">Edit
      </a>

    </div>
  </div>
  <div class="adb-slat adb-slat__actionable" data-url="/prototype/developer/editor/add_edition.html">
    <div class="adb-slat--column adb-slat--number">2</div>
    <div class="adb-slat--column adb-slat--content">
      <h3>Create Editions and Pricing</h3>
      <p>At least one edition is required for users to buy your product.</p>
      <span class="adb-js-meter adb-meter" data-percent="100" data-placement="top" data-state="completed" data-title="Complete" data-toggle="tooltip">
        <span class="adb-meter--percent"></span>
      </span>
      <span class="adb-affix">100%</span>
    </div>
    <div class="adb-slat--column adb-slat--actions">
            <a class="adb-button__neutral adb-button adb-button__medium" href="../../prototype/developer/editor/integration_report.html">Edit
      </a>

    </div>
  </div>
  <div class="adb-slat adb-slat__actionable" data-url="/prototype/developer/editor/integration_report.html">
    <div class="adb-slat--column adb-slat--number">3</div>
    <div class="adb-slat--column adb-slat--content">
      <h3>Create your Integration Report</h3>
      <p>Healthy endpoints make it possible for users to buy, cancel and upgrade.</p>
      <span class="adb-js-meter adb-meter" data-percent="45" data-title="45%" data-toggle="tooltip">
        <span class="adb-meter--percent"></span>
      </span>
      <span class="adb-affix">45%</span>
    </div>
    <div class="adb-slat--column adb-slat--actions">
            <a class="adb-button__neutral adb-button adb-button__medium" href="../../prototype/developer/editor/integration_report.html">Edit
      </a>

    </div>
  </div>
  <div class="adb-slat adb-slat__actionable" data-url="/prototype/developer/editor/marketplaces.html">
    <div class="adb-slat--column adb-slat--number">4</div>
    <div class="adb-slat--column adb-slat--content">
      <h3>Add to Marketplaces</h3>
      <p>Select the marketplace where you'd like to sell your product.</p>
    </div>
    <div class="adb-slat--column adb-slat--actions">
            <a class="adb-button__secondary adb-button adb-button__medium" href="/prototype/developer/editor/marketplaces.html">Add to Marketplaces
      </a>

    </div>
  </div>
</div>

Activity

Today

Allyson Dunn assigned Kenneth Kaplan to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync added Collin Joyce to Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Alvin Glass requested access to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

Eoin Bender removed Casey Rosenthal from Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync removed Kaden Hamilton from Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Johnnie Mangum enabled UserSync for Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Darius Boykin disabled UserSync for Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Kenneth Wagner invited raul_weeks@aol.com to join Lorem Company.

2 hours ago 

Brooklynn Merritt joined Lorem Company.

2 hours ago 

Xena Baker created a new company,  tempore ipsam et .

2 hours ago 

Alonzo Cowan activated a new company,  aut eos sunt .

2 hours ago 

Zoe Raynor linked Judith Rich to Lorem Company as a Reseller.

2 hours ago 

Tracy Hinton removed Eric Cross from Lorem Company as a Reseller.

2 hours ago 
This Week

Lexi Lucas purchased a subscription to Mailchimp.

Mailchimp

Send Better Email

1 week ago 

Cathleen Davidson modified the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 

Kaden Wagner requested cancellation of the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 

Alvin Alexander canceled the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 
This Month

Brooklynn Norman completed a payment of $9.99 for Invoice 12345.

2 weeks ago 

Cindy Weiner failed to complete a payment of $9.99 for Invoice 12345.

2 weeks ago 

Dora Locklear assigned Preston Griffin to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync added Davion Hewitt to Mailchimp.

Mailchimp

Send Better Email

2 hours ago 
 Older Updates

Joann Watts

johnnyjones@email.com

Mailchimp

dignissimos excepturi et minima magnam voluptatibus suscipit incidunt aut excepturi ut dolorem ut voluptatem sed quo enim iste inventore dolores repellat autem minus est quis

UserSync allows you to sync user accounts automatically between applications and your company on the Acme marketplace.

<div class="adb-container">
  <div class="adb-container_header">
    <h3 class="adb-container_header--title adb-container_header--item">Today</h3>
  </div>
  <div class="adb-slats adb-container_content">
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Casey Burch
          </a>
          assigned
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Summer Shaffer
          </a>
          to
          <a>Mailchimp.</a>
          &nbsp;
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          added
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Jacquelyn Weiner
          </a>
          to
          <a>Mailchimp.</a>
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__alert adb-layered_icons--child adb-layered_icons--child__change"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Harrison Conner
          </a>
          requested access to
          <a>Mailchimp.</a>
          &nbsp;
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__no adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Byron Olsen
          </a>
          removed
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Nolan Sinclair
          </a>
          from
          <a>Mailchimp.</a>
          &nbsp;
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__no adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          removed
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Alma Norman
          </a>
          from
          <a>Mailchimp.</a>
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__switch adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Cindy Sparks
          </a>
          enabled
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          for
          <a>Mailchimp.</a>
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__switch adb-layered_icons">
          <i class="adb-icon__no adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Elise Fischer
          </a>
          disabled
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          for
          <a>Mailchimp.</a>
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__user adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Clinton Merritt
          </a>
          invited
          angela_branch@mac.com
          to join Lorem Company.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__user adb-layered_icons">
          <i class="adb-icon__check adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Gayle Powers
          </a>
          joined
          Lorem Company.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__company adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Preston Christian
          </a>
          created a new company,&nbsp;
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            provident eos accusamus
            .
          </a>
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__company adb-layered_icons">
          <i class="adb-icon__check adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Noel Cooper
          </a>
          activated a new company,&nbsp;
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            et eaque enim
            .
          </a>
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__reseller adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Jerald Woodard
          </a>
          linked
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Randal McAllister
          </a>
          to Lorem Company as a Reseller.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__reseller adb-layered_icons">
          <i class="adb-icon__no adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Madeline Boswell
          </a>
          removed
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Ian Carver
          </a>
          from Lorem Company as a Reseller.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
  </div>
  <div class="adb-container_header">
    <h5 class="adb-container_header--title adb-container_header--item">This Week</h5>
  </div>
  <div class="adb-slats adb-container_content">
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__subscription adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Beau Hardin
          </a>
          purchased
          a subscription to Mailchimp.
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          1 week ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__subscription adb-layered_icons">
          <i class="adb-icon__edit adb-layered_icons--child adb-layered_icons--child__change"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Teddy Walton
          </a>
          modified
          the subscription to MailChimp.
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          1 week ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__subscription adb-layered_icons">
          <i class="adb-icon__alert adb-layered_icons--child adb-layered_icons--child__change"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Rolando Olsen
          </a>
          requested cancellation of the subscription to MailChimp.
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          1 week ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__subscription adb-layered_icons">
          <i class="adb-icon__no adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Kaleigh Weeks
          </a>
          canceled
          the subscription to MailChimp.
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          1 week ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
  </div>
  <div class="adb-container_header">
    <h5 class="adb-container_header--title adb-container_header--item">This Month</h5>
  </div>
  <div class="adb-slats adb-container_content">
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__credit_card adb-layered_icons">
          <i class="adb-icon__check adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Daryl Proctor
          </a>
          completed
          a payment of $9.99 for Invoice 12345.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 weeks ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__credit_card adb-layered_icons">
          <i class="adb-icon__error adb-layered_icons--child adb-layered_icons--child__remove"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Jamal Jones
          </a>
          failed
          to complete a payment of $9.99 for Invoice 12345.
        </p>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 weeks ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat adb-is-hidden">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Eli Morgan
          </a>
          assigned
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Calum Wagner
          </a>
          to
          <a>Mailchimp.</a>
          &nbsp;
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
    <div class="adb-slat adb-is-hidden">
      <div class="adb-slat--image adb-slat--column">
        <i class="adb-icon__app adb-layered_icons">
          <i class="adb-icon__plus adb-layered_icons--child adb-layered_icons--child__add"></i>
        </i>
      </div>
      <div class="adb-slat--content adb-slat--column">
        <p>
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          added
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Moses Stevenson
          </a>
          to
          <a>Mailchimp.</a>
        </p>
        <div class="adb-card">
          <div class="adb-card--image">
            <div class="adb-id adb-id__logo adb-id__sq_small" data-target="#app-tooltip" data-toggle="dialog">
              <img class="adb-id--img" src="../../images/logos/apps/mailchimp-120x120.png" />
            </div>
          </div>
          <div class="adb-card--content">
            <h4 class="adb-summary--title">
              <a data-truncate="line" href="../../prototype/account/product.html">Mailchimp
              </a>
            </h4>
            <p class="adb-summary--details">Send Better Email</p>
          </div>
        </div>
      </div>
      <div class="adb-slat--toolbar adb-slat--column">
        <time>
          2 hours ago&nbsp;
          <i class="adb-icon__clock" data-title="March 20, 2015 2:34 PM" data-toggle="tooltip"></i>
        </time>
      </div>
    </div>
  </div>
  <a class="adb-expand_link adb-expand_link__container">
    <i class="adb-icon__angle_down"></i>
    &nbsp;Older Updates
  </a>
</div>
<div class="adb-complex_tooltip adb-js-dialog" id="user-tooltip">
  <div class="adb-complex_tooltip--card adb-card">
    <div class="adb-card--image">
      <div class="adb-id">
        <img class="adb-id--img" src="../../images/avatars/nathanRomero-48x48.png" />
      </div>
    </div>
    <div class="adb-card--content adb-summary">
      <h3 class="adb-summary--title">
        Colm Kane
      </h3>
      <p class="adb-summary--details" data-truncate="line">
        ashtonrose@yahoo.com
      </p>
    </div>
  </div>
</div>
<div class="adb-complex_tooltip adb-js-dialog" id="app-tooltip">
  <div class="adb-complex_tooltip--content">
    <h3>Mailchimp</h3>
    <p>
      omnis non inventore eligendi facere cumque odio et voluptas iure eos odio itaque aut est eum ad qui vel nemo deleniti doloremque laborum quia quo
    </p>
  </div>
</div>
<div class="adb-complex_tooltip adb-js-dialog" id="usersync-tooltip">
  <div class="adb-complex_tooltip--content">
    <p>
      <strong>UserSync</strong>
      allows you to sync user accounts automatically between applications and your company on the Acme marketplace.
    </p>
  </div>
</div>
  • Framework
  • Arrange
  • Slats
  • Powered by AppDirect © 2009–2014
  • Help Center
  • Terms & Conditions
  • Contact
  • Call us toll-free: (877) 404-APPS
    Hide
    4
    1366 × 768
    10.51%
    9
    1024 × 768
    4.02%
    3
    1280 × 800
    11.08%
    1
    1440 × 900
    16.09%
    7
    1600 × 900
    5.59%
    6
    1280 × 1024
    5.77%
    5
    1680 × 1050
    7.48%
    2
    1920 × 1080
    15.99%
    8
    1920 × 1200
    5.39%
    10
    2560 × 1440
    3.23%