Compare commits

..

No commits in common. "7e369dc6d9fdd881c1ccc96c87451ea3a215cf9e" and "518dacd5ef112292e6f895aa7c5d9068caf9d236" have entirely different histories.

3 changed files with 38 additions and 169 deletions

View File

@ -1,118 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="styles/style.css" rel="stylesheet">
</head>
<body class="bg-stone-50 text-stone-950">
<header>
<p class="bg-red-500 p-8 text-2xl text-white">
<strong>ACHTUNG:</strong> Diese Website befindet sich in einer frühen Entwicklungsphase und dient
ausschließlich internen Präsentationszwecken. Alle Inhalte sind vorläufig, frei erfunden und dürfen nicht
als endgültig betrachtet werden.
</p>
<div class="items-center container flex gap-16 justify-between max-w-screen-xl m-auto py-8">
<img class="max-w-32" src="images/logo-transparent.webp">
<nav class="flex gap-8 right-0">
<a href="index.html">Trocken- und Innenausbau</a>
<a href="impressum.html">Impressum</a>
</nav>
</div>
</header>
<main class="container max-w-screen-xl mx-auto py-16">
<h1>Impressum</h1>
<div class="mb-8">
<h2>Seitenbetreiber</h2>
<p>
Dominik Bremer Trocken- und Innenausbau<br>
Hagener Straße 18<br>
31535 Neustadt<br>
Mobil: <a href="tel:+491749279364">0174 / 9279 364</a><br>
E-Mail: <a href="mailto:info@db-trocken-innenausbau.de">info@db-trocken-innenausbau.de</a>
</p>
</div>
<div class="mb-8">
<h2>Geschäftsführer</h2>
<p>Dominik Bremer</p>
</div>
<div class="mb-8">
<h2>Handelsregister</h2>
<p>
Registergericht: Amtsgericht Musterstadt<br>
Registernummer: HRB 12345
</p>
</div>
<div class="mb-8">
<h2>Umsatzsteuer-ID</h2>
<p>
Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz<br>
DE123456789
</p>
</div>
<div class="mb-8">
<h2>Aufsichtsbehörde</h2>
<p>Handwerkskammer XXX???XXX???</p>
</div>
<div class="mb-8">
<h2>Haftungsausschluss</h2>
<h3>Haftung für Inhalte</h3>
<p>
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit
und
Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen.
</p>
<h3>Haftung für Links</h3>
<p>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.
Deshalb
können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten
ist
stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
</p>
</div>
<div class="mb-8">
<h2>Urheberrecht</h2>
<p>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen
Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet. Die Vervielfältigung, Bearbeitung,
Verbreitung
und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen
Zustimmung
des
jeweiligen Autors bzw. Erstellers.
</p>
</div>
</main>
<footer class="section text-stone-700">
<div>
<h2>Anschrift</h2>
<p>Dominik Bremer Trocken- und Innenausbau</p>
<p>Hagener Straße 18</p>
<p>31535 Neustadt</p>
</div>
<div>
<h2>Kontakt</h2>
<p>Mobil: <a href="tel:+491749279364">0174 / 9279 364</a></p>
<p>E-Mail: <a href="mailto:info@db-trocken-innenausbau.de">info@db-trocken-innenausbau.de</a></p>
</div>
</footer>
</body>
</html>

View File

