Mudanças entre as edições de "Usuário:Gurren1"
Ir para navegação
Ir para pesquisar
| Linha 3: | Linha 3: | ||
<div class="homepage-main-container" style="display: flex; align-items: flex-start;"> | <div class="homepage-main-container" style="display: flex; align-items: flex-start;"> | ||
<!-- Menu Container --> | <!-- Menu Container --> | ||
<div class="menu-container" style="display: flex; gap: 10px | <!-- Menu Container --> | ||
<div class="menu-container" style="display: flex; flex-direction: column; gap: 10px; margin: 10px 0;"> | |||
<!-- Caixa de Menu --> | <!-- Caixa de Menu --> | ||
<div class="menu-box" | <div class="menu-box" | ||
style=" | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | ||
<div class="menu-box-title" | <div class="menu-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
| Linha 16: | Linha 17: | ||
</div> | </div> | ||
<!-- Caixa de | <!-- Caixa de Índice --> | ||
<div class=" | <div class="indice-box" | ||
style=" | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f4f4f4; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | ||
<div class=" | <div class="indice-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
Índice | |||
</div> | </div> | ||
<div class=" | <div class="indice-box-content"> | ||
<!-- | <!-- Lista do índice --> | ||
<ul style="list-style: none; padding: 0; margin: 0;"> | |||
<li style="margin: 5px 0;"><a href="#seção1" | |||
style="text-decoration: none; color: #0073e6;">Seção 1</a></li> | |||
<li style="margin: 5px 0;"><a href="#seção2" | |||
style="text-decoration: none; color: #0073e6;">Seção 2</a></li> | |||
<li style="margin: 5px 0;"><a href="#seção3" | |||
style="text-decoration: none; color: #0073e6;">Seção 3</a></li> | |||
<li style="margin: 5px 0;"><a href="#seção4" | |||
style="text-decoration: none; color: #0073e6;">Seção 4</a></li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="sidemenu-container"> | <!-- SideMenu Container --> | ||
<div class="sidemenu-container" style="display: flex; flex-direction: column; gap: 10px; margin: 10px 0;"> | |||
<!-- Caixa de Eventos --> | |||
<div class="event-box" | <div class="event-box" | ||
style="border: 1px solid #ccc; border-radius: 8px; padding | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | ||
<div class="event-box-title" | <div class="event-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
| Linha 37: | Linha 50: | ||
</div> | </div> | ||
<div class="event-box-content"> | <div class="event-box-content"> | ||
<!-- Conteúdo do event-box | <!-- Conteúdo do event-box --> | ||
</div> | </div> | ||
</div> | </div> | ||