• Guidelines
    • Display
    • Navigate
    • Forms
    • Layout
    • Prototype
  • Acme Marketplace
  • Guidelines
  • Display
  • Navigate
  • Forms
  • Layout
  • Prototypes
    • Guidelines
    • Display
    • Navigate
    • Forms
    • Layout
    • Prototypes
    • Release Notes
    • Sass Documentation
    • Gulp Documentation
    • CSS/SASS Stats
    • Preview All Components
Base by AppDirect

Layout

Complex components and layout patterns

Containers
Tables
Modals
Sliders
Slats
Pricing
Feeds

Feeds

Activity Feed

Today

Judith Chung assigned Angelo Chen to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync added Margarita Melton to Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Kerry Hill requested access to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

Elaine Puckett removed Lorenzo Song from Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync removed Justice Hamilton from Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Doris Bender enabled UserSync for Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Raul Wagner disabled UserSync for Mailchimp.

Mailchimp

Send Better Email

2 hours ago 

Liliana McLaughlin invited elise_raynor@gmail.com to join Lorem Company.

2 hours ago 

Ciaran Moon joined Lorem Company.

2 hours ago 

Johnny Woodard created a new company,  alias consequatur aut perferendis sit .

2 hours ago 

Moses Desai activated a new company,  voluptatem accusantium doloremque aperiam eaque .

2 hours ago 

Davion Wallace linked Penny Lawrence to Lorem Company as a Reseller.

2 hours ago 

Mohammed Griffin removed Harvey Dougherty from Lorem Company as a Reseller.

2 hours ago 
This Week

Sheryl Powers purchased a subscription to Mailchimp.

Mailchimp

Send Better Email

1 week ago 

Hudson May modified the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 

Brendan Steele requested cancellation of the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 

Brooklynn Teague canceled the subscription to MailChimp.

Mailchimp

Send Better Email

1 week ago 
This Month

Denis Vick completed a payment of $9.99 for Invoice 12345.

2 weeks ago 

Sadie Gallagher failed to complete a payment of $9.99 for Invoice 12345.

2 weeks ago 

Trisha Solomon assigned Jacquelyn Walsh to Mailchimp.  

Mailchimp

Send Better Email

2 hours ago 

UserSync added Virgil Monroe to Mailchimp.

Mailchimp

Send Better Email

2 hours ago 
 Older Updates

Cindy Connolly

marianne-middleton@yahoo.com

Mailchimp

ipsa quae ab illo inventore

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="/prototype/account/user/second.html">
            Giselle Goldstein
          </a>
          assigned
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            Casey Watts
          </a>
          to
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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="/prototype/account/user/second.html">
            Alondra Johnston
          </a>
          to
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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="/prototype/account/user/second.html">
            Angela Weeks
          </a>
          requested access to
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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__stop 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="/prototype/account/user/second.html">
            Katherine Wilkerson
          </a>
          removed
          <a data-target="#user-tooltip" data-toggle="dialog" href="/prototype/account/user/second.html">
            Skyler Barton
          </a>
          from
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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__stop 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="/prototype/account/user/second.html">
            Kyleigh Walton
          </a>
          from
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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="/prototype/account/user/second.html">
            Carly Hall
          </a>
          enabled
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          for
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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__stop 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="/prototype/account/user/second.html">
            Abel Ross
          </a>
          disabled
          UserSync
          <i class="adb-icon__switch adb-icon_alert" data-target="#usersync-tooltip" data-toggle="dialog"></i>
          for
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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="/prototype/account/user/second.html">
            Adrianna Chung
          </a>
          invited
          dominickwoods@hotmail.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="/prototype/account/user/second.html">
            Eoin Mangum
          </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="/prototype/account/user/second.html">
            Noel Joseph
          </a>
          created a new company,&nbsp;
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            veritatis et quasi architecto beatae
            .
          </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="/prototype/account/user/second.html">
            Ciara Rosenthal
          </a>
          activated a new company,&nbsp;
          <a data-target="#user-tooltip" data-toggle="dialog" href="#">
            vitae dicta sunt explicabo aspernatur
            .
          </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="/prototype/account/user/second.html">
            Roberto Bowden
          </a>
          linked
          <a data-target="#user-tooltip" data-toggle="dialog" href="/prototype/account/user/second.html">
            Skylar Barton
          </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__stop 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="/prototype/account/user/second.html">
            Brock Underwood
          </a>
          removed
          <a data-target="#user-tooltip" data-toggle="dialog" href="/prototype/account/user/second.html">
            Earl Jones
          </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="/prototype/account/user/second.html">
            Dwayne Baker
          </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?1625765172" />
            </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="/prototype/account/user/second.html">
            Jackie Merritt
          </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?1625765172" />
            </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="/prototype/account/user/second.html">
            Hamish Cross
          </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?1625765172" />
            </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__stop 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="/prototype/account/user/second.html">
            Sienna Cooper
          </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?1625765172" />
            </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="/prototype/account/user/second.html">
            Nolan Holmes
          </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="/prototype/account/user/second.html">
            Daren Sharpe
          </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="/prototype/account/user/second.html">
            Jean Morgan
          </a>
          assigned
          <a data-target="#user-tooltip" data-toggle="dialog" href="/prototype/account/user/second.html">
            Shirley Hoyle
          </a>
          to
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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="/prototype/account/user/second.html">
            Connor Allen
          </a>
          to
          <a href="/prototype/account/product.html">
            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?1625765172" />
            </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?1625765173" />
      </div>
    </div>
    <div class="adb-card--content adb-summary">
      <h3 class="adb-summary--title">
        Geraldine Rich
      </h3>
      <p class="adb-summary--details" data-truncate="line">
        kristigrant@email.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>
      aut odit aut fugit sed
    </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
  • Layout
  • Feeds
  • Powered by AppDirect © 2022
  • Contact Support
  • Terms & Conditions
  • Privacy Policy
    • Contact Support
    • Terms & Conditions
    • Privacy Policy
Themes
    Assistant
    • Bonzi
    • Clippy
    • F1
    • Genie
    • Genius
    • Links
    • Merlin
    • Peedy
    • Rocky
    • Rover
    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%