form with sticky top

master
Gustavo Luigi 2024-01-09 16:26:14 -03:00
parent 5f24386f01
commit f793b90902
2 changed files with 27 additions and 48 deletions

View File

@ -4,8 +4,6 @@


<div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}"> <div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
<div class="container"> <div class="container">


<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb"> <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb text-decoration-none"> <ol class="breadcrumb text-decoration-none">
<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li> <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
@ -16,8 +14,6 @@
</div> </div>
</div> </div>
<div class="container"> <div class="container">


<div class="row"> <div class="row">
<div class="col-12 col-lg-7"> <div class="col-12 col-lg-7">
<div class="row"> <div class="row">
@ -37,10 +33,6 @@
{!! $content->beschreibung !!} {!! $content->beschreibung !!}
</div> </div>






@isset($content->bilder) @isset($content->bilder)
<div class="col-12 mb-5"> <div class="col-12 mb-5">
<h2 class="mb-4 mt-5 h3">Bilder</h2> <h2 class="mb-4 mt-5 h3">Bilder</h2>
@ -52,26 +44,20 @@
@endforeach @endforeach
@endisset @endisset
</div> </div>



</div> </div>


<div class="col-12 col-lg-4 offset-lg-1"> <div class="col-12 col-lg-4 offset-lg-1" id="lumino-form-sent">
<div class="card mb-5 mt-5 shadow-lg"> <div class="card mb-5 mt-5 shadow-lg position-sticky" style="top:5rem;">
<div class="card-header text-center"> <div class="card-header text-center">
<h3 class="fs-5 fw-bold">Unverbindlich anfragen</h3> <h3 class="fs-5 fw-bold">Unverbindlich anfragen</h3>
</div> </div>
<div class="card-body"> <div class="card-body">

@if(session()->has('error')) @if(session()->has('error'))
<div class="alert alert-danger mb-4"> <div class="alert alert-danger mb-4">
<span class="fw-bold">Fehler!</span> <span class="fw-bold">Fehler!</span>
<br> <br>
{{session()->get('error')}} {{session()->get('error')}}
</div> </div>


@endif @endif


@if(session()->has('success')) @if(session()->has('success'))
@ -90,7 +76,6 @@
</div> </div>
</div> </div>
@else @else

<x-form id="anfrage" id-name="anfrage" channels="email-anfrage,bestaetigung-kunde" > <x-form id="anfrage" id-name="anfrage" channels="email-anfrage,bestaetigung-kunde" >


<div class="mb-4"> <div class="mb-4">
@ -123,10 +108,7 @@
</div> </div>


</x-form> </x-form>

@endif @endif


</div> </div>
</div> </div>
</div> </div>

View File

@ -31,8 +31,7 @@
@php($leistungen = filterByContentType("Ankündigung")) @php($leistungen = filterByContentType("Ankündigung"))
@if($leistungen->isNotEmpty()) @if($leistungen->isNotEmpty())
<div class="container"> <div class="container">
<diw class="row pt-1 pt-lg-4"> <div class="row pt-1 pt-lg-4">



@foreach($leistungen->take(3) as $content) @foreach($leistungen->take(3) as $content)
<div class="col-12"> <div class="col-12">
@ -60,11 +59,9 @@
<svg fill="currentColor;" width="25" height="25" class="me-1"> <svg fill="currentColor;" width="25" height="25" class="me-1">
<image xlink:href="{{asset('fonts/icons/font-awesome/light/user.svg')}}" width="25" height="25"/> <image xlink:href="{{asset('fonts/icons/font-awesome/light/user.svg')}}" width="25" height="25"/>
</svg> </svg>
{{ $content->title }}</h5> {{ $content->title }}
</h5>
{{ $content->ankundigung }} {{ $content->ankundigung }}



</div> </div>


@endisset @endisset