@extends('layouts/layoutMaster')
@section('title', 'Carousel - UI elements')
@section('vendor-style')
@vite(['resources/assets/vendor/libs/swiper/swiper.scss'])
@endsection
@section('page-style')
@vite(['resources/assets/vendor/scss/pages/ui-carousel.scss'])
@endsection
@section('vendor-script')
@vite(['resources/assets/vendor/libs/swiper/swiper.js'])
@endsection
@section('page-script')
@vite(['resources/assets/js/ui-carousel.js'])
@endsection
@section('content')
UI elements / Carousel
Bootstrap carousel
First slide
Eos mutat malis maluisset et, agam ancillae quo te, in vim congue pertinacia.
Second slide
In numquam omittam sea.
Third slide
Lorem ipsum dolor sit amet, virtute consequat ea qui, minim graeco mel no.
Previous
Next
Bootstrap crossfade carousel (dark)
First slide
Eos mutat malis maluisset et, agam ancillae quo te, in vim congue pertinacia.
Second slide
In numquam omittam sea.
Third slide
Lorem ipsum dolor sit amet, virtute consequat ea qui, minim graeco mel no.
Previous
Next
Swiper
Default
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
With arrows
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
With pagination
With progress
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Vertical
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Multiple slides
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
3D coverflow effect
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
3D cube effect
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
3D flip effect
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Thumbs Gallery
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
@endsection