Demo using bootstrap in team page

Author: vmcj

webapp/templates/team/partials/index_content.html.twig

@@ -20,6 +20,50 @@
         {% endif %}
     </div>
 
+<div class="row equal mt-3">
+    <div class="col-sm-6">
+        <div class="card mb-3">
+            <div class="card-header">
+                Submissions
+            </div>
+            <div class="card-body">
+                {% include 'team/partials/submission_list.html.twig' %}
+            </div>
+        </div>
+    </div>
+    <div class="col-sm-6">
+        <div class="card mb-3">
+            <div class="card-header">
+                Clarifications
+            </div>
+            <div class="card-body">
+                {% if clarifications is empty %}
+                    <p class="nodata">No clarifications.</p>
+                {% else %}
+                    {% include 'team/partials/clarification_list.html.twig' with {clarifications: clarifications} %}
+                {% endif %}
+            </div>
+        </div>
+        <div class="card mb-3">
+            <div class="card-header">
+                Clarification Requests
+            </div>
+            <div class="card-body">
+                {% if clarificationRequests is empty %}
+                    <p class="nodata">No clarification request.</p>
+                {% else %}
+                    {% include 'team/partials/clarification_list.html.twig' with {clarifications: clarificationRequests} %}
+                {% endif %}
+            </div>
+            <div class="card-footer">
+                <a href="{{ path('team_clarification_add') }}" class="btn btn-secondary btn-sm" data-ajax-modal data-ajax-modal-after="initModalClarificationPreviewAdd">
+                    Request clarification
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<div>    
     <div class="row">
         <div class="col">
             <h1 class="teamoverview">Submissions</h1>