IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Test

Browse Source
This commit is contained in:
Jens Cornelsen
2024-11-27 16:10:43 +01:00
parent d9e3063f9b
commit 1aa5863084
1 changed files with 156 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/design/content/banner-saeule.svelte
View File

@@ -115,7 +115,7 @@
<div class="saeule">
<div class="blue-top">
<img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Gewerbe Bedarfsausweis"/>
<img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Gewerbe Bedarfsausweis"/>
<div class="name">Bedarfsausweis<br>Gewerbe</div>
</div>
<div class="orange">
@@ -151,8 +151,9 @@
w-full h-full mb-4"/>
</div>
</div>
<div class="lg:w-full w-full rounded-2xl shadow-xl mb-2 text-white h-full flex-col pt-2 pl-2 pr-2 pb-2 border-2">
<div class="lg:mb-0 lg:pr-5 lg:w-full mb-6 w-full">
<p class="block text-xl font-light tracking-tight text-gray-900 leading-6 sm:text-3xl text-right pr-0">
<p class="block text-xl font-light tracking-tight text-gray-900 leading-6 sm:text-3xl text-right pr-2">
einfach
<br/>
</p>
@@ -164,7 +165,7 @@
</p>
</div>
<div class="lg:w-1/6 w-1/6 h-16">
<p class="mb-4 text-2xl text-center text-black mt-4 font-medium decoration-black">✔</p>
<p class="mb-4 text-2xl text-center text-red-800 mt-4 font-medium decoration-black">✔</p>
</div>
</div>
<div class="lg:w-full flex flex-row items-end w-full">
@@ -192,7 +193,7 @@
</p>
</div>
<div class="lg:w-1/6 items-end w-1/6 h-16">
<p class="mb-4 text-2xl text-center text-red-700 mt-4 font-medium">✘</p>
<p class="mb-4 text-2xl text-center text-yellow-600 mt-4 font-medium">✘</p>
</div>
</div>
<div class="lg:w-full flex flex-row items-end w-full">
@@ -223,17 +224,26 @@
</div>
</div>
</div>
<div class="lg:w-full w-full rounded-2xl shadow-xl mb-2 text-white bg-yellow-600 h-auto justify-center
items-center">
<p class="mb-4 text-2xl text-center text-white mt-4 font-bold">
ab {PRICES.BedarfsausweisWohnen[0]} inkl. MwSt
<br/>
</p>
</div>
</div>
<div class="flex lg:flex-col flex-col w-1/2 rounded-none shadow-* ml-4 pl-4 pt-4 pr-4 pb-4 border-0">
<div class="lg:w-full w-full rounded-2xl shadow-xl mb-6 text-white bg-indigo-800 h-auto justify-center
items-center">
<p class="mb-4 text-2xl text-center text-white mt-4 font-bold">Bedarfsausweis Wohngebäude</p>
<div class="lg:h-1/2 lg:w-1/2 flex flex-wrap w-1/2 mb-6 bg-indigo-800 h-1/2 ml-8">
<img src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" class="lg:h-full lg:w-full
<img src="https://ibcornelsen.de/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" class="lg:h-full lg:w-full
w-full h-full mb-4"/>
</div>
</div>
<div class="lg:w-full w-full rounded-2xl shadow-xl mb-2 text-white h-full flex-col pt-2 pl-2 pr-2 pb-2 border-2">
<div class="lg:mb-0 lg:pr-5 lg:w-full mb-6 w-full">
<p class="block text-xl font-light tracking-tight text-gray-900 leading-6 sm:text-3xl text-right pr-0">
<p class="block text-xl font-light tracking-tight text-gray-900 leading-6 sm:text-3xl text-right pr-2">
fundiert
<br/>
</p>
@@ -245,7 +255,7 @@
</p>
</div>
<div class="lg:w-1/6 w-1/6 h-16">
<p class="mb-4 text-2xl text-center text-black mt-4 font-medium decoration-black">✔</p>
<p class="mb-4 text-2xl text-center text-red-800 mt-4 font-medium decoration-black">✔</p>
</div>
</div>
<div class="lg:w-full flex flex-row items-end w-full">
@@ -273,7 +283,7 @@
</p>
</div>
<div class="lg:w-1/6 items-end w-1/6 h-16">
<p class="mb-4 text-2xl text-center text-red-700 mt-4 font-medium">✘</p>
<p class="mb-4 text-2xl text-center text-yellow-600 mt-4 font-medium">✘</p>
</div>
</div>
<div class="lg:w-full flex flex-row items-end w-full">
@@ -304,6 +314,14 @@
</div>
</div>
</div>
<div class="lg:w-full w-full rounded-2xl shadow-xl mb-2 text-white bg-yellow-600 h-auto justify-center
items-center">
<p class="mb-4 text-2xl text-center text-white mt-4 font-bold">
ab {PRICES.BedarfsausweisWohnen[0]} inkl. MwSt
<br/>
</p>
</div>
</div>
</div>