<?php
/**
 * Ui Toolkit - Basic.
 *
 * @package AdvancedAds
 * @author  Advanced Ads <info@wpadvancedads.com>
 */

?>
<div class="advads-ui-kit">
	<div class="advads-card">
		<header>
			<h2>Headings</h2>
		</header>
		<div class="advads-card--content">
			<h1>Heading 1</h1>
			<h2>Heading 2</h2>
			<h3>Heading 3</h3>
			<h4>Heading 4</h4>
			<h5>Heading 5</h5>
			<h6>Heading 6</h6>
		</div>
	</div>

	<div class="advads-card">
		<header>
			<h2>Paragraphs</h2>
		</header>
		<div class="advads-card--content">
			<p class="advads-lead">This is a paragraph.</p>
			<p class="advads-description">This is a paragraph.</p>
			<p>This is a paragraph.</p>
		</div>
	</div>

	<div class="advads-card">
		<header>
			<h2>Links</h2>
		</header>
		<div class="advads-card--content">
			<a href="https://example.com" class="advads-link">This is a link</a>
		</div>
	</div>

	<div class="advads-card">
		<header>
			<h2>Lists</h2>
		</header>
		<div class="advads-card--content">
			<ul class="advads-list">
				<li>Unordered List Item</li>
				<li>Unordered List Item</li>
			</ul>
			<ol class="advads-list">
				<li>Ordered List Item</li>
				<li>Ordered List Item</li>
			</ol>
		</div>
	</div>

	<div class="advads-card">
		<header>
			<h2>Buttons</h2>
		</header>
		<div class="advads-card--content">
			<h3>Primary Buttons</h3>
			<button class="advads-button button-primary button-large">Primary Large</button>
			<button class="advads-button button-primary button-medium">Primary Medium</button>
			<button class="advads-button button-primary button-small">Primary Small</button>

			<h3>Secondary Buttons</h3>
			<button class="advads-button button-secondary button-large">Secondary Large</button>
			<button class="advads-button button-secondary button-medium">Secondary Medium</button>
			<button class="advads-button button-secondary button-small">Secondary Small</button>
		</div>
	</div>
</div>
