feat: reposition desfoto as an independent brand with four Arbeitsbereiche
This commit is contained in:
desfoto automation
@@ -44,7 +44,7 @@
|
||||
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg> Menü
|
||||
</button>
|
||||
<nav class="nav" id="site-nav" aria-label="Hauptnavigation"><div class="nav__item"><a class="nav__link" href="/shootings/" aria-current="page">Shootings<svg class="nav__caret" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6l5 5 5-5"/></svg></a><div class="nav__sub"><a href="/businessfotografie/">Businessfotografie</a><a href="/portrait-und-model/" aria-current="page">Portrait & Model</a><a href="/familien-und-paare/">Familien & Paare</a><a href="/minishootings/">Minishootings</a></div></div><a class="nav__link" href="/video/">Video</a><a class="nav__link" href="/projekte/">Projekte</a><a class="nav__link" href="/ueber/">Über</a><a class="btn btn--solid" href="/kontakt/">Projekt anfragen</a></nav>
|
||||
<nav class="nav" id="site-nav" aria-label="Hauptnavigation"><div class="nav__item"><a class="nav__link" href="/fotografie/" aria-current="page">Fotografie<svg class="nav__caret" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6l5 5 5-5"/></svg></a><div class="nav__sub"><a href="/businessfotografie/">Businessfotografie</a><a href="/portrait-und-model/" aria-current="page">Portrait & Model</a><a href="/familie/">Familie</a><a href="/minishootings/">Minishootings</a></div></div><a class="nav__link" href="/video/">Video</a><a class="nav__link" href="/musik-und-buehne/">Musik & Bühne</a><a class="nav__link" href="/projekte/">Projekte</a><a class="nav__link" href="/ueber/">Über</a><a class="btn btn--solid" href="/kontakt/">Projekt anfragen</a></nav>
|
||||
</div>
|
||||
<span class="progress" aria-hidden="true"><span class="progress__bar" data-progress></span></span>
|
||||
</header>
|
||||
@@ -67,7 +67,7 @@
|
||||
<h3>Draußen, wo du bist</h3>
|
||||
<p class="card__text">Available light, Stadt, Wald, Wasser oder dein eigener Ort.
|
||||
Lebendiger, weniger kontrolliert — und oft genau richtig für Portraits, die sich echt anfühlen.</p>
|
||||
</div></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Beispiele</span><h2 class="balance">Portraits und Editorial</h2></div></div><div class="grid grid--3"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-pose-1200.webp" srcset="/assets/img/editorial-pose-480.webp 480w, /assets/img/editorial-pose-768.webp 768w, /assets/img/editorial-pose-1200.webp 1200w, /assets/img/editorial-pose-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Editorial-Portrait vor schwarzem Hintergrund" style="object-position:50% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-back-1200.webp" srcset="/assets/img/editorial-back-480.webp 480w, /assets/img/editorial-back-768.webp 768w, /assets/img/editorial-back-1200.webp 1200w, /assets/img/editorial-back-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Detailaufnahme eines Rückens mit Sporttop" style="object-position:50% 40%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-black-1200.webp" srcset="/assets/img/editorial-black-480.webp 480w, /assets/img/editorial-black-768.webp 768w, /assets/img/editorial-black-1200.webp 1200w, /assets/img/editorial-black-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Model im Sporttop vor schwarzem Hintergrund" style="object-position:50% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-earring-1200.webp" srcset="/assets/img/editorial-earring-480.webp 480w, /assets/img/editorial-earring-768.webp 768w, /assets/img/editorial-earring-1200.webp 1200w, /assets/img/editorial-earring-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Portrait im Profil mit Ohrring" style="object-position:45% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-studio-side-1200.webp" srcset="/assets/img/editorial-studio-side-480.webp 480w, /assets/img/editorial-studio-side-768.webp 768w, /assets/img/editorial-studio-side-1200.webp 1200w, /assets/img/editorial-studio-side-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Marta im seitlichen Studiolicht vor dunklem Hintergrund" style="object-position:50% 30%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-balance-1200.webp" srcset="/assets/img/editorial-balance-480.webp 480w, /assets/img/editorial-balance-768.webp 768w, /assets/img/editorial-balance-1200.webp 1200w, /assets/img/editorial-balance-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Marta balanciert sitzend mit angehobenem Bein" style="object-position:50% 40%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-leap-1200.webp" srcset="/assets/img/editorial-leap-480.webp 480w, /assets/img/editorial-leap-768.webp 768w, /assets/img/editorial-leap-1200.webp 1200w, /assets/img/editorial-leap-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Marta springt mit angewinkelten Beinen" style="object-position:50% 35%"><img class="frame frame--4x5 frame--hover" src="/assets/img/portrait-natural-1200.webp" srcset="/assets/img/portrait-natural-480.webp 480w, /assets/img/portrait-natural-768.webp 768w, /assets/img/portrait-natural-1200.webp 1200w, /assets/img/portrait-natural-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="1067" decoding="async" loading="lazy" alt="Natürliches Portrait im Freien" style="object-position:50% 30%"><img class="frame frame--4x5 frame--hover" src="/assets/img/people-kiss-1200.webp" srcset="/assets/img/people-kiss-480.webp 480w, /assets/img/people-kiss-768.webp 768w, /assets/img/people-kiss-1200.webp 1200w, /assets/img/people-kiss-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="1068" decoding="async" loading="lazy" alt="Paar küsst sich vor hellem Hintergrund" style="object-position:50% 32%"></div></div></section><section class="section section--ink">
|
||||
</div></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Beispiele</span><h2 class="balance">Portraits und Editorial</h2></div></div><div class="grid grid--3"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-pose-1200.webp" srcset="/assets/img/editorial-pose-480.webp 480w, /assets/img/editorial-pose-768.webp 768w, /assets/img/editorial-pose-1200.webp 1200w, /assets/img/editorial-pose-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Editorial-Portrait vor schwarzem Hintergrund" style="object-position:50% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-back-1200.webp" srcset="/assets/img/editorial-back-480.webp 480w, /assets/img/editorial-back-768.webp 768w, /assets/img/editorial-back-1200.webp 1200w, /assets/img/editorial-back-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Detailaufnahme eines Rückens mit Sporttop" style="object-position:50% 40%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-black-1200.webp" srcset="/assets/img/editorial-black-480.webp 480w, /assets/img/editorial-black-768.webp 768w, /assets/img/editorial-black-1200.webp 1200w, /assets/img/editorial-black-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Model im Sporttop vor schwarzem Hintergrund" style="object-position:50% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-earring-1200.webp" srcset="/assets/img/editorial-earring-480.webp 480w, /assets/img/editorial-earring-768.webp 768w, /assets/img/editorial-earring-1200.webp 1200w, /assets/img/editorial-earring-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Portrait im Profil mit Ohrring" style="object-position:45% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-studio-side-1200.webp" srcset="/assets/img/editorial-studio-side-480.webp 480w, /assets/img/editorial-studio-side-768.webp 768w, /assets/img/editorial-studio-side-1200.webp 1200w, /assets/img/editorial-studio-side-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Marta im seitlichen Studiolicht vor dunklem Hintergrund" style="object-position:50% 30%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-balance-1200.webp" srcset="/assets/img/editorial-balance-480.webp 480w, /assets/img/editorial-balance-768.webp 768w, /assets/img/editorial-balance-1200.webp 1200w, /assets/img/editorial-balance-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Marta balanciert sitzend mit angehobenem Bein" style="object-position:50% 40%"><img class="frame frame--4x5 frame--hover" src="/assets/img/editorial-leap-1200.webp" srcset="/assets/img/editorial-leap-480.webp 480w, /assets/img/editorial-leap-768.webp 768w, /assets/img/editorial-leap-1200.webp 1200w, /assets/img/editorial-leap-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2399" decoding="async" loading="lazy" alt="Marta springt mit angewinkelten Beinen" style="object-position:50% 35%"><img class="frame frame--4x5 frame--hover" src="/assets/img/free-portrait-light-1200.webp" srcset="/assets/img/free-portrait-light-480.webp 480w, /assets/img/free-portrait-light-768.webp 768w, /assets/img/free-portrait-light-1200.webp 1200w, /assets/img/free-portrait-light-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2400" decoding="async" loading="lazy" alt="Frauenportrait im weichen Seitenlicht vor dunklem Hintergrund" style="object-position:50% 30%"><img class="frame frame--4x5 frame--hover" src="/assets/img/free-modern-portrait-1200.webp" srcset="/assets/img/free-modern-portrait-480.webp 480w, /assets/img/free-modern-portrait-768.webp 768w, /assets/img/free-modern-portrait-1200.webp 1200w, /assets/img/free-modern-portrait-1600.webp 1600w" sizes="(min-width: 62rem) 30vw, 92vw" width="1600" height="2000" decoding="async" loading="lazy" alt="Portrait einer Frau mit Sonnenbrille" style="object-position:50% 30%"></div></div></section><section class="section section--ink">
|
||||
<div class="shell">
|
||||
<div class="section-head">
|
||||
<div class="section-head__text stack">
|
||||
@@ -90,23 +90,29 @@
|
||||
<span class="brand__mark"><img src="/assets/img/logo-160.png" width="160" height="160" alt="" decoding="async"></span>
|
||||
<span class="brand__text"><span>desfoto</span><small>Fotografie & Video</small></span>
|
||||
</span>
|
||||
<p class="footer__claim">Fotografie und Video aus Neumünster. Ein Angebot von Denny Schulz Fotografie.</p>
|
||||
<p class="footer__claim">desfoto ist ein Angebot von Denny Schulz, Neumünster.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Shootings</h2>
|
||||
<h2>Fotografie</h2>
|
||||
<div class="footer__links">
|
||||
<a href="/shootings/">Überblick Shootings</a>
|
||||
<a href="/fotografie/">Überblick Fotografie</a>
|
||||
<a href="/businessfotografie/">Businessfotografie</a>
|
||||
<a href="/portrait-und-model/">Portrait & Model</a>
|
||||
<a href="/familien-und-paare/">Familien & Paare</a>
|
||||
<a href="/familie/">Familie</a>
|
||||
<a href="/minishootings/">Minishootings</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Video & mehr</h2>
|
||||
<h2>Video & Bühne</h2>
|
||||
<div class="footer__links">
|
||||
<a href="/video/">Videoprojekte</a>
|
||||
<a href="/musik-und-buehne/">Musik & Bühne</a>
|
||||
<a href="/social-media/">Social Media</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Mehr</h2>
|
||||
<div class="footer__links">
|
||||
<a href="/projekte/">Projekte</a>
|
||||
<a href="/ueber/">Über desfoto</a>
|
||||
</div>
|
||||
@@ -122,7 +128,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<h2>Netzwerk</h2>
|
||||
<div class="footer__links"><a class="footer__ext" href="https://www.dennyschulz.de/" target="_blank" rel="noopener">dennyschulz.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Hochzeiten, Portraits und Business — die fotografische Arbeit unter eigenem Namen.</small><a class="footer__ext" href="https://dennyapp.de/" target="_blank" rel="noopener">dennyapp.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Websites und Web-Apps aus Neumünster — Design, Entwicklung und eigene Produkte.</small></div>
|
||||
<div class="footer__links"><a class="footer__ext" href="https://www.dennyschulz.de/" target="_blank" rel="noopener">dennyschulz.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Hochzeiten und Paare — die Arbeit unter eigenem Namen, mit eigenem Schwerpunkt.</small><a class="footer__ext" href="https://dennyapp.de/" target="_blank" rel="noopener">dennyapp.de <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 5h5v5M19 5l-7 7M18 14v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4"/></svg></a><small>Websites und Web-Apps aus Neumünster — Design, Entwicklung und eigene Produkte.</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
@@ -131,7 +137,7 @@
|
||||
<a href="/datenschutz/">Datenschutz</a>
|
||||
<a href="/kontakt/">Kontakt</a>
|
||||
</nav>
|
||||
<span>© Denny Schulz · Denny Schulz Fotografie · Alle Rechte an den gezeigten Bildern und Filmen vorbehalten.</span>
|
||||
<span>© Denny Schulz · Alle Rechte an den gezeigten Bildern und Filmen vorbehalten.</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user