<div data-w-tab="Roadmap" class="tab-pane w-tab-pane">
<div class="tab-content-container">
<div class="tab-heading-container-for-button">
<div>
<h2>Roadmap</h2>
<div class="subheading">Help shape the future of {App Name}. Add your ideas or upvote on other ideas on this page.<br></div>
</div>
<div>
<a href="#" class="button w-inline-block">
<div class="button-icon w-embed">
<svg fill="currentColor" width="512" height="512" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><rect x="11" y="24" width="10" height="2"></rect><rect x="13" y="28" width="6" height="2"></rect><path d="M16,2A10,10,0,0,0,6,12a9.19,9.19,0,0,0,3.46,7.62c1,.93,1.54,1.46,1.54,2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2,7.2,0,0,1,8,12a8,8,0,0,1,16,0,7.2,7.2,0,0,1-2.82,6.14c-1.07,1-2.18,2-2.18,3.86h2c0-.92.53-1.45,1.54-2.39A9.18,9.18,0,0,0,26,12,10,10,0,0,0,16,2Z" transform="translate(0 0)"></path></svg>
</div>
<div>Submit an Idea</div>
</a>
</div>
</div>
<div class="space-1rem"></div>
<div class="w-layout-grid roadmap-kanban">
<div class="roadmap-kanban-column">
<div class="roadmap-kanban-column-header">
<div class="roadmap-kanban-column-icon w-embed">
<svg fill="currentColor" width="512" height="512" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><rect x="11" y="24" width="10" height="2"></rect><rect x="13" y="28" width="6" height="2"></rect><path d="M16,2A10,10,0,0,0,6,12a9.19,9.19,0,0,0,3.46,7.62c1,.93,1.54,1.46,1.54,2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2,7.2,0,0,1,8,12a8,8,0,0,1,16,0,7.2,7.2,0,0,1-2.82,6.14c-1.07,1-2.18,2-2.18,3.86h2c0-.92.53-1.45,1.54-2.39A9.18,9.18,0,0,0,26,12,10,10,0,0,0,16,2Z" transform="translate(0 0)"></path></svg>
</div>
<h3>Ideas</h3>
</div>
<!-- START Roadmap Idea Kanban Card - NOT VOTED FOR -->
<div class="roadmap-kanban-card">
<h4 class="roadmap-kanban-card-heading">Title</h4>
<div class="roadmap-kanban-card-description">This is a description of the idea.</div>
<div class="roadmap-kanban-card-footer">
<div class="roadmap-kanban-card-footer-tag-container">
<div dat-tippy-content="Description of Tag" class="tag">Data Source</div>
</div>
<a data-tippy-content="Vote for this idea" href="#" class="roadmap-kanban-card-upvote-button w-inline-block">
<div class="roadmap-kanban-card-upvote-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32"><path d="M26,12H20V6a3.0033,3.0033,0,0,0-3-3H14.8672a2.0094,2.0094,0,0,0-1.98,1.7173l-.8453,5.9165L8.4648,16H2V30H23a7.0078,7.0078,0,0,0,7-7V16A4.0045,4.0045,0,0,0,26,12ZM8,28H4V18H8Zm20-5a5.0057,5.0057,0,0,1-5,5H10V17.3027l3.9578-5.9365L14.8672,5H17a1.0008,1.0008,0,0,1,1,1v8h8a2.0025,2.0025,0,0,1,2,2Z" transform="translate(0 0)"></path></svg>
</div>
<div>{number of votes}</div>
</a>
</div>
</div>
<!-- END Roadmap Idea Kanban Card - NOT VOTED FOR -->
<!-- START Roadmap Idea Kanban Card - VOTED FOR -->
<div class="roadmap-kanban-card">
<h4 class="roadmap-kanban-card-heading">Title</h4>
<div class="roadmap-kanban-card-description">This is a description of the idea.</div>
<div class="roadmap-kanban-card-footer">
<div class="roadmap-kanban-card-footer-tag-container">
<div dat-tippy-content="Description of Tag" class="tag">Data Source</div>
</div>
<!-- Note: the <a> has an extra class .voted, data-tippy-content attibute is changed, and the SVG is changed for ideas that have been voted for. -->
<a data-tippy-content="You have voted for this idea." href="#" class="roadmap-kanban-card-upvote-button voted w-inline-block">
<div class="roadmap-kanban-card-upvote-icon w-embed">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32"><rect x="2" y="16" width="5" height="14"></rect><path d="M23,30H9V15.1973l3.0422-4.5635.8453-5.9165A2.0094,2.0094,0,0,1,14.8672,3H15a3.0033,3.0033,0,0,1,3,3v6h8a4.0045,4.0045,0,0,1,4,4v7A7.0078,7.0078,0,0,1,23,30Z"></path></svg>
</div>
<div>{number of votes}</div>
</a>
</div>
</div>
<!-- END Roadmap Idea Kanban Card - VOTED FOR -->
</div>
<div class="roadmap-kanban-column">
<div class="roadmap-kanban-column-header">
<div class="roadmap-kanban-column-icon w-embed">
<svg fill="currentColor" width="512" height="512" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path></svg>
</div>
<h3>Planned</h3>
</div>
<!-- Roadmap Idea Kanban Cards go here -->
</div>
<div class="roadmap-kanban-column">
<div class="roadmap-kanban-column-header">
<div class="roadmap-kanban-column-icon w-embed">
<svg fill="currentColor" width="512" height="512" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><path d="M8,4V8H4V4H8M2,2v8h8V2Z"></path><path d="M18,7v4H14V7h4M12,5v8h8V5Z"></path><path d="M8,16v4H4V16H8M2,14v8h8V14Z"></path><path d="M22,10v6H16v6H10v8H30V10Zm-4,8h4v4H18ZM16,28H12V24h4Zm6,0H18V24h4Zm6,0H24V24h4Zm0-6H24V18h4Zm-4-6V12h4v4Z"></path></svg>
</div>
<h3>In Development</h3>
</div>
<!-- Roadmap Idea Kanban Cards go here -->
</div>
</div>
</div>
</div>