scala3-guides-card-group.html

<divclass="card-group">
 {% for overview in page.guides %}
<divclass="white-card">
<divclass="card-wrap">
<divclass="card-header">
 {% if overview.icon %}
<divclass="card-avatar">
<divclass="icon"><iclass="fa fa-{{ overview.icon }}" aria-hidden="true"></i></div>
</div>
 {% endif %}
<ahref="{{ overview.url }}"><h3>{{ overview.title }}</h3></a>
</div>
<divclass="card-content">
 {% if overview.label-text %}<divclass="tag" {%ifoverview.label-color%}style ="background: {{ overview.label-color }}"{%endif%}>{{ overview.label-text }}</div>{% endif %}
 {% if overview.by %}<divclass="by">By {{ overview.by }}</div>{% endif %}
 {% if overview.description %}<p>{{ overview.description }}</p>{% endif %}
 {% if overview.subdocs %}
<strong>Contents</strong>
<ulclass="subdocs">
 {% for doc in overview.subdocs %}
<li><ahref="{{ doc.url }}">{{ doc.title }}</a></li>
 {% endfor %}
</ul>
 {% endif %}
</div>
</div>
<divclass="card-footer">
<aclass="go-btn" href="{{ overview.url }}"><iclass="fa fa-arrow-right" aria-hidden="true"></i> Read</a>
</div>
</div>
 {% endfor %}
</div>