jason/db-trocken-innenausbau.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Warnhinweis hinzugefügt und kleine Anpassungen

Browse Source
This commit is contained in:
Jason Streifling
2024-10-05 17:20:07 +02:00
parent aac2e252cd
commit 45f46cb39c
1 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
index.html
View File

@@ -10,20 +10,27 @@
<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="">Kontakt & Anfahrt</a>
<a href="">Impressum</a>
<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>
<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
@@ -43,7 +50,7 @@
</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">
@@ -67,65 +74,65 @@
</div>
<div class="my-auto">
<h2 class="text-center text-2xl">Unsere Leistungen</h2>
<h2 class="text-center">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-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>
@@ -147,10 +154,10 @@
</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>
<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
@@ -166,17 +173,17 @@
<div class="my-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-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-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-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-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>