Add Paris Barber Shop logo to nav, footer, and favicon
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -5,6 +5,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Paris Barber Shop — Nürnberg | 2 Filialen | Termin online buchen</title>
|
||||
<meta name="description" content="Paris Barber Shop in Nürnberg — zwei Filialen (Röthenbach Center & Hafenstraße). Herrenschnitt, Bartpflege und mehr. Jetzt online einen Termin buchen." />
|
||||
<link rel="icon" type="image/png" href="logo.png" />
|
||||
<link rel="apple-touch-icon" href="logo.png" />
|
||||
<meta property="og:title" content="Paris Barber Shop — Nürnberg" />
|
||||
<meta property="og:description" content="Zwei Filialen in Nürnberg. Herrenschnitt, Bartpflege und mehr — jetzt online einen Termin buchen." />
|
||||
<meta property="og:image" content="logo.png" />
|
||||
<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=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
||||
@@ -37,8 +42,10 @@
|
||||
/* nav */
|
||||
header.nav { position: sticky; top: 0; z-index: 50; background: rgba(20,17,15,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
|
||||
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
|
||||
.brand { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 1.5px; }
|
||||
.brand { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 1.5px; display: flex; align-items: center; gap: 10px; }
|
||||
.brand span { color: var(--gold); }
|
||||
.brand img { height: 44px; width: 44px; border-radius: 50%; display: block; }
|
||||
footer .brand img { height: 52px; width: 52px; }
|
||||
nav ul { display: flex; gap: 30px; list-style: none; align-items: center; }
|
||||
nav a { color: var(--muted); font-size: .92rem; font-weight: 500; transition: color .2s; }
|
||||
nav a:hover { color: var(--ink); }
|
||||
@@ -140,7 +147,7 @@
|
||||
|
||||
<header class="nav">
|
||||
<div class="wrap nav-inner">
|
||||
<a href="#top" class="brand">PARIS <span>BARBER SHOP</span></a>
|
||||
<a href="#top" class="brand"><img src="logo.png" alt="Paris Barber Shop" width="44" height="44" />PARIS <span>BARBER SHOP</span></a>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li><a href="#filialen">Filialen</a></li>
|
||||
@@ -247,7 +254,7 @@
|
||||
<footer>
|
||||
<div class="wrap foot-grid">
|
||||
<div>
|
||||
<div class="brand">PARIS <span style="color:var(--gold)">BARBER SHOP</span></div>
|
||||
<div class="brand"><img src="logo.png" alt="Paris Barber Shop" width="52" height="52" />PARIS <span style="color:var(--gold)">BARBER SHOP</span></div>
|
||||
<p style="margin-top:8px;">Herrenfriseur · Nürnberg</p>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user