|
|
(12 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
Linha 1: |
Linha 1: |
| <div class="card shadow-sm mb-4 border-0" style="background-color: #F5F3E8; border-radius: 8px; text-align: center; font-family: 'Fira Sans', sans-serif; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;"> | | <div class="col-lg-3 col-md-4 col-sm-6 d-flex align-items-stretch"> |
| <!-- Imagem no topo do card -->
| | <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; margin-bottom: 20px;"> |
| <div class="card-img-top"> | | <div class="card-img-top"> [[File:{{{Imagem|default.jpg}}}|class=img-fluid|class=img-fluid|alt={{{Legenda}}}|borda|semmoldura]]</div> |
| [[File:{{{Imagem}}}|class=img-fluid|alt={{{Alt}}}|borda|semmoldura]]
| | |
| </div>
| | <!-- Corpo do card --> |
| <!-- Corpo do card -->
| | <div class="card-body" style="padding: 15px; "> |
| <div class="card-body" style="padding: 15px;">
| | |
| <h5 class="card-title" style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</h5>
| | <p style="font-size: 18px; margin: 0 0 5px; font-weight: 700; color: #333;">{{{Nome}}}</p> |
| <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p>
| | <p class="card-text" style="font-size: 14px; color: #666;">{{{Função}}}</p> |
| <!-- Botão -->
| | |
| <div>
| |
| {{#bootstrap_button: {{{Link}}} | text={{{BotaoTexto}}} | type=primary | size=sm }} | |
| </div> | | </div> |
| <!-- Vídeo do YouTube -->
| |
| {{#if: {{{Video}}} |
| |
| <div style="margin-top: 15px;">
| |
| {{#evu: {{{Video}}} | alignment=inline | description=Assista ao vídeo }}
| |
| </div>
| |
| }}
| |
| </div> | | </div> |
| </div> | | </div> |
| <noinclude>
| |
| Esta predefinição exibe um card de perfil com imagem, texto, botão e opcionalmente um vídeo do YouTube usando {{#evu}}.
| |
| Parâmetros:
| |
| * `Imagem` - Nome do arquivo da imagem (ex.: "Monica.jpg").
| |
| * `Alt` - Texto alternativo para a imagem.
| |
| * `Nome` - Nome da pessoa.
| |
| * `Função` - Função ou descrição da pessoa.
| |
| * `Link` - URL ou página a ser aberta ao clicar no botão.
| |
| * `BotaoTexto` - Texto exibido no botão.
| |
| * `Video` - URL completa do vídeo no YouTube (ex.: "https://www.youtube.com/watch?v=x8hTMQs2e_I").
| |
| </noinclude>
| |