Compare commits
4 Commits
518dacd5ef
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 0962215824 | |||
| 7e369dc6d9 | |||
| 45f46cb39c | |||
| aac2e252cd |
118
impressum.html
Normal file
118
impressum.html
Normal file
@ -0,0 +1,118 @@
|
||||
<!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 p-8">
|
||||
<img class="max-w-32" src="images/logo-transparent.webp">
|
||||
|
||||
<nav class="flex flex-wrap gap-x-8 gap-y-4 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 px-8 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>
|
||||
143
index.html
143
index.html
@ -10,26 +10,35 @@
|
||||
|
||||
<body class="bg-stone-50 text-stone-950">
|
||||
<header>
|
||||
<div class="items-center container flex gap-16 justify-between max-w-screen-xl m-auto py-8">
|
||||
<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 p-8">
|
||||
<img class="max-w-32" src="images/logo-transparent.webp">
|
||||
<nav class="flex gap-8 right-0">
|
||||
<a href="">Kontakt & Anfahrt</a>
|
||||
<a href="">Impressum</a>
|
||||
|
||||
<nav class="flex flex-wrap gap-x-8 gap-y-4 right-0">
|
||||
<a href="index.html">Trocken- und Innenausbau</a>
|
||||
<a href="impressum.html">Impressum</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="bg-stone-700 py-16 text-stone-50">
|
||||
<section class="bg-stone-700 text-stone-50">
|
||||
<div class="section">
|
||||
<div class="my-auto">
|
||||
<h2 class="mb-4 text-center text-2xl">Trocken- und Innenausbau</h2>
|
||||
<img class="m-auto" src="images/baustelle2.webp">
|
||||
|
||||
<div class="m-auto">
|
||||
<h2 class="text-center">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
|
||||
bieten wir Ihnen umfassende Dienstleistungen, die Ihre Wohn- und Arbeitsräume in wahre
|
||||
Wohlfühloasen verwandeln. Ob Renovierung, Umbau oder Neubau – wir stehen Ihnen mit Rat und Tat
|
||||
zur Seite und setzen Ihre individuellen Wünsche und Vorstellungen präzise um.
|
||||
zur Seite und setzen Ihre individuellen Wünsche und Vorstellungen präzise um.<br><br>
|
||||
|
||||
Wir legen großen Wert auf Qualität, Termintreue und eine transparente Kommunikation. Von der
|
||||
Planung und Beratung über die fachgerechte Ausführung bis hin zur abschließenden
|
||||
@ -38,94 +47,71 @@
|
||||
ästhetisch ansprechend sind.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<img class="my-auto" src="images/baustelle2.webp">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-16">
|
||||
<section>
|
||||
<div class="section">
|
||||
<div class="gap-2 grid grid-cols-2 my-auto">
|
||||
<div class="flex justify-end">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-end">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-end">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-auto">
|
||||
<h2 class="text-center">Unsere Leistungen</h2>
|
||||
|
||||
<div class="my-auto">
|
||||
<h2 class="text-center text-2xl">Unsere Leistungen</h2>
|
||||
|
||||
<ul class="grid grid-cols-2 gap-2 mt-4">
|
||||
<ul class="grid grid-cols-1 sm: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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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-stone-800"
|
||||
<path class="text-amber-600"
|
||||
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-stone-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-amber-600" 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>
|
||||
@ -144,39 +130,60 @@
|
||||
kreativen Maler- und Lackierarbeiten ein perfektes Finish Ihrer Räume garantieren.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="gap-2 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-2 m-auto">
|
||||
<div class="flex justify-end">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start md:justify-center lg:justify-start">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-end md:justify-start lg:justify-end">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start md:justify-end lg:justify-start">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-end md:justify-center lg:justify-end">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-w-64 md:max-w-56 xl:max-w-64" src="images/baustelle.webp">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-stone-700 py-24 text-stone-50">
|
||||
<section class="bg-stone-700 text-stone-50">
|
||||
<div class="section">
|
||||
<div class="my-auto">
|
||||
<h2 class="mb-4 text-center text-2xl">Kundenzufriedenheit</h2>
|
||||
<div class="m-auto">
|
||||
<h2 class="text-center">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
|
||||
Ihre Anforderungen zu erfüllen, sondern Ihre Erwartungen zu übertreffen. Zahlreiche positive
|
||||
Rückmeldungen und langjährige Kundenbeziehungen sind der Beweis für unsere Zuverlässigkeit und
|
||||
unser Engagement. Lassen Sie uns gemeinsam Ihr nächstes Projekt angehen und erleben Sie den
|
||||
Unterschied, den ein engagiertes und professionelles Team machen kann.
|
||||
Unterschied, den ein engagiertes und professionelles Team machen kann.<br><br>
|
||||
|
||||
Kontaktieren Sie uns noch heute und lassen Sie uns Ihr Projekt besprechen. Wir freuen uns
|
||||
darauf, Ihre Vision Wirklichkeit werden zu lassen!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="my-auto">
|
||||
<div class="m-auto">
|
||||
<div class="relative">
|
||||
<div class="absolute bg-stone-400 cursor-pointer h-16 left-20 rounded-full top-32 w-16"
|
||||
<div class="absolute bg-amber-600 cursor-pointer h-16 left-neg-32 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-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-stone-200" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="absolute bg-stone-400 cursor-pointer h-16 right-20 rounded-full top-32 w-16"
|
||||
<div class="absolute bg-amber-600 cursor-pointer h-16 right-neg-32 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-800" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
<path class="text-stone-200" fill="none" stroke="currentColor" stroke-linecap="round"
|
||||
stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144" />
|
||||
</svg>
|
||||
</div>
|
||||
@ -222,20 +229,18 @@
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<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>
|
||||
<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 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>
|
||||
<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>
|
||||
|
||||
|
||||
@ -2,10 +2,26 @@
|
||||
@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
|
||||
@apply bg-stone-200 mx-auto p-12 rounded-xl text-stone-800 w-72 sm:w-96
|
||||
}
|
||||
|
||||
.left-neg-32 {
|
||||
left: -32px;
|
||||
}
|
||||
|
||||
.right-neg-32 {
|
||||
right: -32px;
|
||||
}
|
||||
|
||||
.section {
|
||||
@apply container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto
|
||||
@apply container gap-16 grid grid-cols-1 lg:grid-cols-2 max-w-screen-xl mx-auto px-8 py-16
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user