<h1 style=" color:#2D2926; text-align:center;">Locations</h1>

<div id="venue-logos" style="max-width: 1400px; margin: 0 auto; padding: 40px 0;">
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; margin-bottom: 40px;">

<a href="/battersea-power-station" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Battersea Power Station" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:22px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Battersea Power</br>Station</span>
</a>

<a href="/canary-wharf-market-halls" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Canary Wharf" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Canary Wharf </br>Market Halls</span>
</a>

<a href="/greenwich" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Greenwich" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Greenwich</span>
</a>

<a href="/grindhq" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="HQ" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">HQ</span>
</a>

<a href="/roastery" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Roastery" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Roastery</span>
</a>

<a href="/liverpool-street" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Liverpool Street" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Liverpool Street</span>
</a>

<a href="/london-bridge" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="London Bridge" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">London Bridge</span>
</a>

<a href="/manchester" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Manchester" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Manchester</span>
</a>


<a href="/royal-exchange" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Royal Exchange" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Royal Exchange</span>
</a>


<a href="/shoreditch" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Shoreditch" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Shoreditch</span>
</a>

<a href="/soho" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Soho" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Soho</span>
</a>

<a href="/spitalfields" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Spitalfields" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Spitalfields</span>
</a>

<a href="/canary-wharf" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Canary Wharf" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Canary Wharf</span>
</a>

<a href="/telephone-house" class="venue-card" style="display:block; text-decoration:none; position:relative; flex: 0 1 280px; width: 280px; height: 280px; overflow:hidden; border-radius: 8px;">
<img src="https://storage.googleapis.com/talentfunnel-cms-career-site-storage/grind-coffee/300x300_2c8dbe6e68/300x300_2c8dbe6e68.png" alt="Telephone House" style="width:100%; height:100%; object-fit:cover; display:block;">
<span class="venue-label" style="position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; color:#fff; font-size:24px; text-shadow:0 2px 6px rgba(0,0,0,0.8); pointer-events:none; padding-bottom: 24px;">Telephone House</span>
</a>


</div>
</div>