feat - new carousel for sesc photos

Author: jjpaulo2

index.html

@@ -263,8 +263,45 @@ <h1 class="text-brown-500 mb-3 mt-5 pt-3">LOCAL</h1>
             <p class="fs-3 text-brown-400 mb-3">
                 As palestras acontecerão nos dias <span class="fw-bold text-brown-500">21</span> e <span class="fw-bold text-brown-500">22</span> de junho no <span class="fw-bold text-brown-500">Sesc Cajuína</span>.
             </p>
+
+            <div class="container">
+                <div class="row">
+                    <div class="col-md p-3">
+                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3974.101838215441!2d-42.7821533!3d-5.0872304!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x78e3b15fb7184c3%3A0x92053ede1a6fc901!2sSesc%20Caju%C3%ADna!5e0!3m2!1spt-BR!2sbr!4v1741219028235!5m2!1spt-BR!2sbr" height="600" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="d-block w-100 border rounded"></iframe>
+                    </div>
+
+                    <div class="col-md p-3">
+                        <div id="carousel-sesc" class="carousel slide" data-bs-ride="carousel" height="600" >
+                            <div class="carousel-indicators">
+                                <button type="button" data-bs-target="#carousel-sesc" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+                                <button type="button" data-bs-target="#carousel-sesc" data-bs-slide-to="1" aria-label="Slide 2"></button>
+                                <button type="button" data-bs-target="#carousel-sesc" data-bs-slide-to="2" aria-label="Slide 3"></button>
+                            </div>
+                            <div class="carousel-inner rounded">
+                                <div class="carousel-item active">
+                                    <img src="./static/img/place/sesc-cajuina-01.jpg" class="rounded">
+                                </div>
+                                <div class="carousel-item">
+                                    <img src="./static/img/place/sesc-cajuina-02.jpg" class="rounded">
+                                </div>
+                                <div class="carousel-item">
+                                    <img src="./static/img/place/sesc-cajuina-03.jpg" class="rounded">
+                                </div>
+                            </div>
+                            <button class="carousel-control-prev" type="button" data-bs-target="#carousel-sesc" data-bs-slide="prev">
+                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                                <span class="visually-hidden">Anterior</span>
+                            </button>
+                            <button class="carousel-control-next" type="button" data-bs-target="#carousel-sesc" data-bs-slide="next">
+                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                                <span class="visually-hidden">Próximo</span>
+                            </button>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
 
-            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3974.101838215441!2d-42.7821533!3d-5.0872304!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x78e3b15fb7184c3%3A0x92053ede1a6fc901!2sSesc%20Caju%C3%ADna!5e0!3m2!1spt-BR!2sbr!4v1741219028235!5m2!1spt-BR!2sbr" height="600" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="d-block w-100 p-2 border rounded bg-light shadow"></iframe>
 
             <div class="text-center block mt-5">
                 <a href="#calendar" class="link-dark">

static/css/style.css

@@ -160,6 +160,14 @@
     height: calc(60vh - 6rem) !important;
 }
 
+#carousel-sesc {
+    height: 600px !important;
+}
+
+#carousel-sesc img {
+    height: 600px !important;
+}
+
 @media (max-width: 767.98px) {
     .carousel {
         height: 400px !important;