@ -10,27 +10,20 @@
<body class="bg-stone-50 text-stone-950">
<header>
<p class="bg-red-500 p-8 text-2xl text-white">
<strong>ACHTUNG:</strong> Diese Website befindet sich in einer frühen Entwicklungsphase und dient
ausschließlich internen Präsentationszwecken. Alle Inhalte sind vorläufig, frei erfunden und dürfen nicht
als endgültig betrachtet werden.
</p>
<div class="items-center container flex gap-16 justify-between max-w-screen-xl m-auto py-8">
<img class="max-w-32" src="images/logo-transparent.webp">
<nav class="flex gap-8 right-0">
<a href="index.html">Trocken- und Innenausbau</a>
<a href="impressum.html">Impressum</a>
<a href="">Kontakt & Anfahrt</a>
<a href="">Impressum</a>
</nav>
</div>
</header>
<main>
<section class="bg-stone-700 text-stone-50">
<section class="bg-stone-700 py-16 text-stone-50">
<div class="section">
<div class="my-auto">
<h2 class="text-center">Trocken- und Innenausbau</h2>
<h2 class="mb-4 text-center text-2xl">Trocken- und Innenausbau</h2>
<p>
Herzlich willkommen bei Dominik Bremer Trocken- und Innenausbau, Ihrem zuverlässigen Partner für
Trocken- und Innenausbau! Mit unserer langjährigen Erfahrung und einem hochqualifizierten Team
@ -50,7 +43,7 @@
</div>
</section>
<section>
<section class="py-16">
<div class="section">
<div class="gap-2 grid grid-cols-2 my-auto">
<div class="flex justify-end">
@ -74,65 +67,65 @@
</div>
<div class="my-auto">
<h2 class="text-center">Unsere Leistungen</h2>
<h2 class="text-center text-2xl">Unsere Leistungen</h2>
<ul class="grid grid-cols-2 gap-2 mt-4">
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Trockenbau</strong></span>
</li>
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Innenausbau</strong></span>
</li>
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Renovierung und Sanierung</strong></span>
</li>
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Schallschutz und Dämmung</strong></span>
</li>
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Bodenbeläge</strong></span>
</li>
<li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512">
<path class="text-amber-600"
<path class="text-stone-800"
d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"
fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path class="text-amber-600" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg>
<span><strong>Maler- und Lackierarbeiten</strong></span>
@ -154,10 +147,10 @@
</div>
</section>
<section class="bg-stone-700 text-stone-50">
<section class="bg-stone-700 py-24 text-stone-50">
<div class="section">
<div class="my-auto">
<h2 class="text-center">Kundenzufriedenheit</h2>
<h2 class="mb-4 text-center text-2xl">Kundenzufriedenheit</h2>
<p>
Ihre Zufriedenheit steht bei uns an erster Stelle. Wir arbeiten eng mit unseren Kunden zusammen,
um sicherzustellen, dass jedes Detail Ihren Erwartungen entspricht. Unser Ziel ist es, nicht nur
@ -173,17 +166,17 @@
<div class="my-auto">
<div class="relative">
<div class="absolute bg-amber-600 cursor-pointer h-16 left-20 rounded-full top-32 w-16"
<div class="absolute bg-stone-400 cursor-pointer h-16 left-20 rounded-full top-32 w-16"
id="prev-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
<path class="text-stone-200" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144" />
</svg>
</div>
<div class="absolute bg-amber-600 cursor-pointer h-16 right-20 rounded-full top-32 w-16"
<div class="absolute bg-stone-400 cursor-pointer h-16 right-20 rounded-full top-32 w-16"
id="next-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
<path class="text-stone-200" fill="none" stroke="currentColor" stroke-linecap="round"
<path class="text-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144" />
</svg>
</div>
@ -229,18 +222,20 @@
</section>
</main>
<footer class="section text-stone-700">
<div>
<h2>Anschrift</h2>
<p>Dominik Bremer Trocken- und Innenausbau</p>
<p>Hagener Straße 18</p>
<p>31535 Neustadt</p>
</div>
<footer class="py-24 text-stone-700">
<div class="section">
<div>
<h2 class="text-2xl">Anschrift</h2>
<p>Dominik Bremer Trocken- und Innenausbau</p>
<p>Hagener Straße 18</p>
<p>31535 Neustadt</p>
</div>
<div>
<h2>Kontakt</h2>
<p>Mobil: <a href="tel:+491749279364">0174 / 9279 364</a></p>
<p>E-Mail: <a href="mailto:info@db-trocken-innenausbau.de">info@db-trocken-innenausbau.de</a></p>
<div>
<h2 class="text-2xl">Kontakt</h2>
<p>Mobil: <a href="tel:+491749279364">0174 / 9279 364</a></p>
<p>E-Mail: <a href="mailto:info@db-trocken-innenausbau.de">info@db-trocken-innenausbau.de</a></p>
</div>
</div>
</footer>

View File

@ -2,18 +2,10 @@
@tailwind components;
@tailwind utilities;
h1 {
@apply mb-4 text-3xl
}
h2 {
@apply mb-4 text-2xl
}
.card {
@apply bg-stone-200 mx-auto p-12 rounded-xl text-stone-800 w-96
}
.section {
@apply container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto py-16
@apply container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto
}