Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<div class="container-fluid">
  <!-- Banner -->
  <div class="row pt-4 pb-4 pr-4" style="background: linear-gradient(#4051a3ff, white);">
    <img
      src="https://wiki.geant.org/download/attachments/148090083/incubator-log_transparent.png"
      class="ml-auto"
      style="max-height: 12em;"
    />
  </div>
  <!-- Head -->
  <div class="card-deck mb-3">
    <div class="card">
      <div class="row no-gutters">
        <div class="col-md-4 p-2" style="background-color: goldenrod;">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/trophy.svg"
            class="card-img"
          />
        </div>
        <div class="col-md-8" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">13</div>
            <p class="card-text"><small class="text-muted">Completed activities</small></p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row no-gutters">
        <div class="col-md-4" style="background-color: #c2adeb;">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/gears.png"
            class="card-img p-2"
          />
        </div>
        <div class="col-md-8" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">4</div>
            <p class="card-text"><small class="text-muted">Ongoing activities</small></p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row no-gutters">
        <div class="col-md-4" style="background-color: lightyellow;">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/idea.svg"
            class="card-img p-2"
          />
        </div>
        <div class="col-md-8" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">10</div>
            <p class="card-text"><small class="text-muted">Pending ideas</small></p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row no-gutters">
        <div class="col-md-4" style="background-color: lightblue;">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/student.svg"
            class="card-img p-2"
          />
        </div>
        <div class="col-md-8" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">2</div>
            <p class="card-text"><small class="text-muted">Student projects</small></p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row no-gutters">
        <div class="col-md-4" style="background-color: lightsalmon;">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/team.png"
            class="card-img p-2"
          />
        </div>
        <div class="col-md-8" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">13</div>
            <p class="card-text"><small class="text-muted">Active members</small></p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Timeline -->
  <div class="col-9 offset-3 p-0">
    <div class="card border-0">
      <div class="row no-gutters">
        <div class="col-9 offset-1">
          <img
            src="https://wiki.geant.org/download/attachments/148090083/timeline.svg"
            class="card-img"
          />
        </div>
        <div class="col-2" style="background-color: #e6e6e6;">
          <div class="card-body text-center">
            <div class="card-text font-weight-bold" style="font-size: xx-large;">3 / 6</div>
            <p class="card-text"><small class="text-muted">Iterations</small></p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <hr />

  <!-- Overview section -->
  <div class="accordion d-print-none" id="overview-panel">
    <div class="row">
      <div class="btn-group col-4" role="group">
        <button
          class="btn btn-outline-primary"
          id="tab-main-head"
          type="button"
          data-toggle="collapse"
          data-target="#tab-incubator-body"
        >
          Incubator
        </button>
        <button
          class="btn btn-outline-primary"
          id="tab-topics-head"
          type="button"
          data-toggle="collapse"
          data-target="#tab-topics-body"
        >
          Topics
        </button>
        <button
          class="btn btn-outline-primary"
          id="tab-timeline-head"
          type="button"
          data-toggle="collapse"
          data-target="#tab-timeline-body"
        >
          Timeline
        </button>
      </div>
    </div>
    <!-- Incubator tab -->
    <div class="row collapse show" id="tab-incubator-body" data-parent="#overview-panel">
      <div class="col-4">
        <div class="list-group" role="tablist">
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action active"
            id="incubator-vision-head"
            data-toggle="list"
            href="#incubator-vision"
            role="tab"
            >Vision & Mission</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="incubator-process-head"
            data-toggle="list"
            href="#incubator-process"
            role="tab"
            >Process Methodology</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="incubator-roles-head"
            data-toggle="list"
            href="#incubator-roles"
            role="tab"
            >Community Engagement
          </a>
        </div>
      </div>
      <div class="col-8">
        <div class="tab-content" id="incubator-content">
          <div class="tab-pane fade show active" id="incubator-vision" role="tabpanel">
            <p>
              The GN4-3 WP5 T2 Trust and Identity Incubator (“T&I Incubator”) aims to develop,
              foster and mature new ideas in the Trust and Identity space in Research and Education.
              The incubator will investigate new technologies that currently have no place (yet) in
              the services ecosystem of the GÉANT project. This may include to test and experiment
              with potential new features for existing GÉANT services. In addition also business
              case development for potential new services and developments that would improve data
              protection and privacy aspects in services or software are in scope.
            </p>
            <div>
              <a href="https://wiki.geant.org/x/wbAuBw" class="btn btn-outline-primary"
                >Activity Process</a
              >
            </div>
          </div>
          <div class="tab-pane fade" id="incubator-process" role="tabpanel">
            <p>
              The T&I incubator runs four to eight incubator activities per project year in
              parallel. These incubators typically take about 6 months and employ an agile
              methodology to enable rapid development of ideas. Preferably at least two subject
              matter experts work together with support from the project team. Subject matter
              experts are recruited from within the team or, preferred, sponsored by their NRENs. In
              addition, the project team facilitates the incubator track by providing a scrum master
              and dedicated developers.
            </p>
            <div>
              <a href="https://wiki.geant.org/x/O4LYBw" class="btn btn-outline-primary"
                >Development Process</a
              >
            </div>
          </div>
          <div class="tab-pane fade" id="incubator-roles" role="tabpanel">
            <p>
              Main Incubator Board (MIB) aims to represent a broad view on Trust and Identity
              related developments in R&E. MIB members are senior subject matter experts from the
              European NREN trust and identity community. They evaluate new ideas and provide advice
              to the work package lead. They are also responsible for reviewing activities at the
              end of each incubator cycle and providing recommendations on how to proceed. The
              incubator team presents their results regularly to the the MIB's and the wider
              community. In the middle and at the end of a cycle there are two events public events,
              so called sprint demos.
            </p>
            <div>
              <a href="https://wiki.geant.org/x/sbAuBw" class="btn btn-outline-primary"
                >Selection Process</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Topics tab -->
    <div class="row collapse" id="tab-topics-body" data-parent="#overview-panel">
      <div class="col-4">
        <div class="list-group" role="tablist">
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action active"
            id="topics-identity-head"
            data-toggle="list"
            href="#topics-identity"
            role="tab"
            >Identity and Access Management</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="topics-standards-head"
            data-toggle="list"
            href="#topics-standards"
            role="tab"
            >Standards and Protocols</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="topics-security-head"
            data-toggle="list"
            href="#topics-security"
            role="tab"
            >Security and Privacy</a
          >
        </div>
      </div>
      <div class="col-8 tab-content" id="topics-content">
        <div class="tab-pane fade show active" id="topics-identity" role="tabpanel">
          Identity and Access Management (IAM) is about creating and managing digital identity for
          users, which can be used to represent a person in the digital world. Using state of the
          art authentication and authorization methods ensures that only the owner can access his
          identity and only entitled can access a resource. In this area, it is all about Identity
          Providers, Identity Federation, Service Providers and Discovery Services. Your project may
          improve existing software solutions or create new applications for a global community.
        </div>
        <div class="tab-pane fade" id="topics-standards" role="tabpanel">
          Building on top of existing infrastructure and applications, Standards and Protocols is
          about creating new ways to for applications and users to communicate. This area is all
          about protocols and standards used or being developed in the global Trust and Identity
          community, like the Security Assertion Markup Language (SAML) and Open ID Connect (OIDC),
          which will be used to integrate new capabilities in an already existing large
          infrastructure.
        </div>
        <div class="tab-pane fade" id="topics-security" role="tabpanel">
          Security is an integral part of most applications and infrastructures. Ensuring data
          protection, privacy and safety by using measures like encryption and cryptography is
          nowadays mandatory. In this area, you may investigate, test and integrate new security
          features in existing Trust & Identity applications or to create new services that help
          secure our community, by working on for example multi factor authentication or HSM
          technologies.
        </div>
      </div>
    </div>
    <!-- Timeline tab -->
    <div class="row collapse" id="tab-timeline-body" data-parent="#overview-panel">
      <div class="col-4">
        <div class="list-group" role="tablist">
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action active"
            id="timeline-c1-head"
            data-toggle="list"
            href="#timeline-c1"
            role="tab"
            >Cycle 1 (05 Mar 2019 - 12 Nov 2019)</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="timeline-c2-head"
            data-toggle="list"
            href="#timeline-c2"
            role="tab"
            >Cycle 2 (15 Nov 2019 - 30 Jun 2020)</a
          >
          <a
            class="btn btn-outline-primary list-group-item list-group-item-action"
            id="timeline-c3-head"
            data-toggle="list"
            href="#timeline-c3"
            role="tab"
            >Cycle 3 (03 Jul 2020 - 09 Feb 2021)</a
          >
        </div>
      </div>
      <div class="col-8">
        <div class="tab-content" id="timeline-content">
          <div class="tab-pane fade show active" id="timeline-c1" role="tabpanel">
            <div class="row col-11">
              <a href="#idp-service" class="btn btn-outline-info col-3 m-1">IdP as a Service</a>

              <a href="#distributed-vetting" class="btn btn-outline-info col-3 m-1"
                >SFA - Distributed Vetting</a
              >
              <a href="#discovery-pilot" class="btn btn-outline-info col-3 m-1">Discovery Pilot</a>
              <a href="#shibboleth-oidc" class="btn btn-outline-info col-3 m-1"
                >Shibboleth OIDC Extension</a
              >
              <a href="#orcid" class="btn btn-outline-info col-3 m-1"
                >ORCID as IdP of last resort</a
              >
              <a href="#cryptech-hsm" class="btn btn-outline-info col-3 m-1">Cryptech HSM</a>
              <a href="#commmunity-tagging" class="btn btn-outline-info col-3 m-1"
                >Community Tagging</a
              >
            </div>
          </div>
          <div class="tab-pane fade" id="timeline-c2" role="tabpanel">
            <div class="row col-11">
              <a href="#metadata-push" class="btn btn-outline-info col-3 m-1">Metadata push MDQ</a>

              <a href="#community-trust" class="btn btn-outline-info col-3 m-1"
                >Community-Based Trust</a
              >
              <a href="#service-report" class="btn btn-outline-info col-3 m-1"
                >Service Status Reporting</a
              >
              <a href="#win-connector" class="btn btn-outline-info col-3 m-1"
                >Connector for Windows</a
              >
              <a href="#webauthn" class="btn btn-outline-info col-3 m-1">WebauthN</a>
              <a href="#feudal" class="btn btn-outline-info col-3 m-1">Instant User Provisioning</a>
              <a href="#status-reporting" class="btn btn-outline-info col-3 m-1"
                >Status Reporting & Notification</a
              >
            </div>
          </div>
          <div class="tab-pane fade" id="timeline-c3" role="tabpanel">
            <div class="row col-11">
              <a href="#status-reporting" class="btn btn-outline-info col-3 m-1"
                >Status Reporting & Notification</a
              >

              <a href="#edulnk" class="btn btn-outline-info col-3 m-1">eduLNK</a>
              <a href="#identity-broker" class="btn btn-outline-info col-3 m-1"
                >Identity Validation Broker</a
              >
              <a href="#pyff-optimization" class="btn btn-outline-info col-3 m-1"
                >pyFF Optimizations</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br />
  <hr class="d-print-none" />

  <!-- Cards -->
  <div class="card-columns" id="card-grid">
    <!-- Metadata push -->
    <div class="card" id="metadata-push">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/metadata-push.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Standards</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
        </div>
        <h2 class="card-title">Metadata push MDQ</h2>
        <p class="card-text">
          Metadata is at the heart of the trust fabric of current R&E Identity Federations. For the
          trust to properly propagate, this metadata is first collected from and then distributed by
          the federation towards the federation members. This activity had investigated a new
          proposal called "push MDQ", which introduces a new, potentially highly scalable way of
          distributing metadata.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-1">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/7AH5Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-1">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Community trust -->
    <div class="card" id="community-trust">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/community-trust.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
        </div>
        <h2 class="card-title">Community-Based Trust</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-2">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/RQL5Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-2">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Service report -->
    <div class="card" id="service-report">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/service-report.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
        </div>
        <h2 class="card-title">Service Status Reporting</h2>
        <p class="card-text">
          Maecenas malesuada dignissim mauris, tristique auctor magna accumsan id. Aliquam erat
          volutpat. In viverra interdum ultrices. Vestibulum faucibus purus quis magna ultrices, vel
          fermentum metus pharetra. Sed id risus sit amet lectus pharetra pharetra. Mauris quis
          purus tortor. Quisque quis est eu massa pharetra convallis a a quam.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-3">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/-wH5Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-3">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- (De)provisioning connector for Windows -->
    <div class="card" id="win-connector">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/win-connector.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
          <span class="badge badge-pill badge-secondary"> TIM </span>
        </div>
        <h2 class="card-title">(De)provisioning connector for Windows</h2>
        <p class="card-text">
          Identity provisioning and deprovisioning are a necessity for building modern
          authentication and authorization infrastructures. They are straightforward yet technically
          complicated part of identity and access management. The basic idea is to deliver identity
          and authorization information to the managed services, which is complicated by a lack of
          applicable standards in this area. Therefore, most of the Identity and access management
          solutions rely on a custom solution for provisioning. To overcome this obstacle, this
          project extends existing IAM capabilities by implementing a connector to easily provision
          data to services hosted on Windows OS based on SSH.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-4">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/bA75Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-4">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The following results were created and delivered:</p>
          <ul>
            <li>
              <a href="https://wiki.geant.org/display/gn43wp5/Installation"
                >Windows Connector Installation Guide</a
              >
            </li>
            <li>
              <a href="https://github.com/CESNET/perun-services-windows"
                >Public source code
                <small>including test automation and a windows installation package</small></a
              >
            </li>
            <li>
              <a href="https://wiki.geant.org/display/gn43wp5/Test+Environment"
                >eduTEAMS integrated test environment</a
              >
            </li>
            <li>
              <a
                href="https://wiki.geant.org/display/gn43wp5/Provisioning+of+AD+for+the+lab+on+the+university"
                >Windows Connecter Case Study</a
              >
            </li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>
            The aim of this project was to create an easy to use, adoptable software solution to
            provision server users and provide this tool to the <strong>community</strong> As part
            of a case study the solution was implemented for a
            <strong>Czech University (Faculty of informatics MU)</strong> which will continue to use
            the solution afterwards. <strong>CESNET</strong> will continue to use and maintain the
            software for the foreseeable future. Besides this, the solution shall be adjusted to the
            needs of eduTEAMS. The solution will be provided to the
            <strong>eduTEAMS service task</strong> to be integrated into the GÉANT service.
          </p>
        </li>
      </ul>
    </div>

    <!-- WebauthN -->
    <div class="card" id="webauthn">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/webauthn.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Security</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
          <span class="badge badge-pill badge-secondary"> TIM </span>
        </div>
        <h2 class="card-title">WebauthN</h2>
        <p class="card-text">
          Nulla dignissim rutrum mi, nec bibendum est tincidunt sed. Pellentesque varius ex eu
          laoreet pellentesque. Cras accumsan magna ac tristique facilisis. In egestas dolor eget
          aliquet varius. Integer luctus elementum enim, ac malesuada lorem laoreet ac. Vivamus
          fermentum ligula vitae feugiat dapibus. Pellentesque suscipit nunc tellus, in bibendum
          lorem pellentesque in. Donec tempus dolor vel viverra tempus. Aliquam erat volutpat.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-5">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/YQ75Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-5">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Instant User Provisioning and Deprovisioning -->
    <div class="card" id="feudal">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/feudal.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
        </div>
        <h2 class="card-title">Instant User Provisioning</h2>
        <p class="card-text">
          Some systems, like non-web services, cannot be federated easily because they need user
          accounts to be provisioned before they can login. A prototype of an instant deployment
          tool called FEUDAL was developed by KIT. It facilitates provisioning of user accounts
          using virtual organisations (VO). Feudal is based on OIDC: It is an OIDC client, and it
          simply transports the information of the /userinfo endpiont along. Feudal is based on the
          concept of VOs (or authorisation Groups), i.e. the end services provide the information
          which VOs it supports. Feudal web fronted will only display services for provisioning to a
          given user based on his VO membership.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-6">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/-QH5Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-6">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The following results were created and delivered:</p>
          <ul>
            <li>
              <a
                href="https://docs.google.com/document/d/1jgnqCiyZUpD1urtnpKGfRoxwN8ZIAq57h1Cj4YByh-w/edit#"
                >Architecture document</a
              >
            </li>
            <li><a href="#">Publicly available source code</a></li>
            <li>
              <a href="https://feudal.scc.kit.edu/"
                >Test environment <small>including eduTEAMS integration</small></a
              >
            </li>
            <li>
              <a href="https://wiki.geant.org/pages/viewpage.action?pageId=148078632"
                >Promoted demo videos</a
              >
            </li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>
            The aim of this project was to create an easy to use, adoptable software solution to
            provision server users and provide this tool to the <strong>community</strong>. The
            solution is ready to be picked up and further developed and used by
            <strong>KIT</strong>. They plan to use this software in two
            <strong>"Helmholtz" projects HDF and HIFIS</strong> in Germany for the foreseeable
            future. Besides this, the solution was adjusted to the needs of eduTEAMS. The solution
            was provided to the <strong>eduTEAMS service task</strong> to be integrated into the
            GÉANT service.
          </p>
        </li>
      </ul>
    </div>

    <!-- Second Factor Authentication - Distributed Vetting -->
    <div class="card" id="distributed-vetting">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/sfa.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">SFA - Distributed Vetting</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-7">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/zLAuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-7">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- IdP as a Service -->
    <div class="card" id="idp-service">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/idpaas.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">IdP as a Service</h2>
        <p class="card-text">
          Nulla dignissim rutrum mi, nec bibendum est tincidunt sed. Pellentesque varius ex eu
          laoreet pellentesque. Cras accumsan magna ac tristique facilisis. In egestas dolor eget
          aliquet varius. Integer luctus elementum enim, ac malesuada lorem laoreet ac. Vivamus
          fermentum ligula vitae feugiat dapibus. Pellentesque suscipit nunc tellus, in bibendum
          lorem pellentesque in. Donec tempus dolor vel viverra tempus. Aliquam erat volutpat.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-8">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/doSRBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-8">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Discovery Pilot -->
    <div class="card" id="discovery-pilot">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/discovery-service.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">Discovery Pilot</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-9">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/0bAuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-9">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Shibboleth OIDC Extension -->
    <div class="card" id="shibboleth-oidc">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/shibboleth.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Standards</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">Shibboleth OIDC Extension</h2>
        <p class="card-text">
          Maecenas malesuada dignissim mauris, tristique auctor magna accumsan id. Aliquam erat
          volutpat. In viverra interdum ultrices. Vestibulum faucibus purus quis magna ultrices, vel
          fermentum metus pharetra. Sed id risus sit amet lectus pharetra pharetra. Mauris quis
          purus tortor. Quisque quis est eu massa pharetra convallis a a quam.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-10">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/WLAuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-10">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- ORCID as IdP of last resort -->
    <div class="card" id="orcid">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/orcid.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">ORCID as IdP of last resort</h2>
        <p class="card-text">
          Cras non sagittis mi. Nulla volutpat magna turpis. Vivamus aliquet condimentum lacus,
          efficitur tempus lectus tempus vitae. Mauris lobortis sollicitudin aliquet. Sed elementum
          vulputate nisi quis pellentesque. Ut pharetra facilisis pretium. Sed commodo ut ipsum
          hendrerit placerat. Pellentesque ac laoreet neque, nec ultrices augue.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-11">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/WbAuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-11">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Community Tagging (a.k. Pixie Dust) -->
    <div class="card" id="community-tagging">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/community-tagging.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Standards</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">Community Tagging</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-12">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/Z7AuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-12">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Cryptech HSM - Preparation phase -->
    <div class="card" id="cryptech-hsm">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/cryptech.png"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Security</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="05 Mar 2019 - 12 Nov 2019"
            >Cycle 1</span
          >
        </div>
        <h2 class="card-title">Cryptech HSM</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-13">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/brAuBw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-13">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Automated notification of issues and overall status for federations en entities -->
    <div class="card" id="status-reporting">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/status-report.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Security</span>
          <span class="badge badge-pill badge-warning">Ongoing</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="15 Nov 2019 - 30 Jun 2020"
            >Cycle 2</span
          >
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="03 Jul 2020 - 09 Feb 2021"
            >Cycle 3</span
          >
        </div>
        <h2 class="card-title">Status Reporting & Notification</h2>
        <p class="card-text">
          Cras non sagittis mi. Nulla volutpat magna turpis. Vivamus aliquet condimentum lacus,
          efficitur tempus lectus tempus vitae. Mauris lobortis sollicitudin aliquet. Sed elementum
          vulputate nisi quis pellentesque. Ut pharetra facilisis pretium. Sed commodo ut ipsum
          hendrerit placerat. Pellentesque ac laoreet neque, nec ultrices augue.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-14">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/_gH5Bw" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-14">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- eduLNK -->
    <div class="card" id="edulnk">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/edulnk.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Security</span>
          <span class="badge badge-pill badge-warning">Ongoing</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="03 Jul 2020 - 09 Feb 2021"
            >Cycle 3</span
          >
        </div>
        <h2 class="card-title">eduLNK</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-15">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/V5HTC" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-15">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- Identity Validation Broker Service Business Case -->
    <div class="card" id="identity-broker">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/identity-validation.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Identity</span>
          <span class="badge badge-pill badge-warning">Ongoing</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="03 Jul 2020 - 09 Feb 2021"
            >Cycle 3</span
          >
        </div>
        <h2 class="card-title">Identity Validation Broker</h2>
        <p class="card-text">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id consectetur nulla,
          vitae dapibus urna. Etiam volutpat est sed dui egestas, et posuere felis semper. Morbi sed
          aliquet eros, id consequat nisi. Aenean interdum turpis quis varius consectetur. Curabitur
          eleifend risus ac aliquet molestie. Proin dictum lectus sed tempus tincidunt. Pellentesque
          tempus lacinia posuere. Donec metus lorem, rhoncus bibendum consectetur venenatis,
          dignissim molestie ex. Duis sagittis ligula eget nisl tempus, ac hendrerit dolor finibus.
          Suspendisse quam lectus, pharetra at risus sit amet, convallis rhoncus urna.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-16">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/WZHTC" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-16">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>

    <!-- pyFF Optimizations -->
    <div class="card" id="pyff-optimization">
      <img
        src="https://wiki.geant.org/download/attachments/148090083/pyff.jpg"
        class="card-img-top"
        alt="photo"
      />
      <div class="card-body">
        <div class="tags">
          <span class="badge badge-pill badge-primary">Standards</span>
          <span class="badge badge-pill badge-success">Completed</span>
          <span
            class="badge badge-pill badge-info"
            data-toggle="tooltip"
            data-placement="top"
            title="03 Jul 2020 - 09 Feb 2021"
            >Cycle 3</span
          >
        </div>
        <h2 class="card-title">pyFF Optimizations</h2>
        <p class="card-text">
          Cras non sagittis mi. Nulla volutpat magna turpis. Vivamus aliquet condimentum lacus,
          efficitur tempus lectus tempus vitae. Mauris lobortis sollicitudin aliquet. Sed elementum
          vulputate nisi quis pellentesque. Ut pharetra facilisis pretium. Sed commodo ut ipsum
          hendrerit placerat. Pellentesque ac laoreet neque, nec ultrices augue.
        </p>
        <button class="btn btn-info d-print-none" type="button" data-toggle="collapse" data-target="#details-17">
          Show Details
        </button>
        <a href="https://wiki.geant.org/x/UZHTC" class="btn btn-outline-primary float-right"
          target="_blank">Activity page</a
        >
      </div>
      <ul class="list-group list-group-flush collapse" id="details-17">
        <li class="list-group-item">
          <h5>Results & Deliverables</h5>
          <p>The activity has created...</p>
          <ul>
            <li>deliverable 1</li>
            <li>...</li>
          </ul>
        </li>
        <li class="list-group-item">
          <h5>Ownership & Utilisation</h5>
          <p>The results were provided to the eduGAIN service task who took the ownership.</p>
          <p>The product is used by task/community ...</p>
        </li>
      </ul>
    </div>
  </div>
</div>

...