<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<title>Where you can find us | GLAMI</title>
<!-- Approximate the typography -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap" rel="stylesheet">
<!-- Flag icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@6.6.6/css/flag-icons.min.css" integrity="sha384-TeDUCuZ+Uyp1Vv0n275nnm//ANAlP5GFHCnSF4iiAdrYmBZMM6syYgykpq4kGTqL" crossorigin="anonymous" referrerpolicy="no-referrer">
<style>
:root{
--text:#0b0b0f; /* near-black */
--muted:#6b7280; /* gray-500 */
--pill-bg:#f5f6f8; /* soft gray */
--pill-border:#e6e8ed;
--page-pad: clamp(16px, 4vw, 40px);
--maxw: 1320px;
}
*{box-sizing:border-box}
html, body {height:100%}
body{
margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
color:var(--text); background:white;
}
.wrap{
max-width:var(--maxw);
margin:0 auto;
padding: var(--page-pad);
}
.grid{
display:grid;
grid-template-columns: 1fr; /* left copy a bit wider */
gap: clamp(24px,4vw,56px);
align-items: start;
}
header .eyebrow{
font-size: 14px; letter-spacing: 0.35em; font-weight:700; color:#98a2b3; text-transform:uppercase;
}
h1{
font-weight:900;
font-size: clamp(40px, 6vw, 72px);
line-height: 0.98;
margin: 8px 0 12px 0;
}
.countries{
display:grid;
grid-template-columns: repeat(2, minmax(260px, 1fr));
gap:16px 24px;
margin-top: 24px;
max-width: 640px;
}
.country{
display:flex; align-items:center; gap:12px;
background: var(--pill-bg);
border: 1px solid var(--pill-border);
border-radius: 999px;
padding: 14px 18px;
text-decoration:none; color:var(--text); font-weight:600;
transition: transform .12s ease, box-shadow .12s ease;
box-shadow: 0 1px 0 rgba(10,10,20,0.02);
}
.country:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(16,24,40,.06); }
.fi{ font-size:20px; border-radius:4px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05)}
@media (max-width: 980px){
.grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
.countries{ grid-template-columns: 1fr; }
}
/* Brand header */
.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.logo{font-weight:900;font-size:24px;letter-spacing:.06em}
</style>
</head>
<body>
<div class="wrap">
<header class="brand" aria-label="GLAMI">
<div class="logo" aria-label="GLAMI">GLAMI</div>
</header>
<div class="grid">
<section>
<header>
<div class="eyebrow">Countries</div>
<h1>Where you can<br/>find us</h1>
</header>
<nav class="countries" aria-label="GLAMI country sites">
<!-- Left column (7) -->
<a class="country" href="https://www.glami.cz/" target="_blank" rel="noopener noreferrer"><span class="fi fi-cz" aria-hidden="true"></span> Czechia</a>
<a class="country" href="https://www.glami.sk/" target="_blank" rel="noopener noreferrer"><span class="fi fi-sk" aria-hidden="true"></span> Slovakia</a>
<a class="country" href="https://www.glami.hu/" target="_blank" rel="noopener noreferrer"><span class="fi fi-hu" aria-hidden="true"></span> Hungary</a>
<a class="country" href="https://www.glami.ro/" target="_blank" rel="noopener noreferrer"><span class="fi fi-ro" aria-hidden="true"></span> Romania</a>
<a class="country" href="https://www.glami.bg/" target="_blank" rel="noopener noreferrer"><span class="fi fi-bg" aria-hidden="true"></span> Bulgaria</a>
<a class="country" href="https://www.glami.si/" target="_blank" rel="noopener noreferrer"><span class="fi fi-si" aria-hidden="true"></span> Slovenia</a>
<a class="country" href="https://www.glami.hr/" target="_blank" rel="noopener noreferrer"><span class="fi fi-hr" aria-hidden="true"></span> Croatia</a>
<a class="country" href="https://www.glami.gr/" target="_blank" rel="noopener noreferrer"><span class="fi fi-gr" aria-hidden="true"></span> Greece</a>
<a class="country" href="https://www.glami.pl/" target="_blank" rel="noopener noreferrer"><span class="fi fi-pl" aria-hidden="true"></span> Poland</a>
<a class="country" href="https://www.glami.it/" target="_blank" rel="noopener noreferrer"><span class="fi fi-it" aria-hidden="true"></span> Italy</a>
<a class="country" href="https://www.glami.ee/" target="_blank" rel="noopener noreferrer"><span class="fi fi-ee" aria-hidden="true"></span> Estonia</a>
<a class="country" href="https://www.glami.lt/" target="_blank" rel="noopener noreferrer"><span class="fi fi-lt" aria-hidden="true"></span> Lithuania</a>
<a class="country" href="https://www.glami.lv/" target="_blank" rel="noopener noreferrer"><span class="fi fi-lv" aria-hidden="true"></span> Latvia</a>
</nav>
</section>
</div>
</div>
</body>
</html>