{% extends "layout-2020.html" %} {% block title %}{{ this.title }}{% endblock %} {% block subtitle %}{{ this.subtitle }}{% endblock %} {% block content %} <div class="container"> {% for childpage in this.children %} {# Setup default settings for the overview #} {% if childpage.header_background_color %} {% set div_style = 'background-color:' + childpage.header_background_color + ';' %} {% else %} {% set div_style = 'background-color: #6FB0E5;' %} {% endif %} {% if childpage.header_text_color %} {% set div_classes = childpage.header_text_color %} {% else %} {% set div_classes = 'text-light' %} {% endif %} {% if loop.first %} <div class="row mb-3"> {% endif %} <div class="col-md-4 mb-3"> <div class="card"> {% if childpage.image %} <a href="{{ childpage|url }}"> <img class="card-img-top" src="{{ childpage.image }}" alt="{{ childpage.title }}"> </a> {% else %} <div style="{{ div_style }} font-weight: bold; padding-left: 12px; padding-right: 6px; text-transform: uppercase;" class="{{ div_classes }} display-4 headlinebold"> <br/> <a href="{{ childpage|url }}" style="font-color: white;"> {{ childpage.title }}<sup style="font-weight: normal;">≠</sup> </a> <br/> <br/> </div> {% endif %} </a> <div class="card-body"> <h5 class="card-title">{{ childpage.title }}</h5> <p class="card-text">{{ childpage.subtitle }}</p> </div> </div> </div> {% if loop.index is divisibleby 3 %} </div> <div class="row mb-3"> {% endif %} {% if loop.last %} </div> {% endif %} {% endfor %} </div> </div> </div> {% endblock %}