48 lines
2.2 KiB
PHP
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>
|