Predefinição:CardEntrevistados: mudanças entre as edições

Edição atual tal como às 08h47min de 26 de novembro de 2024

[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|semmoldura]]

[[{{{Link}}}|{{{Nome}}}]]

{{{Descricao}}}

       Você deve especificar um alvo válido para este botão.

@@ Linha 1: / Linha 1: @@
-<div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch">
+<div class="col-lg-4 col-md-6 col-sm-12 mb-4 d-flex justify-content-center align-items-stretch">
-   <div class="card shadow-sm border-0" style="background-color: #F5F3E8; border-radius: 8px; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center;">
+   <div style="max-width: 300px; background-color: #F5F3E8; border-radius: 8px; font-family: 'Fira Sans', sans-serif; padding: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; height: 100%;">
-  <div class="card-img-top"> [[File:{{{Imagem|default.jpg}}}|class=img-fluid|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div>
+    <!-- Parte superior do conteúdo -->
-    <!-- Corpo do card -->
+    <div>
-    <div class="card-body" style="padding: 15px;">
+      <!-- Imagem -->
-      <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
+      <div class="card-img-top">[[Arquivo:{{{Imagem}}}|class=img-fluid|alt={{{Legenda}}}|semmoldura]]</div>
-      <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
-       <!-- Vídeo do YouTube (opcional) -->
+       <!-- Nome -->
-     {{#if: {{{Video}}} |
+      <h5 class="fw-bold text-primary text-center" style="padding-top: 30px">[[{{{Link}}}|{{{Nome}}}]]</h5>
-  <div style="margin-top: 15px;">
-    {{#evu: {{{Video}}} | alignment=inline | description=Melhores momentos }}
+      <!-- Descrição -->
-  </div>
+      <p class="text-center">{{{Descricao}}}</p>
-  <p>
+    </div>
-     {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }}
-  </p>
+    <!-- Vídeo do YouTube sempre ao final -->
-}}
+     <div class="mt-auto" style="margin-top: 15px;">
+      {{#if:{{{Video|}}}|{{#ev:youtube|{{{Video}}}|400|center|Assista ao vídeo dos melhores momentos}}}}
      </div>
+    <!-- Botão (opcional) -->
+    {{#if: {{{Link}}} |
+      <div class="mt-3 text-center">
+        {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto|Saiba mais}}} | type=primary | size=sm |semmoldura}}
+      </div>
+    }}
    </div>
 </div>