Inserting firs jamboree section carousel

wiki/pages/awards.html

+{% set slides_jamboree = [
+    {"image": "https://static.igem.wiki/teams/4662/wiki/jamboree/jamboree-1.jpg"},
+    {"image": "https://static.igem.wiki/teams/4662/wiki/jamboree/jamboree-2.jpg"},
+] %}
+
+{% set slides_paris = [
+    {"image": "https://static.igem.wiki/teams/4662/wiki/drawings/team-line.png"},
+] %}
+
 {% extends "layout.html" %}
 
 {% block title %} Awards {% endblock %}
@@ -14,27 +23,60 @@
 </div>
 <div class="container-fluid" style="background-color: var(--mid-light-green);">
     <div class="row m-4">
-        <div class="col-6 text-center align-center">
+        <div class="col-6 text-center align-center" style="font-size: var(--double-mid)">
             <br>
             <i class="fa-solid fa-medal" style="font-size: var(--quadruple-mid);"></i>
-            <p style="font-size: var(--double-mid)">
-                Award: <b>Gold Medal</b>
-            </p>
+            <br>
+            Award: <b>Gold Medal</b>
+            <br>
         </div>
         <div class="col-6 text-center align-center" style="font-size: var(--double-mid)">
             <br>
             <i class="fa-solid fa-star-half-stroke" style="font-size: var(--quadruple-mid);"></i>
-            <p style="font-size: var(--double-mid)">
-                Nomination: <b>Best Part Collection</b>
-            </p>
+            <br>
+            Nomination: <b>Best Part Collection</b>
+            <br>
         </div>
     </div>
 </div>
 <div class="container">
     <div class="row">
         <div class="col">
-
+            <hr>
         </div>
     </div>
 </div>
+<div class="container">
+    <div class="row mt-4">
+        <div class="col">
+            Jamboree
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div id="carouselJamboree" class="carousel carousel-dark slide">
+                <div class="carousel-indicators">
+                    {% for slide_jamboree in slides_jamboree %}
+                    <button type="button" data-bs-target="#carouselJamboree" data-bs-slide-to="{{ loop.index - 1 }}" {% if (loop.index - 1) == 0 %}class="active" aria-current="true"{% endif %} aria-label="Slide {{ loop.index }}"></button>
+                    {% endfor %}
+                </div>
+                <div class="carousel-inner">
+                    {% for slide_jamboree in slides_jamboree %}
+                    <div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
+                        <img src="{{ slide_jamboree.image }}" class="w-100">
+                    </div>
+                    {% endfor %}
+                </div>
+                <button class="carousel-control-prev" type="button" data-bs-target="#carouselJamboree" data-bs-slide="prev">
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Previous</span>
+                </button>
+                <button class="carousel-control-next" type="button" data-bs-target="#carouselJamboree" data-bs-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Next</span>
+                </button>
+            </div>
+        </div>
+    </div>    
+</div>
 {% endblock %}