TanchoToplineCargo/resources/views/client/humancarerecruit/slider.blade.php
2024-05-05 10:32:49 +05:45

48 lines
2.2 KiB
PHP

<section class="slider position-relative">
<div id="demo" class="carousel slide" data-bs-ride="carousel" data-interval="600">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
</div>
<div class="dot"></div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
@foreach(MPCMS::getslider() as $slider)
<div class="carousel-item <?php if($slider->slider_id==3){echo 'active';}?>">
<img src="{{ $slider->thumb}}" alt="" class="img-fluid">
<div class="g-3 col-md-5 main-content ps-3 pe-3" uk-scrollspy="cls: uk-animation-slide-left; delay:200; repeat: true">
<p class="custom-text fw-bold">{{ $slider->slider_title}}</p>
<p class="giant-text text-capitalize text-uppercase fw-bold">{{ $slider->slider_desc}}</p>
<div class="hstack gap-3 mt-5">
<div>
<a class="custom-btn" href="{{ asset('job_seekers/current-job-demands') }}">Explore Jobs <i class="fa-solid fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="nextPrev">
<button class="carousel-prev btn" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-next btn" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</section>