<section class="relative py-12 bg-gray-700 md:py-20 md:pl-9 md:pr-0 lg:py-28 lg:pl-12">
<div class="mx-auto">
<div class="relative z-10 items-end grid grid-cols-1 gap-y-8 md:grid-cols-12 md:gap-x-8">
<div class="w-full px-6 md:col-start-1 md:col-end-6 xl:col-start-2">
<h2 class="text-white mb-8 text-left h3 ">
VON PIONIEREN ZU INNOVATOREN
</h2>
<p class="default text-base font-bold text-white mb-8 leading-customText">Ein Blick zurück, ein Schritt nach vorn. Entdecken Sie die Evolution unserer Erfolgsgeschichte im Produktionsmaschinenbau. </p>
<a class="btn cursor-pointer inline-flex items-center bg-primary justify-between text-white py-4 px-6 rounded-none transition-all active:scale-95 hover:rounded-sm hover:brightness-95">
<span class="shrink-0">
alle Jobangebote
</span>
</a>
</div>
<div class="md:col-start-6 md:col-end-13 md:ml-12">
<div x-data="{swiper: null}" x-init="const swiper = new Swiper($refs.container, {
slidesPerView: 1.2,
spaceBetween: 40,
direction: 'horizontal',
loop: false,
effect: 'slide',
scrollbar: {
el: '.swiper-scrollbar-custom',
dragClass: 'swiper-scrollbar-drag-custom',
draggable: true,
},
breakpoints: {
768: {
spaceBetween: 40,
slidesPerView: 1.2,
},
1024: {
spaceBetween: 40,
slidesPerView: 1.4,
},
1200: {
spaceBetween: 40,
slidesPerView: 1.6,
},
1440: {
spaceBetween: 40,
slidesPerView: 1.9,
}
}
})">
<div class="swiper" x-ref="container">
<div class="swiper-wrapper flex !ease-linear">
<div class="swiper-slide !h-auto overflow-hidden relative">
<div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 bg-gray-600 ">
<div class="relative z-10 flex flex-col justify-between">
<div class="text-white font-bold text-xl mb-2 xl:mb-4">
1979
</div>
<div class="text-white font-normal text-base leading-customText mb-5 xl:mb-10">
Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau.
</div>
</div>
<div class="absolute bottom-0 left-0 w-full pointer-events-none bg-gray-600 opacity-50 h-full"></div>
</div>
</div>
<div class="swiper-slide !h-auto overflow-hidden relative">
<div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 bg-gray-600 ">
<div class="relative z-10 flex flex-col justify-between">
<div class="text-white font-bold text-xl mb-2 xl:mb-4">
1979
</div>
<div class="text-white font-normal text-base leading-customText mb-5 xl:mb-10">
Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau.
</div>
</div>
<div class="absolute bottom-0 left-0 w-full pointer-events-none bg-gray-600 opacity-50 h-full"></div>
</div>
</div>
<div class="swiper-slide !h-auto overflow-hidden relative">
<div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 aspect-auto ">
<div class="absolute top-0 left-0 w-full h-full">
<div class="relative h-full w-full ">
<img class="w-full h-full object-cover" src="/image/placeholder.jpg" alt="" />
<div class="absolute bottom-0 left-0 w-full pointer-events-none h-full bg-gray-600 opacity-80 h-full"></div>
</div>
</div>
<div class="relative z-10 flex flex-col justify-between">
<div class="text-white font-bold text-xl mb-2 xl:mb-4">
1979
</div>
<div class="text-white font-normal text-base leading-customText mb-5 xl:mb-10">
Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau.
</div>
</div>
<div class="absolute bottom-0 left-0 w-full pointer-events-none bg-gray-600 opacity-50 h-full"></div>
</div>
</div>
<div class="swiper-slide !h-auto overflow-hidden relative">
<div class="relative overflow-hidden pt-6 px-6 pb-14 w-full h-full flex flex-col md:pt-8 md:px-8 xl:pt-8 xl:px-8 bg-gray-600 ">
<div class="relative z-10 flex flex-col justify-between">
<div class="text-white font-bold text-xl mb-2 xl:mb-4">
1979
</div>
<div class="text-white font-normal text-base leading-customText mb-5 xl:mb-10">
Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau.
</div>
</div>
<div class="absolute bottom-0 left-0 w-full pointer-events-none bg-gray-600 opacity-50 h-full"></div>
</div>
</div>
</div>
<div class="pt-8 ">
<div class="swiper-scrollbar-custom w-full h-px bg-white">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative py-12 bg-gray-700 md:py-20 md:pl-9 md:pr-0 lg:py-28 lg:pl-12">
<div class="mx-auto">
<div class="relative z-10 items-end grid grid-cols-1 gap-y-8 md:grid-cols-12 md:gap-x-8">
<div class="w-full px-6 md:col-start-1 md:col-end-6 xl:col-start-2">
{% render "@headline" with {
headline: 'VON PIONIEREN ZU INNOVATOREN',
tag: 'h2',
size: 'h3',
classes: 'text-white mb-8',
} %}
{% render "@text" with {
text: 'Ein Blick zurück, ein Schritt nach vorn. Entdecken Sie die Evolution unserer Erfolgsgeschichte im Produktionsmaschinenbau.',
classes: 'font-bold text-white mb-8'
} %}
{% include '@button' with {
label: "alle Jobangebote",
style: 'primary'
} %}
</div>
<div class="md:col-start-6 md:col-end-13 md:ml-12">
{% render '@card-slider' with {
slidesPerViewMd: '1.2',
slidesPerViewLg: '1.4',
slidesPerViewXl: '1.6',
slidesPerViewXXl: '1.9',
NoPaddingScrollbar: true,
cards: [
{
title: '1979',
style: 'default',
overlay: "overlay-default",
tags: null,
alignContent: 'between',
tagPosition: "top",
link: false,
description: "Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau. "
},
{
title: '1979',
style: 'default',
overlay: "overlay-default",
tags: null,
alignContent: 'between',
tagPosition: "top",
link: false,
description: "Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau. "
},
{
title: '1979',
style: 'media-normal',
overlay: "overlay-default",
tags: null,
alignContent: 'between',
tagPosition: "top",
link: false,
description: "Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau. "
},
{
title: '1979',
style: 'default',
overlay: "overlay-default",
tags: null,
alignContent: 'between',
tagPosition: "top",
link: false,
description: "Gegründet als Ingenieurbüro zur Konstruktion von Handhabungsvorrichtungen insbesondere zur Fernhantierung mit Sitz in der Goldbergstrasse, Alzenau. "
},
]
} %}
</div>
</div>
</div>
</section>
/* No context defined. */
No notes defined.