new design
This commit is contained in:
salam committed
1 parent
b03f1eda4d
commit
ebece1fca7
15 files changed
+206
-86
No files matched your search
@@ -1,57 +1,72 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="flex gap-7">
|
||||
{{-- <body class="bg-cover" style="background-image: url('images/backgrounds/bg2.jpg')"> --}}
|
||||
<div class="flex flex-col gap-3 ">
|
||||
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="text-7xl text-center font-black p-7">
|
||||
Nutzwertberechnung <br>einmal anders
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-5">
|
||||
<div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
|
||||
<img class="rounded-t-lg object-cover h-56 w-full" src="images/backgrounds/bg2.jpg" alt="" />
|
||||
<div class="p-6 text-surface ">
|
||||
<h5 class="mb-2 text-xl font-medium leading-tight">Das Nutzwertgutachten</h5>
|
||||
<p class="mb-4 text-base">
|
||||
..ist ein Gutachten im österreichischen Wohnungseigentumsrecht.
|
||||
Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
|
||||
<x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
@include('components.landing-title')
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 p-4 pt-0">
|
||||
<article
|
||||
class="group flex rounded max-w-sm flex-col overflow-hidden border border-outline bg-surface-alt text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">
|
||||
<div class="h-44 md:h-64 overflow-hidden">
|
||||
<img src="images/objekte/b1.jpg"
|
||||
class="object-cover transition duration-700 ease-out group-hover:scale-105" alt="Planzeichnung" />
|
||||
</div>
|
||||
<div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
|
||||
<img class="rounded-t-lg object-cover h-56 w-full p-5" src="images/klammer.jpg" alt="" />
|
||||
<div class="p-6 text-surface">
|
||||
<h5 class="mb-2 text-xl font-medium leading-tight">Daten Import</h5>
|
||||
<p class="mb-4 text-base">
|
||||
Die Daten werden aus allen gängigen Zeichenprogrammen importieren, und die Objekte werden
|
||||
angelegt.
|
||||
<x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-4 p-6">
|
||||
<span class="text-sm font-medium">Nutzwertgutachten</span>
|
||||
<h3 class="text-balance text-xl lg:text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong"
|
||||
aria-describedby="featureDescription">..ist ein Gutachten im österreichischen
|
||||
Wohnungseigentumsrecht.</h3>
|
||||
<p id="featureDescription" class="text-pretty text-sm">
|
||||
Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
|
||||
<x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
<div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
|
||||
<img class="rounded-t-lg object-cover h-56 w-full" src="images/house2.jpg" alt="" />
|
||||
<div class="p-6 text-surface">
|
||||
<h5 class="mb-2 text-xl font-medium leading-tight">Berechnung</h5>
|
||||
<p class="mb-4 text-base">
|
||||
Nach dem die Parameter gesetzt wurden ist die
|
||||
fertige Nutzwertberechnung bereit um als als PDF-Dokument heruntgeladen zu werden.
|
||||
<x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article
|
||||
class="group flex rounded max-w-sm flex-col overflow-hidden border border-outline bg-surface-alt text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">
|
||||
<div class="h-44 md:h-64 overflow-hidden">
|
||||
<img src="images/objekte/b6.jpg"
|
||||
class="object-cover transition duration-700 ease-out group-hover:scale-105" alt="Klammer" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-5">
|
||||
@include('components.login')
|
||||
</div>
|
||||
<div class="flex flex-col gap-4 p-6">
|
||||
<span class="text-sm font-medium">Nutzwertgutachten</span>
|
||||
<h3 class="text-balance text-xl lg:text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong"
|
||||
aria-describedby="featureDescription">..ist ein Gutachten im österreichischen
|
||||
Wohnungseigentumsrecht.</h3>
|
||||
<p id="featureDescription" class="text-pretty text-sm">
|
||||
Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
|
||||
<x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
<article
|
||||
class="group flex rounded max-w-sm flex-col overflow-hidden border border-outline bg-surface-alt text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">
|
||||
<div class="h-44 md:h-64 overflow-hidden">
|
||||
<img src="images/objekte/b2.jpg"
|
||||
class="object-cover transition duration-700 ease-out group-hover:scale-105" alt="Klammer" />
|
||||
</div>
|
||||
<div class="flex flex-col gap-4 p-6">
|
||||
<span class="text-sm font-medium">Nutzwertgutachten</span>
|
||||
<h3 class="text-balance text-xl lg:text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong"
|
||||
aria-describedby="featureDescription">..ist ein Gutachten im österreichischen
|
||||
Wohnungseigentumsrecht.</h3>
|
||||
<p id="featureDescription" class="text-pretty text-sm">
|
||||
Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
|
||||
<x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
|
||||
mehr...
|
||||
</x-filament::link>
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="p-5">
|
||||
@include('components.login')
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in new issue
Block a user