Novidades igual ao do FdF

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.forumeiros.com/forum
Versão do fórum: phpBB2

Descrição

Olá usuários, gostaria de pegar o seguinte sistema da FdF:

https://imgur.com/a/xCtVQ

Se não puder pegar um igual não há problema, se tiver como fazer um parecido e a "cara" do meu fórum eu já ficaria muito agradecido.
Sei que precisará dos Id's dos fórums "/f" mas se puder fazer e eu editar depois eu já agradeceria muito. No caso de dúvidas irei responder aqui com prazer.

Código HTML, para colocar na mensagem da página inicial:

Código:

<section class="fa-container">
 
  <div class="fa-regstaff">
    <h1 class="fa-title">Regulamento & Staff</h1>
    <ul>
      <li>
        <a href="">Link 1 -- Link 1</a>
      </li>
      <li>
        <a href="">Link 2 -- Link 2</a>
      </li>
      <li>
        <a href="">Link 3 -- Link 3</a>
      </li>
      <li>
        <a href="">Link 4 -- Link 4</a>
      </li>
      <li>
        <a href="">Link 5 -- Link 5</a>
      </li>
    </ul>
  </div>
 
  <div class="fa-anuncios">
    <h1 class="fa-title">Anúncios</h1>
    <ul>
      <li>
        <a href="">Link 1 -- Link 1</a>
      </li>
      <li>
        <a href="">Link 2 -- Link 2</a>
      </li>
      <li>
        <a href="">Link 3 -- Link 3</a>
      </li>
    </ul>
  </div>
 
</section>

Código CSS:

Código:

section.fa-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.fa-container .fa-regstaff {
  width: 30%;
  background-color: #39c;
  border-bottom: solid 3px #212121;
  margin-right: 15px;
  height: auto;
}
section.fa-container .fa-anuncios {
  width: 60%;
  background-color: #39c;
  border-bottom: solid 3px #212121;
  margin-left: 15px;
  height: auto;
}

h1.fa-title {
  color: #fff;
  margin-left: 12px;
}

ul {
  list-style: none;
  background-color: #fff;
  margin: 10px;
  margin-bottom: 20px;
  padding: 10px;
}
ul li {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul li a {
  text-decoration: none;
}
/** Made with Sass | http://sass-lang.com/ **/

Inté. o/

Agradeço o código vi q resultou mas bugou o menu deixando-o branco, estou em viagem amanhã estarei retornando e deixo uma print expecificando