Card Format

Logo, name, tagline, and CTA in a flexible container.

Script Tag

<script src="https://adventory.to/ad.card.js" data-placement="YOUR_PLACEMENT_ID"></script>

Behavior

The card fills both the width and height of its parent container. Wrap it in a container with explicit dimensions, for example width: 100%; height: 100%.

Works well in CSS grids, sidebars, and any sized container.

Attributes

AttributeRequiredDescription
data-placementYesYour placement ID (UUID).
data-themeNoSet to "dark" to use a dark background with light text.
data-bgNoCustom background color (hex, e.g. #1a1a2e).
data-textNoCustom text color (hex).
data-cta-bgNoCustom CTA button background color (hex).
data-cta-textNoCustom CTA button text color (hex).

Color attributes override advertiser colors. See Theming & Colors for details on color priority.