|
|
| Linha 1: |
Linha 1: |
| <div class="homepage-container"> | | <div class="homepage-container"> |
| <!-- Cabeçalho -->
| | <!-- Seção de Boas-Vindas --> |
| <div class="homepage-header" style="text-align: center; padding: 20px; background: linear-gradient(to bottom, #459cca, #5684c8); border-radius: 10px 10px 0 0; color: white;">
| | <div class="welcome-section" style="text-align: center; margin-bottom: 30px;"> |
| <h1 style="font-size: 2em; font-weight: bold; margin: 0;">Bem-vindo à {{SITENAME}}!</h1>
| | <h1 style="font-size: 2em; font-weight: bold; margin: 0;">Bem-vindo(a) à Wiki Grand Line Adventures!</h1> |
| <p style="font-size: 1.2em; margin: 10px 0 0;">wiki</p>
| | <p style="font-size: 1.2em; margin: 10px 0;">{{{1|Descrição da wiki. Adicione aqui um texto explicativo sobre o |
| </div>
| | propósito da wiki.}}}</p> |
| | <div class="welcome-links" style="margin-top: 20px;"> |
| | <a href="#" style="text-decoration: none; color: #0073e6; font-weight: bold; margin: 0 10px;">Reporte um |
| | erro</a> |
| | <a href="#" style="text-decoration: none; color: #0073e6; font-weight: bold; margin: 0 10px;">Precisa de |
| | ajuda?</a> |
| | <a href="#" style="text-decoration: none; color: #0073e6; font-weight: bold; margin: 0 10px;">Download</a> |
| | </div> |
| | </div> |
|
| |
|
| <!-- Conteúdo Principal -->
| | <!-- Conteúdo Principal --> |
| <div class="homepage-content" style="display: flex; margin-top: 20px;">
| | <div class="homepage-content" style="display: flex;"> |
| <!-- Coluna Menu (70%) -->
| | <!-- Coluna Menu e Índice (70%) --> |
| <div class="menu-container" style="flex: 70%; padding: 10px;">
| | <div class="menu-container" style="flex: 70%; padding: 10px;"> |
| <!-- Caixa de Menu -->
| | <!-- Caixa de Menu --> |
| <div class="menu-box">
| | <div class="menu-box" |
| <div class="menu-box-title">Título do Menu</div>
| | style="border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); margin-bottom: 20px;"> |
| <div class="menu-box-content">
| | <div class="menu-box-title" |
| {{{1|[[Página 1|Link 1]]}}} | {{{2|[[Página 2|Link 2]]}}} | {{{3|[[Página 3|Link 3]]}}}
| | style="font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #0073e6;">Menu</div> |
| </div>
| | <div class="menu-box-content"> |
| </div>
| | {{{2|[[Página 1|Link 1]]}}} | {{{3|[[Página 2|Link 2]]}}} | {{{4|[[Página 3|Link 3]]}}} |
| | </div> |
| | </div> |
|
| |
|
| <!-- Caixa de Índice -->
| | <!-- Caixa de Índice --> |
| <div class="indice-box">
| | <div class="indice-box" |
| <div class="indice-box-title">Índice</div>
| | style="border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);"> |
| <div class="indice-box-content">
| | <div class="indice-box-title" |
| <ul>
| | style="font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #0073e6;">Índice</div> |
| <li><a href="#secao1">Seção 1</a></li>
| | <div class="indice-box-content"> |
| <li><a href="#secao2">Seção 2</a></li>
| | <ul style="list-style: none; padding: 0; margin: 0;"> |
| <li><a href="#secao3">Seção 3</a></li>
| | <li style="margin: 10px 0;"><a href="#secao1" |
| </ul>
| | style="text-decoration: none; color: #0073e6; font-weight: bold;">Seção 1</a></li> |
| </div>
| | <li style="margin: 10px 0;"><a href="#secao2" |
| </div>
| | style="text-decoration: none; color: #0073e6; font-weight: bold;">Seção 2</a></li> |
| </div>
| | <li style="margin: 10px 0;"><a href="#secao3" |
| | | style="text-decoration: none; color: #0073e6; font-weight: bold;">Seção 3</a></li> |
| <!-- Coluna SideMenu (30%) -->
| | </ul> |
| <div class="sidemenu-container" style="flex: 30%; padding: 10px;">
| | </div> |
| <!-- Caixa de Eventos -->
| | </div> |
| <div class="event-box">
| | </div> |
| <div class="event-box-title">Eventos</div>
| |
| <div class="event-box-content">
| |
| {{#widget:GlobalEventTimer}}
| |
| {{#widget:WorldBossTimer}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| | <!-- Coluna SideMenu (30%) --> |
| | <div class="sidemenu-container" style="flex: 30%; padding: 10px;"> |
| | <!-- Caixa de Eventos --> |
| | <div class="event-box" |
| | style="border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);"> |
| | <div class="event-box-title" |
| | style="font-size: 1.5em; font-weight: bold; margin-bottom: 10px; color: #0073e6;">Eventos</div> |
| | <div class="event-box-content"> |
| | {{#widget:GlobalEventTimer}} |
| | {{#widget:WorldBossTimer}} |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| </div> | | </div> |