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
Show Stats 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"> <body class="bg-stone-50 text-stone-950">
<header> <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"> <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"> <img class="max-w-32" src="images/logo-transparent.webp">
<nav class="flex gap-8 right-0"> <nav class="flex gap-8 right-0">
<a href="">Kontakt & Anfahrt</a> <a href="index.html">Trocken- und Innenausbau</a>
<a href="">Impressum</a> <a href="impressum.html">Impressum</a>
</nav> </nav>
</div> </div>
</header> </header>
<main> <main>
<section class="bg-stone-700 py-16 text-stone-50"> <section class="bg-stone-700 text-stone-50">
<div class="section"> <div class="section">
<div class="my-auto"> <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> <p>
Herzlich willkommen bei Dominik Bremer Trocken- und Innenausbau, Ihrem zuverlässigen Partner für 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 Trocken- und Innenausbau! Mit unserer langjährigen Erfahrung und einem hochqualifizierten Team
@ -43,7 +50,7 @@
</div> </div>
</section> </section>
<section class="py-16"> <section>
<div class="section"> <div class="section">
<div class="gap-2 grid grid-cols-2 my-auto"> <div class="gap-2 grid grid-cols-2 my-auto">
<div class="flex justify-end"> <div class="flex justify-end">
@ -67,65 +74,65 @@
</div> </div>
<div class="my-auto"> <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"> <ul class="grid grid-cols-2 gap-2 mt-4">
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Trockenbau</strong></span> <span><strong>Trockenbau</strong></span>
</li> </li>
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Innenausbau</strong></span> <span><strong>Innenausbau</strong></span>
</li> </li>
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Renovierung und Sanierung</strong></span> <span><strong>Renovierung und Sanierung</strong></span>
</li> </li>
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Schallschutz und Dämmung</strong></span> <span><strong>Schallschutz und Dämmung</strong></span>
</li> </li>
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Bodenbeläge</strong></span> <span><strong>Bodenbeläge</strong></span>
</li> </li>
<li class="flex gap-2"> <li class="flex gap-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon w-6" viewBox="0 0 512 512"> <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" 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" /> 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" /> stroke-linejoin="round" stroke-width="32" d="M352 176L217.6 336 160 272" />
</svg> </svg>
<span><strong>Maler- und Lackierarbeiten</strong></span> <span><strong>Maler- und Lackierarbeiten</strong></span>
@ -147,10 +154,10 @@
</div> </div>
</section> </section>
<section class="bg-stone-700 py-24 text-stone-50"> <section class="bg-stone-700 text-stone-50">
<div class="section"> <div class="section">
<div class="my-auto"> <div class="my-auto">
<h2 class="mb-4 text-center text-2xl">Kundenzufriedenheit</h2> <h2 class="text-center">Kundenzufriedenheit</h2>
<p> <p>
Ihre Zufriedenheit steht bei uns an erster Stelle. Wir arbeiten eng mit unseren Kunden zusammen, 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 um sicherzustellen, dass jedes Detail Ihren Erwartungen entspricht. Unser Ziel ist es, nicht nur
@ -166,17 +173,17 @@
<div class="my-auto"> <div class="my-auto">
<div class="relative"> <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"> id="prev-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <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" /> stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144" />
</svg> </svg>
</div> </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"> id="next-btn">
<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <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" /> stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144" />
</svg> </svg>
</div> </div>
@ -222,20 +229,18 @@
</section> </section>
</main> </main>
<footer class="py-24 text-stone-700"> <footer class="section text-stone-700">
<div class="section"> <div>
<div> <h2>Anschrift</h2>
<h2 class="text-2xl">Anschrift</h2> <p>Dominik Bremer Trocken- und Innenausbau</p>
<p>Dominik Bremer Trocken- und Innenausbau</p> <p>Hagener Straße 18</p>
<p>Hagener Straße 18</p> <p>31535 Neustadt</p>
<p>31535 Neustadt</p> </div>
</div>
<div> <div>
<h2 class="text-2xl">Kontakt</h2> <h2>Kontakt</h2>
<p>Mobil: <a href="tel:+491749279364">0174 / 9279 364</a></p> <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> <p>E-Mail: <a href="mailto:info@db-trocken-innenausbau.de">info@db-trocken-innenausbau.de</a></p>
</div>
</div> </div>
</footer> </footer>