Widget:Newmenu

<style>

 #content {
   background: linear-gradient(#23242b, #284460);
   border: 1px solid #3283a2;
   border-right: 0px;
 }

 .mainPage__card {
   border: 4px solid #354967;
   border-radius: 4px;
 }

 .mainPage__cardTitle {
   margin-top: 0 !important;
   margin-bottom: 0!important;
   background-color: #354967;
   color: #fff;
   font-weight: 700;
   text-align: center;
   font-size: 1.3rem;
 }

 .mainPage__containerLinkIcon {
   display: grid;
   padding: .75rem 0;
   gap: 1rem;
   grid-template-columns: repeat(8, 1fr);
   place-items: center;
 }

 .mainPage__linkIcon {
   width: 9.5rem;
   margin-bottom: -10px;
 }

 .mainPage__linkIconContainer::before {
   content: "";
   position: absolute;
   top: 18px;
   left: 1.39rem;
   width: 7.8rem;
   height: 8rem;
   background-image: url(/images/0/0b/Bg-mainPage-icon.png);
   background-size: contain;
   background-repeat: no-repeat;
   z-index: -1;
 }

 .mainPage__linkIconContainer {
   width: fit-content;
   position: relative;
   display: grid;
   place-items: center;
   padding: .25rem;
   padding-block-end: 0;
 }

 .mainPage__subContentContainer {

margin-top: 1.5rem;

   display: flex;
   justify-content: space-between;
   gap: 1.5rem;
 }

 .mainPage__header {
   margin-top: 3rem;
   margin-bottom: 1.5rem;
   display: flex;
   padding-inline: 1rem;
 }

 .mainPage__headerBanner {
    width: 55rem;
    border-radius: 10px;
 }

 @media screen and (max-width: 1635px) {
   .mainPage__containerLinkIcon {
     grid-template-columns: repeat(4, 1fr);
   }
 }

</style>

<header class="mainPage__header"> <img class="mainPage__headerBanner" src="/images/thumb/2/2a/Home-banner.png/800px-Home-banner.png" alt="Banner de boas vindas" /> </header>

Menu

   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/d/dc/Boost-mainPage-icon.png" alt="Icone de boost de equipamentos" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/a/a4/Characters-mainPage-icon.png" alt="Icone de personagens" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/b/bd/Chests-mainPage-icon.png" alt="Icone de baus" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/6/65/Items-mainPage-icon.png" alt="Icone de items" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/9/99/Noland-mainPage-icon.png" alt="Icone do Noland" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/a/ab/Wb-mainPage-icon.png" alt="Icone dos world bosses" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/5/5e/Weekly-mainPage-icon.png" alt="Icone dos weekly bosses" class="mainPage__linkIcon" />
   </a>
   <a href="#" class="mainPage__linkIconContainer">
     <img src="/images/b/be/Wanted-mainPage-icon.png" alt="Icone dos wanted pirates" class="mainPage__linkIcon" />
   </a>

Characters

Active Events

Weekly Event