Build responsive Buch & Bohne website from supplied design
showcase/deploy Live at https://showcase.andrefiedler.de/2608_BuB/
showcase/deploy Live at https://showcase.andrefiedler.de/2608_BuB/
This commit is contained in:
André Fiedler
+150
@@ -0,0 +1,150 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Buch & Bohne e. V. – Buchladen & Lesecafé in Oelsnitz</title>
|
||||
<meta name="description" content="Buch & Bohne e. V.: Ihr Buchladen und Lesecafé am Markt 5 in Oelsnitz. Unsere Website wird überarbeitet – besuchen und unterstützen Sie unser Café!">
|
||||
<meta name="author" content="Buch & Bohne e. V.">
|
||||
<meta name="copyright" content="Buch & Bohne e. V.">
|
||||
<meta name="robots" content="index, follow, max-image-preview:large">
|
||||
<meta name="theme-color" content="#982249">
|
||||
<meta name="color-scheme" content="dark">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="canonical" href="https://showcase.andrefiedler.de/2608_BuB/">
|
||||
<link rel="sitemap" type="application/xml" href="./sitemap.xml">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="de_DE">
|
||||
<meta property="og:site_name" content="Buch & Bohne e. V.">
|
||||
<meta property="og:title" content="Buch & Bohne – Buchladen & Lesecafé in Oelsnitz">
|
||||
<meta property="og:description" content="Unsere Website wird überarbeitet. Besuchen Sie uns am Markt 5 in Oelsnitz – und werden Sie ein Teil von Buch & Bohne!">
|
||||
<meta property="og:url" content="https://showcase.andrefiedler.de/2608_BuB/">
|
||||
<meta property="og:image" content="https://showcase.andrefiedler.de/2608_BuB/assets/social-preview.jpg">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:image:type" content="image/jpeg">
|
||||
<meta property="og:image:alt" content="Buch & Bohne: Unsere Website wird überarbeitet. Werden Sie Teil unseres Buchladens und Lesecafés!">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Buch & Bohne – Buchladen & Lesecafé in Oelsnitz">
|
||||
<meta name="twitter:description" content="Besuchen und unterstützen Sie unser Lesecafé am Markt 5 in Oelsnitz.">
|
||||
<meta name="twitter:image" content="https://showcase.andrefiedler.de/2608_BuB/assets/social-preview.jpg">
|
||||
<meta name="twitter:image:alt" content="Buch & Bohne – Buchladen und Lesecafé in Oelsnitz">
|
||||
<link rel="icon" href="./favicon.ico" sizes="16x16 32x32 48x48">
|
||||
<link rel="icon" href="./favicon.svg" type="image/svg+xml" sizes="any">
|
||||
<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" sizes="180x180">
|
||||
<link rel="manifest" href="./site.webmanifest">
|
||||
<link rel="preload" href="./assets/fonts/roboto-italic-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="./assets/fonts/roboto-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="stylesheet" href="./assets/styles.css">
|
||||
<script type="module" src="./assets/app.mjs"></script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@type": ["BookStore", "CafeOrCoffeeShop"],
|
||||
"@id": "https://showcase.andrefiedler.de/2608_BuB/#buch-und-bohne",
|
||||
"name": "Buch & Bohne e. V.",
|
||||
"url": "https://showcase.andrefiedler.de/2608_BuB/",
|
||||
"description": "Buchladen und Lesecafé am Markt 5 in Oelsnitz.",
|
||||
"logo": "https://showcase.andrefiedler.de/2608_BuB/assets/icon-512.png",
|
||||
"image": "https://showcase.andrefiedler.de/2608_BuB/assets/social-preview.jpg",
|
||||
"telephone": "+49 37421 23633",
|
||||
"email": "lesecafe@buchundbohne.de",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "Markt 5",
|
||||
"addressLocality": "Oelsnitz",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"contactPoint": {
|
||||
"@type": "ContactPoint",
|
||||
"name": "Lilly Möbius",
|
||||
"contactType": "Ansprechpartnerin",
|
||||
"telephone": "+49 173 8022126",
|
||||
"email": "lesecafe@buchundbohne.de",
|
||||
"availableLanguage": "de"
|
||||
},
|
||||
"sameAs": ["https://www.instagram.com/buch_und_bohne_/"]
|
||||
},
|
||||
{
|
||||
"@type": "WebSite",
|
||||
"@id": "https://showcase.andrefiedler.de/2608_BuB/#website",
|
||||
"name": "Buch & Bohne e. V.",
|
||||
"url": "https://showcase.andrefiedler.de/2608_BuB/",
|
||||
"inLanguage": "de",
|
||||
"publisher": {"@id": "https://showcase.andrefiedler.de/2608_BuB/#buch-und-bohne"}
|
||||
},
|
||||
{
|
||||
"@type": "WebPage",
|
||||
"@id": "https://showcase.andrefiedler.de/2608_BuB/#webpage",
|
||||
"url": "https://showcase.andrefiedler.de/2608_BuB/",
|
||||
"name": "Buch & Bohne e. V. – Buchladen & Lesecafé in Oelsnitz",
|
||||
"inLanguage": "de",
|
||||
"isPartOf": {"@id": "https://showcase.andrefiedler.de/2608_BuB/#website"},
|
||||
"about": {"@id": "https://showcase.andrefiedler.de/2608_BuB/#buch-und-bohne"},
|
||||
"author": {"@id": "https://showcase.andrefiedler.de/2608_BuB/#buch-und-bohne"}
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#inhalt">Zum Inhalt</a>
|
||||
<main class="page" id="inhalt">
|
||||
<img class="logo" src="./assets/logo.svg" alt="Buch & Bohne" width="185" height="147" fetchpriority="high">
|
||||
|
||||
<section class="announcement" aria-labelledby="announcement-title">
|
||||
<h1 id="announcement-title">Aktuell überarbeiten wir unsere Website.</h1>
|
||||
<p>
|
||||
<span class="design-line">Bleiben Sie gespannt. Und schauen Sie in der Zwischenzeit</span>
|
||||
<span class="design-line">gerne bei uns im Buchladen und Lesecafé</span>
|
||||
<span class="design-line">in Oelsnitz am Markt 5 vorbei.</span>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="support" aria-labelledby="support-title">
|
||||
<h2 class="support-title" id="support-title">
|
||||
<span class="visually-hidden">Werden Sie ein Teil von „Buch & Bohne“!</span>
|
||||
<img src="./assets/support-heading.svg" alt="" width="454" height="48">
|
||||
</h2>
|
||||
<p class="support-options">
|
||||
<span class="design-line">Ob als Vereinsmitglied, Kuchen- oder Kaffeepate</span>
|
||||
<span class="design-line">oder durch eine finanzielle Unterstützung – jeder Beitrag zählt.</span>
|
||||
<span class="design-line">… und macht unser Café möglich.</span>
|
||||
</p>
|
||||
<p class="thanks">Vielen Dank für Ihre Unterstützung!</p>
|
||||
</section>
|
||||
|
||||
<section class="contact" aria-labelledby="contact-title">
|
||||
<h2 id="contact-title">Ihre Ansprechpartnerin</h2>
|
||||
<address>
|
||||
<p class="contact-person"><strong>Lilly Möbius,</strong> Buch & Bohne e. V.</p>
|
||||
<p class="contact-channels">
|
||||
<span class="phone-line"><span class="label">Telefon</span> <a href="tel:+493742123633">037421 23633</a><span class="phone-separator"> . </span><span class="mobile-phone"><span class="label">mobil</span> <a href="tel:+491738022126">0173 8022126</a></span></span>
|
||||
<span class="email-line"><span class="label">E-Mail</span> <a href="mailto:lesecafe@buchundbohne.de">lesecafe@buchundbohne.de</a></span>
|
||||
</p>
|
||||
<p class="instagram"><span class="label">Instagram:</span> <a href="https://www.instagram.com/buch_und_bohne_/">@buch_und_bohne_</a></p>
|
||||
</address>
|
||||
</section>
|
||||
|
||||
<section class="donations" aria-labelledby="bank-title">
|
||||
<div class="bank">
|
||||
<h2 id="bank-title">Kontodaten</h2>
|
||||
<p class="account-holder"><strong>Buch & Bohne e. V.</strong><br>Volksbank Vogtland-Saale-Orla eG</p>
|
||||
<dl class="account-details">
|
||||
<div><dt>IBAN:</dt><dd><button class="copy-iban" type="button" data-iban="DE04870958245044385904" title="IBAN kopieren" aria-label="IBAN DE04 8709 5824 5044 3859 04 kopieren">DE04 8709 5824 5044 3859 04</button></dd></div>
|
||||
<div><dt>BIC:</dt><dd>GENODEF1PL1</dd></div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="paypal">
|
||||
<a class="qr-link" href="https://paypal.me/buchundbohne" aria-label="Buch & Bohne über PayPal unterstützen">
|
||||
<img src="./assets/paypal-qr.png" alt="PayPal-QR-Code für Buch & Bohne" width="468" height="469">
|
||||
</a>
|
||||
<a class="paypal-address" href="https://paypal.me/buchundbohne"><span class="label">paypal.me</span>/buchundbohne</a>
|
||||
</div>
|
||||
</section>
|
||||
<p class="visually-hidden" id="copy-status" role="status" aria-live="polite"></p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user