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

CSS etwas vereinheitlicht

Browse Source
This commit is contained in:
Jason Streifling 2024-10-03 09:50:33 +02:00
parent 6e796104c8
commit fb8e4f0668
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -21,7 +21,7 @@
<main> <main>
<section class="bg-stone-700 py-16 text-stone-50"> <section class="bg-stone-700 py-16 text-stone-50">
<div class="container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto"> <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="mb-4 text-center text-2xl">Trocken- und Innenausbau</h2>
<p> <p>
@ -44,7 +44,7 @@
</section> </section>
<section class="py-16"> <section class="py-16">
<div class="container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto"> <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">
<img class="max-w-64" src="images/baustelle.webp"> <img class="max-w-64" src="images/baustelle.webp">
@ -148,7 +148,7 @@
</section> </section>
<section class="bg-stone-700 py-24 text-stone-50"> <section class="bg-stone-700 py-24 text-stone-50">
<div class="container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto"> <div class="section">
<div class="my-auto"> <div class="my-auto">
<h2 class="mb-4 text-center text-2xl">Kundenzufriedenheit</h2> <h2 class="mb-4 text-center text-2xl">Kundenzufriedenheit</h2>
<p> <p>
@ -182,7 +182,7 @@
</div> </div>
</div> </div>
<div class="card bg-gray-200 mx-auto w-96 p-12 rounded-xl text-gray-800"> <div class="card">
<p> <p>
Die Zusammenarbeit mit Herrn Bremer war hervorragend! Das Team war stets pünktlich und Die Zusammenarbeit mit Herrn Bremer war hervorragend! Das Team war stets pünktlich und
professionell. Besonders beeindruckt hat uns die hohe Qualität der Arbeit und die Liebe zum professionell. Besonders beeindruckt hat uns die hohe Qualität der Arbeit und die Liebe zum
@ -191,7 +191,7 @@
<p class="mt-4 text-center">- <strong>Anna Müller</strong></p> <p class="mt-4 text-center">- <strong>Anna Müller</strong></p>
</div> </div>
<div class="card hidden bg-gray-200 mx-auto w-96 p-12 rounded-xl text-gray-800"> <div class="card hidden">
<p> <p>
Wir sind begeistert von der Qualität und dem Service. Von der ersten Beratung bis zur Wir sind begeistert von der Qualität und dem Service. Von der ersten Beratung bis zur
Fertigstellung wurden wir hervorragend betreut. Unsere Wünsche wurden genau umgesetzt, und Fertigstellung wurden wir hervorragend betreut. Unsere Wünsche wurden genau umgesetzt, und
@ -200,7 +200,7 @@
<p class="mt-4 text-center">- <strong>Thomas Schmidt</strong></p> <p class="mt-4 text-center">- <strong>Thomas Schmidt</strong></p>
</div> </div>
<div class="card hidden bg-gray-200 mx-auto w-96 p-12 rounded-xl text-gray-800"> <div class="card hidden">
<p> <p>
Schnelle und saubere Arbeit. Das Team war immer freundlich und hat uns bei jedem Schritt des Schnelle und saubere Arbeit. Das Team war immer freundlich und hat uns bei jedem Schritt des
Projekts unterstützt. Wir sind sehr zufrieden mit dem Ergebnis und können die Firma nur Projekts unterstützt. Wir sind sehr zufrieden mit dem Ergebnis und können die Firma nur
@ -209,7 +209,7 @@
<p class="mt-4 text-center">- <strong>Julia Becker</strong></p> <p class="mt-4 text-center">- <strong>Julia Becker</strong></p>
</div> </div>
<div class="card hidden bg-gray-200 mx-auto w-96 p-12 rounded-xl text-gray-800"> <div class="card hidden">
<p> <p>
Von der Planung bis zur Fertigstellung lief alles reibungslos. Das Team hat unsere Von der Planung bis zur Fertigstellung lief alles reibungslos. Das Team hat unsere
Vorstellungen perfekt umgesetzt und war dabei immer zuverlässig und kompetent. Wir sind sehr Vorstellungen perfekt umgesetzt und war dabei immer zuverlässig und kompetent. Wir sind sehr
@ -222,8 +222,8 @@
</section> </section>
</main> </main>
<footer class="my-24 text-stone-700"> <footer class="py-24 text-stone-700">
<div class="container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto"> <div class="section">
<div> <div>
<h2 class="text-2xl">Anschrift</h2> <h2 class="text-2xl">Anschrift</h2>
<p>Dominik Bremer Trocken- und Innenausbau</p> <p>Dominik Bremer Trocken- und Innenausbau</p>

8
styles/input.css
View File

@ -1,3 +1,11 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
.card {
@apply bg-gray-200 mx-auto p-12 rounded-xl text-gray-800 w-96
}
.section {
@apply container gap-16 grid grid-cols-2 max-w-screen-xl mx-auto
}