<div class="col">
<div class="card">
<div class="card-body p-0 overflow-hidden">
<iframe src="[[+introtext]]" width="100%" height="350" scrolling="no" frameborder="no" sandbox="allow-same-origin"></iframe>
</div>
<div class="card-body">
<h5 class="card-title"><a href="[[~[[+id]]]]" class="link-dark text-decoration-none">[[+pagetitle]]</a></h5>
<p class="card-text">[[+description]]</p>
<a href="[[+introtext]]" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body p-0 overflow-hidden" style="width: 100% !important">
<iframe src="[[+introtext]]" width="100%" height="350" scrolling="no" frameborder="no" sandbox="allow-same-origin" style="width: 100% !important"></iframe>
</div>
<div class="card-body" style="width: 100% !important">
<h5 class="card-title" style="width: 100% !important"><a href="[[~[[+id]]]]" class="link-dark text-decoration-none">[[+pagetitle]]</a></h5>
<p class="card-text" style="width: 100% !important">[[+description]]</p>
<a href="[[+introtext]]" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>