<div class="section" style="
    background-color: #f7f8ef;
    font-weight: 400;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  ">
  <div class="columns is-centered">
    <div class="column">
      <ul>
        <h3 class="title is-5 has-text-weight-semibold has-text-centered-mobile">
          A propos
        </h3>
        <p class="has-text-centered-mobile">
          Merci d'avoir visité mon site. Je suis passionné par les nouvelles technologies et je suis ravi de partager
          mon travail avec vous. Explorez mon
          portfolio pour découvrir mes compétences et réalisations. N'hésitez
          pas à me contacter pour discuter de projets passionnants.
        </p>
      </ul>
    </div>
    <div class="column is-narrow">
      <ul>
        <h3 class="title is-5 has-text-weight-semibold has-text-centered-mobile">
          Contacts
        </h3>
        <li class="has-text-centered-mobile">
          <a href="tel:+330623773717" style="color: #4a4a4a" onMouseOver="this.style.color='#3273dc'"
            onMouseOut="this.style.color='#4a4a4a'">+33 06 23 77 37 17</a>
        </li>
        <li class="has-text-centered-mobile">
          <a href="mailto:abdoumbodji1401@gmail.com" style="color: #4a4a4a" onMouseOver="this.style.color='#3273dc'"
            onMouseOut="this.style.color='#4a4a4a'">abdoumbodji1401@gmail.com</a>
        </li>
        <li class="has-text-centered-mobile">Paris, France</li>
      </ul>
    </div>
    <div class="column is-flex is-justify-content-center">
      <ul>
        <h3 class="title is-5 has-text-weight-semibold has-text-centered-mobile">
          Suivez-moi sur
        </h3>
        <div class="is-flex">
          <li>
            <a style="color: #4a4a4a" class="mr-3" onMouseOver="this.style.color='#3273dc'"
              onMouseOut="this.style.color='#4a4a4a'" href="https://www.youtube.com/channel/UCE_ZKSHpebKvh6uEzkRW9FQ">
              <i class="fa-brands fa-youtube is-size-1"></i>
            </a>
          </li>
          <li>
            <a style="color: #4a4a4a" class="mr-3" onMouseOver="this.style.color='#3273dc'"
              onMouseOut="this.style.color='#4a4a4a'" href="https://twitter.com/PapaAbdouMbodji">
              <i class="fa-brands fa-square-x-twitter is-size-1"></i>
            </a>
          </li>
          <li>
            <a style="color: #4a4a4a" class="mr-3" onMouseOver="this.style.color='#3273dc'"
              onMouseOut="this.style.color='#4a4a4a'" href="https://www.linkedin.com/in/papa-abdou-mbodji/">
              <i class="fa-brands fa-linkedin is-size-1"></i>
            </a>
          </li>
        </div>
      </ul>
    </div>
    <div class="column is-narrow is-flex is-align-items-center is-justify-content-center">
      {% load static %}
      <figure class="image">
        <img style="width: 150px" src="{% static 'img/doucoder.png' %}" alt=" Logo de Papa Abdou Mbodji " />
      </figure>
    </div>
  </div>
</div>

<div class="section mb-0 px-5 py-2 bgprimary" style="color: #fbab04; width: 100%; font-weight: 300">
  <h4 class="has-text-centered">
    © Copyright 2025. All right reserved by
    <b style="color: white"> Papa Abdou Mbodji</b>
  </h4>
</div>