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

Widget

Browse Source
This commit is contained in:
Jens Cornelsen
2024-12-08 16:14:32 +01:00
parent d38853efab
commit 7cf55353ae
4 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/design/content/card-BA-widget.svelte
View File

@@ -2,19 +2,26 @@
import { PRICES } from "#lib/constants"; import { PRICES } from "#lib/constants";
</script> </script>
<div id ="card-BA-promo" <div id ="card-BA-promo" class="box card bg-white px-6 py-4 mb-5">
class=" box card bg-white px-6 py-4 mb-5">
<div class="grid"> <div class="grid">
<h2>Bedarfssausweis Wohngebäude</h2> <h2>Bedarfssausweis Wohngebäude</h2>
<hr class="mb-4"> <hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisWohnen[0]}</span>€</p> <div class="flex flex-row">
<div>
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
</div>
<div>
<p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisWohnen[0]}</span>€</p>
</div>
</div>
<a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo" <a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo"
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem] class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
hover:bg-primary hover:bg-primary
" >jetzt online erstellen</a> " >jetzt online erstellen</a>
</div> </div>
</div> </div>

25
src/components/design/content/card-BAG-widget.svelte
View File

@@ -2,21 +2,18 @@
import { PRICES } from "#lib/constants"; import { PRICES } from "#lib/constants";
</script> </script>
<div id ="card-BA-G-promo" <div id ="card-BA-G-promo" class="box card bg-white px-6 py-4 mb-5">
class=" box card hidden bg-white px-6 py-4 mb-5 <div class="grid">
lg:block">
<div class="grid"> <h2>Bedarfssausweis Gewerbe</h2>
<hr class="mb-4">
<h2>Bedarfssausweis Gewerbe</h2> <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
<hr class="mb-4"> <p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p>
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/> <a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo"
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p> class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
<a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo" hover:bg-primary
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem] " >jetzt online erstellen</a>
hover:bg-primary </div>
" >jetzt online erstellen</a>
</div>
</div> </div>

6
src/components/design/content/card-VA-widget.svelte
View File

@@ -2,15 +2,13 @@
import { PRICES } from "#lib/constants"; import { PRICES } from "#lib/constants";
</script> </script>
<div id ="card-VA-promo" <div id ="card-VA-promo" class="box card bg-white px-6 py-4 mb-5">
class=" box card bg-white px-6 py-4 mb-5">
<div class="grid"> <div class="grid">
<h2>Verbrauchsausweis Wohngebäude</h2> <h2>Verbrauchsausweis Wohngebäude</h2>
<hr class="mb-4"> <hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/> <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p> <p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo" <a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo"
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem] class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
hover:bg-primary hover:bg-primary

6
src/components/design/content/card-VAG-widget.svelte
View File

@@ -2,15 +2,13 @@
import { PRICES } from "#lib/constants"; import { PRICES } from "#lib/constants";
</script> </script>
<div id ="card-VA-G-promo" <div id ="card-VA-G-promo" class="box card bg-white px-6 py-4 mb-5">
class=" box card bg-white px-6 py-4 mb-5">
<div class="grid"> <div class="grid">
<h2>Verbrauchsausweis Gewerbe</h2> <h2>Verbrauchsausweis Gewerbe</h2>
<hr class="mb-4"> <hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/> <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p> <p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p>
<a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo" <a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo"
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem] class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
hover:bg-primary hover:bg-primary