<nav class="breadcrumbs">
  <ol>
    <li>Link</li>
    <li>Final link</li>
  </ol>
</div>

<nav class="breadcrumbs">
  <ol>
    <li>Link</li>
    <li>Link</li>
    <li>Final link</li>
  </ol>
</div>

<nav class="breadcrumbs">
  <ol>
    <li>Link</li>
    <li>Link</li>
    <li>Link</li>
    <li>Final link</li>
  </ol>
</div>

<header>
  <h1 class="header__title-logo">
    <img src="/img/logo.png">
  </h1>
  <nav class="header__navigation text-white">
    <a href="" class="active">Home</a>
    <a href="">Recipes</a>
    <a href="">Favorites</a>
    <select class="primary pill">
      <option value="en">EN 🇬🇧</option>
      <option value="fr">FR 🇫🇷</option>
    </select>
  </nav>
</header>

<footer style="background-image: url('/img/footer.png');" class="text-white">
  <img src="/img/logo.png" class="footer__logo">
  <ul class="footer__list">
    <li><strong>Contact</strong></li>
    <li>Lorem ipsum, #239, blablamonadresse</li>
    <li>Nouléla. Fésakwivé</li>
    <li>Telephone: +00 99999-88888</li>
    <li>E-mail: mail@cuisthouse.com</li>
  </ul>
  <ul class="footer__list">
    <li><a href="">Home</a></li>
    <li><a href="">Recipes</a></li>
    <li><a href="">Favorites</a></li>
  </ul>
</footer>