feat: launch desfoto.de as a standalone photography site and retire the old redirect
This commit is contained in:
opencode
143
site/ueber/index.html
Normal file
143
site/ueber/index.html
Normal file
@@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Über desfoto · Denny Schulz, Neumünster</title>
|
||||
<meta name="description" content="desfoto ist die Foto- und Videoproduktion von Denny Schulz aus Neumünster. Arbeitsweise, Werte und Kontaktmöglichkeiten.">
|
||||
<meta name="author" content="Denny Schulz">
|
||||
<meta name="robots" content="index,follow,max-image-preview:large">
|
||||
<meta name="theme-color" content="#17140F">
|
||||
<link rel="canonical" href="https://desfoto.de/ueber/">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="desfoto">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
<meta property="og:title" content="Über desfoto · Denny Schulz, Neumünster">
|
||||
<meta property="og:description" content="desfoto ist die Foto- und Videoproduktion von Denny Schulz aus Neumünster. Arbeitsweise, Werte und Kontaktmöglichkeiten.">
|
||||
<meta property="og:url" content="https://desfoto.de/ueber/">
|
||||
<meta property="og:image" content="https://desfoto.de/assets/img/og-ueber.jpg">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Über desfoto · Denny Schulz, Neumünster">
|
||||
<meta name="twitter:description" content="desfoto ist die Foto- und Videoproduktion von Denny Schulz aus Neumünster. Arbeitsweise, Werte und Kontaktmöglichkeiten.">
|
||||
<meta name="twitter:image" content="https://desfoto.de/assets/img/og-ueber.jpg">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32" type="image/png">
|
||||
<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<link rel="stylesheet" href="/assets/fonts.css">
|
||||
<link rel="stylesheet" href="/assets/site.css">
|
||||
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://desfoto.de/"},{"@type":"ListItem","position":2,"name":"Über","item":"https://desfoto.de/ueber/"}]}</script>
|
||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Denny Schulz","jobTitle":"Fotograf und Videograf","url":"https://desfoto.de/ueber/","worksFor":{"@type":"Organization","name":"Denny Schulz Fotografie","url":"https://desfoto.de"},"address":{"@type":"PostalAddress","streetAddress":"Flensburger Str. 16","postalCode":"24537","addressLocality":"Neumünster","addressCountry":"DE"}}</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">Zum Inhalt springen</a>
|
||||
<header class="masthead">
|
||||
<div class="shell masthead__inner">
|
||||
<a class="brand" href="/" aria-label="desfoto Startseite">
|
||||
<svg class="brand__mark" viewBox="0 0 40 40" role="img" aria-label="desfoto Bildmarke">
|
||||
<circle class="ring" cx="20" cy="20" r="13"/>
|
||||
<circle class="ring" cx="20" cy="20" r="5.2" stroke-width="2"/>
|
||||
<path class="blade" d="M20 7 20 1.6"/>
|
||||
<path class="blade" d="M31.3 26.5 36 29.2"/>
|
||||
<path class="blade" d="M8.7 26.5 4 29.2"/>
|
||||
</svg>
|
||||
<span class="brand__text"><span>desfoto</span><small>Fotografie & Video</small></span>
|
||||
</a>
|
||||
<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="/fotografie/">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/">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="/social-media/">Social Media</a><a class="nav__link" href="/projekte/">Projekte</a><a class="nav__link" href="/ueber/" aria-current="page">Über</a><a class="btn btn--solid" href="/kontakt/">Projekt anfragen</a></nav>
|
||||
</div>
|
||||
</header>
|
||||
<main id="main"><section class="page-head">
|
||||
<div class="page-head__bg">
|
||||
<img class="" src="/assets/img/business-portrait-dark-1200.webp" srcset="/assets/img/business-portrait-dark-480.webp 480w, /assets/img/business-portrait-dark-768.webp 768w, /assets/img/business-portrait-dark-1200.webp 1200w, /assets/img/business-portrait-dark-1600.webp 1600w" sizes="100vw" width="1600" height="1600" decoding="async" loading="eager" alt="Portrait eines Mannes vor dunklem Hintergrund" style="object-position:50% 25%" fetchpriority="high">
|
||||
</div>
|
||||
<div class="shell page-head__inner">
|
||||
<div class="breadcrumb"><a href="/">Start</a><span>/</span><span>Über</span></div>
|
||||
<span class="kicker">Über</span>
|
||||
<h1 class="balance">Fotograf und Videograf aus Neumünster</h1>
|
||||
<p class="page-head__lead">Ich bin Denny Schulz. Seit vielen Jahren fotografiere ich Menschen, Marken und Anlässe — und seit einiger Zeit genauso gern in Bewegung.</p>
|
||||
<div class="page-head__actions"><a class="btn btn--solid" href="/kontakt/">Kennst du noch nicht? Schreib mir</a></div>
|
||||
</div>
|
||||
</section><section class="section"><div class="shell"><div class="statement">
|
||||
<div><p class="eyebrow">Arbeitsweise</p></div>
|
||||
<div class="statement__body">
|
||||
<p>Ich arbeite schnell, direkt und unaufgeregt. Du sagst mir, was du brauchst, ich sage dir,
|
||||
was dafür nötig ist — und dann machen wir es. <em>Ohne Umwege und ohne Fachchinesisch.</em></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">Was ich mache</span><h2 class="balance">Drei Dinge, richtig</h2></div></div><div class="grid grid--3"><article class="card reveal"><h3>Menschen fotografieren</h3><p class="card__text">Portrait, Business, Model, Familie und Paar. Die Arbeit an Gesichtern, Licht und Ausdruck ist mein Kern.</p></article><article class="card reveal"><h3>Bewegtbild produzieren</h3><p class="card__text">Von der Idee über den Dreh bis zu Schnitt, Farbkorrektur und Ton. Auch als Ergänzung zu einem Fototermin.</p></article><article class="card reveal"><h3>Inhalte für Kanäle liefern</h3><p class="card__text">Material, das ohne Umweg in Website, Feed oder Stellenanzeige passt — im richtigen Format und Look.</p></article></div></div></section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Werte</span><h2 class="balance">Wie ich arbeite</h2></div></div><div class="grid" style="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"><ul class="ticks"><li>Ehrliche Einschätzung, auch wenn sie gegen einen Auftrag spricht</li><li>Klarer Umfang und Preis vor der Buchung</li><li>Kein Bild ohne Einverständnis veröffentlicht</li><li>Sorgfältiger Umgang mit deinen Daten und Bilddaten</li></ul><ul class="ticks"><li>Aufnahmen bilden die Person ab, wie sie ist — nicht wie ein Filter sie zeigt</li><li>Retusche bleibt dezent und wird vorher besprochen</li><li>Nachbestellungen und spätere Nutzung sind ausdrücklich möglich</li><li>Fragen sind jederzeit willkommen, auch während des Termins</li></ul></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Zuhause & unterwegs</span><h2 class="balance">Neumünster und darüber hinaus</h2><p class="lead measure">Ich fotografiere im Studio in Neumünster und unterwegs in Schleswig-Holstein, Hamburg und Kiel. Für passende Projekte fahre ich auch weiter.</p></div></div><div class="grid grid--2"><img class="frame frame--4x5 frame--hover" src="/assets/img/business-portrait-studio-1200.webp" srcset="/assets/img/business-portrait-studio-480.webp 480w, /assets/img/business-portrait-studio-768.webp 768w, /assets/img/business-portrait-studio-1200.webp 1200w, /assets/img/business-portrait-studio-1600.webp 1600w" sizes="(min-width: 62rem) 45vw, 92vw" width="1600" height="2400" decoding="async" loading="lazy" alt="Mann im weißen Hemd vor dunklem Hintergrund, Softbox im Bild" style="object-position:50% 28%"><img class="frame frame--4x5 frame--hover" src="/assets/img/studio-setup-1200.webp" srcset="/assets/img/studio-setup-480.webp 480w, /assets/img/studio-setup-768.webp 768w, /assets/img/studio-setup-1200.webp 1200w, /assets/img/studio-setup-1600.webp 1600w" sizes="(min-width: 62rem) 45vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Studioequipment mit Logo von Denny Schulz Fotografie" style="object-position:50% 45%"></div></div></section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Kontakt</span><h2 class="balance">Direkt erreichen</h2></div></div><div class="dl"><div><dt>E-Mail</dt><dd><a href="mailto:info@dennyschulz.de">info@dennyschulz.de</a></dd></div><div><dt>Telefon</dt><dd><a href="tel:+491754083133">+49 175 4083133</a></dd></div><div><dt>Region</dt><dd>Neumünster · Schleswig-Holstein</dd></div><div><dt>Anfragen</dt><dd>Antwort in der Regel innerhalb von 24 Stunden</dd></div></div><div class="btn-row" style="margin-top:1.8rem"><a class="btn btn--solid" href="/kontakt/">Anfrage stellen</a><a class="btn btn--ghost" href="/kontakt/">Preise erfragen</a></div></div></section><section class="section section--ink">
|
||||
<div class="shell">
|
||||
<div class="section-head">
|
||||
<div class="section-head__text stack">
|
||||
<span class="kicker">Kontakt</span>
|
||||
<h2 class="balance">Lass uns dein Projekt besprechen.</h2>
|
||||
<p class="lead measure" style="color:rgba(246,242,234,.82)">Schreib kurz, worum es geht, wann es stattfinden soll und was du mit den Bildern vorhast. Du bekommst eine ehrliche Einschätzung und einen Preis.</p>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<a class="btn btn--light" href="/kontakt/">Projekt anfragen</a>
|
||||
<a class="btn btn--outline-light" href="/projekte/">Arbeiten ansehen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section></main>
|
||||
<footer class="footer">
|
||||
<div class="shell">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<span class="brand">
|
||||
<svg class="brand__mark" viewBox="0 0 40 40" role="img" aria-label="desfoto Bildmarke">
|
||||
<circle class="ring" cx="20" cy="20" r="13"/>
|
||||
<circle class="ring" cx="20" cy="20" r="5.2" stroke-width="2"/>
|
||||
<path class="blade" d="M20 7 20 1.6"/>
|
||||
<path class="blade" d="M31.3 26.5 36 29.2"/>
|
||||
<path class="blade" d="M8.7 26.5 4 29.2"/>
|
||||
</svg>
|
||||
<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>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Fotografie</h2>
|
||||
<div class="footer__links">
|
||||
<a href="/businessfotografie/">Businessfotografie</a>
|
||||
<a href="/portrait-und-model/">Portrait & Model</a>
|
||||
<a href="/familien-und-paare/">Familien & Paare</a>
|
||||
<a href="/minishootings/">Minishootings</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Weitere Leistungen</h2>
|
||||
<div class="footer__links">
|
||||
<a href="/video/">Videoprojekte</a>
|
||||
<a href="/social-media/">Social Media</a>
|
||||
<a href="/projekte/">Projekte</a>
|
||||
<a href="/ueber/">Über desfoto</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Kontakt</h2>
|
||||
<div class="footer__links">
|
||||
<a href="mailto:info@dennyschulz.de">info@dennyschulz.de</a>
|
||||
<a href="tel:+491754083133">+49 175 4083133</a>
|
||||
<a href="/kontakt/">Anfrage stellen</a>
|
||||
<span class="muted">Neumünster · Schleswig-Holstein</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<nav aria-label="Rechtliches">
|
||||
<a href="/impressum/">Impressum</a>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="/assets/site.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user