robur.coop/templates/about_us.html

<div class="about-us-page">
  <div class="section-header intro-about-us">
    <div class="container-fluid dark">
      <div class="container intro-about-us">
        <div class="col-md-12">
          <h2>About us</h2>
          <span class="manchet">
            <p>{{ robur.description }}</p>
          </span>
        </div>

        <div class="button-pair">
          <button class="read-more"><a href="#">Read more</a></button>
          <button class="contact-us"><a href="#contact">Contact us</a></button>
        </div>

      </div>
    </div>
  </div>

  <div class="section-1">
    <div class="container-fluid p0">
      <div class="container">
        <div class="col-md-12">
      	  <h2>The current team</h2>
        </div>
        <div class="tekst-element">
          {% for row in batch(2, team.current_members, fill_with="member") %}
          <div class="col-md-12 p0">
	          {% for member in row %}
            <div class="member-description col-md-6">
	            <p class="underoverskrift">{{ member.name }}</p>
              {%- autoescape false -%}
              {{ member.description }}
              {% endautoescape -%}
            </div>
            {% endfor %}
          </div>
        	{% endfor %}
        </div>
        <div class="col-md-12">
	        <h2>Former members</h2>
        </div>
        <div class="tekst-element">
          <div class="col-md-12 p0">
            {% for row in batch(2, team.former_members, fill_with="member") %}
            <div class="col-md-12 p0">
        	    {% for member in row %}
              <div class="col-md-6">
                <p class="underoverskrift">{{ member.name }}</p>
                {%- autoescape false -%}
                {{ member.description }}
                {% endautoescape -%}
              </div>
              {% endfor %}
            </div>
	          {% endfor %}
          </div>
        </div>
      </div>
      <img src="{{ root }}/images/about_us_graphics.png" alt="pentagon_graphics" class="pentagon">
   </div>
  </div>

  <div class="section-2">
    <div class="container-fluid">
      <div class="container flex">
        <div class="col-md-6 column-1">
	        {%- autoescape false -%}
           {{ retreats.body }}
	        {% endautoescape -%}

          <div class="button-bottom">
            <button class="mirage-btn"><a href="static.php">Go to MirageOS</a></button>
          </div>
        </div>
        <div class="col-md-6 column-2">
          {%- autoescape false -%}
            {{ network.body }}
	        {% endautoescape -%}

          <div class="button-bottom">
            <button class="collab-btn"><a href="network.php">See all collaborations and grant Funders</a></button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section-3">
    <div class="container-fluid">
      <div class="container">
	      {%- autoescape false -%}
          {{ funding.body }}
	      {% endautoescape -%}
        <div class="col-md-12 button-pair">
          <button class="contact-btn"><a href="#contact">Contact us</a></button>
          <button class="donate-btn"><a href="donate.php">Donate now</a></button>
        </div>
      </div>
    </div>
  </div>
</div>