Conseils – Tagged "code" – France Bag

France Bag — French brand since 2008 — The art of traveling well

<nav role="navigation" class="site-navigation">
  <ul class="site-nav__items"><li class="site-nav__item site-nav--has-dropdown site-nav--has-dropdown-100" >
        <a href="/en/collections" class="site-nav__link" >Suitcases</a><div class="site-nav__dropdown text-left d-position-left" style="width:100%;">
            <div class="site-nav__dropdown-inner"  style=""><div class="container"><ul class="row row-20"><li class="column col-p-100 col-auto" ><div class="submenu_html"><div class="fbm">
<style>
.fbm{--nv:#2b3578;--nvd:#1f2757;--ink:#495080;font-family:'Inter',sans-serif;display:grid;grid-template-columns:200px 1fr;gap:22px;padding:18px 24px;width:900px;max-width:calc(100vw - 48px);box-sizing:border-box}
.fbm *{box-sizing:border-box}
.fbm a{text-decoration:none}
.fbm h4,.fbm .sub{margin:0 0 10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600}
.fbm h4{color:var(--nv)}
.fbm .sub{color:#9a9aa0}
.fbm .lst a{display:block;font-size:14px;line-height:1.95;color:var(--ink)}
.fbm .lst a:hover{color:var(--nv)}
.fbm .pill{font-size:10px;color:var(--nvd);background:#eceef7;border-radius:20px;padding:1px 7px;margin-left:6px}
.fbm .gal{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 16px}
.fbm .tile{display:block;min-width:0}
.fbm .tile img{width:100%;height:74px;object-fit:contain;background:#faf8f4;border-radius:6px;display:block}
.fbm .tile .tn{font-size:12.5px;color:var(--nvd);font-weight:600;margin-top:5px;line-height:1.2}
.fbm .tile .td{font-size:11px;color:var(--ink);line-height:1.3}
.fbm .all{grid-column:1/-1;font-size:13px;color:var(--nvd);font-weight:600;margin-top:8px;display:inline-block}
.fbm .all:hover{color:var(--nv)}
.site-nav--has-dropdown-100 .submenu_html,.site-nav--has-dropdown-100 .column.col-auto{width:auto !important;max-width:none !important;flex:0 0 auto !important}
.site-nav--has-dropdown-100 > .site-nav__dropdown,.site-nav--has-dropdown-100 > .site-nav__dropdown .site-nav__dropdown-inner,.site-nav--has-dropdown-100 > .site-nav__dropdown .container,.site-nav--has-dropdown-100 > .site-nav__dropdown .row{width:auto !important;max-width:none !important}
@media(max-width:640px){.fbm{width:auto;grid-template-columns:1fr}.fbm .gal{grid-template-columns:repeat(3,1fr)}}
</style>
  <div>
    <h4>By format</h4>
    <div class="lst">
      <a href="/collections">All suitcases</a>
      <a href="/collections/valises-cabine">Cabin case</a>
      <a href="/collections/valise-cabine-xs">Under the seat <span class="pill">XS</span></a>
      <a href="/collections/sets-de-3-valises">Set of 3</a>
      <a href="/collections/sets-de-4-valises">Set of 4</a>
      <a href="/collections/sets-de-5-valises-famille">Set of 5 · Family</a>
      <a href="/collections/france-bag-vanity">Vanity</a>
    </div>
  </div>
  <div>
    <div class="sub">Our collections</div>
    <div class="gal">
      <a class="tile" href="/collections/nice"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/190526-3_CORAIL_5bd65bb3-8e9c-4ccd-8d14-df7fb8858cf5.jpg" alt="Nice"><div class="tn">Nice</div>
<div class="td">The complete ABS range</div></a>
      <a class="tile" href="/collections/lyon"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/190226-3_BLEU_447744ce-3356-4d21-8da2-1ddb0964e91b.jpg" alt="Lyon"><div class="tn">Lyon</div>
<div class="td">Practical and easy to handle</div></a>
      <a class="tile" href="/collections/bordeaux"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/230726-3_ARGENT_166f8622-937d-4d6a-bed7-fe3395a2216e.jpg" alt="Bordeaux"><div class="tn">Bordeaux</div>
<div class="td">The colorful sets</div></a>
      <a class="tile" href="/collections/saint-tropez"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/231626-3_BLEUSAPHIR_67e6ac3a-f239-4660-bd83-040eb7b213db.jpg" alt="Saint-Tropez"><div class="tn">Saint-Tropez</div>
<div class="td">The bolder style</div></a>
      <a class="tile" href="/collections/cannes"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/230526-3_ARGENT_33a72b4f-2138-4420-881d-55a9441fd217.jpg" alt="Cannes"><div class="tn">Cannes</div>
<div class="td">The organized set</div></a>
      <a class="tile" href="/collections/biarritz"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/biarritz-set-3-abs-bleu-01.png" alt="Biarritz"><div class="tn">Biarritz</div>
<div class="td">Simple and practical</div></a>
      <a class="tile" href="/collections/marseille"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/marseille-set-3-polycarbonate-argent-carbone-01.png" alt="Marseille"><div class="tn">Marseille</div>
<div class="td">The modern style</div></a>
      <a class="tile" href="/collections/antibes"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/230606-3_FUSHIA_c062906b-f2ee-4cf5-b56c-d561ae4352c2.jpg" alt="Antibes"><div class="tn">Antibes</div>
<div class="td">The large format</div></a>
      <a class="tile" href="/collections/reims"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/230426-3_BLANC_b20ecd29-6a2c-40b2-81fd-31e56902727e.jpg" alt="Reims"><div class="tn">Reims</div>
<div class="td">The functional set</div></a>
      <a class="tile" href="/collections/dubai"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/250426-3_ARGENT_9cced7ca-8af2-4107-aad2-8dfd7a0c7368.jpg" alt="Dubaï"><div class="tn">Dubaï</div>
<div class="td">Colorful collection</div></a>
      <a class="tile" href="/collections/tahiti"><img src="https://cdn.shopify.com/s/files/1/0759/8850/0825/collections/250526-3_BLEU_bc94f537-df84-4fbb-95c5-b7c39d6d1fa0.jpg" alt="Tahiti"><div class="tn">Tahiti</div>
<div class="td">Bright collection</div></a>
      <a class="all" href="/collections">View all collections →</a>
    </div>
  </div>
</div></div></li></ul></div></div>
          </div></li><li class="site-nav__item" >
        <a href="/pages/professionnels" class="site-nav__link" >Trade</a></li><li class="site-nav__item" >
        <a href="/pages/contact" class="site-nav__link" >Contact</a></li><li class="site-nav__item" >
        <a href="/pages/faq" class="site-nav__link" >FAQ</a></li><li class="site-nav__item" >
        <a href="/pages/qui-sommes-nous" class="site-nav__link" >About us</a></li></ul>
</nav>