<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="shortcut icon"
href="data:image/x-icon;,"
type="image/x-icon"
/>
<title>Document</title>
</head>
<body>
<div data-ctra="SimpleButton">
<button type="button" data-ctra-on="click:increase:counter">
This is a simple Counter:
<span data-ctra-var="counter:int:0:10">0</span>
</button>
</div>
<div data-ctra="List" id="cards">
<div data-ctra="Card">
<h1 data-ctra-var="title">Title</h1>
<p data-ctra-var="description">Description</p>
<button type="button" data-ctra-on="click/duplicate/prev/#cards">
Add Card
<script src="./main.js" type="module"></script>
</body>
</html>
