mlar

by Lucaskazama

HTML

<footer class="m-footer">
  <img class="m-logo-footer" src="http://www.mlarempreendimentos.com.br/wp-content/uploads/2021/07/logo-m-lar-3.png" width="100">
  <ul class="m-social">
    <li>
      <a href="#instagram">
        <img src="http://www.mlarempreendimentos.com.br/wp-content/themes/mlar/assets/images/instagram.svg" width="24">
      </a>
    </li>
    <li>
      <a href="#facebook">
        <img src="http://www.mlarempreendimentos.com.br/wp-content/themes/mlar/assets/images/facebook.svg" width="24">
      </a>
    </li>
    <li>
      <a href="#trabalhe">
        <img src="http://www.mlarempreendimentos.com.br/wp-content/themes/mlar/assets/images/globe.svg" width="24">
      </a>
    </li>
  </ul>
</footer>

CSS

.m-footer{
  padding: 40px 0;
  background: #F6A033;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.m-logo-footer{
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.m-social{
  margin-top: 20px;
  list-style-type: none;
  display: flex;
  justify-content: center;
  padding: 0;
}

.m-social li{
  margin-right: 20px;
}
.m-social li:last-child{
  margin-right: 0;
}