sliders done

This commit is contained in:
2025-06-04 17:37:14 +05:45
parent f9a589c05f
commit b3e543863a
219 changed files with 1165 additions and 12 deletions

View File

@@ -0,0 +1,127 @@
<!-- progress-section-->
{{-- @dd($about_nclex) --}}
{{-- @dd($popups) --}}
<section class="ttm-row progress-section clearfix">
<div class="container">
<div class="row g-0 res-991-plr-15">
{{-- <div class="col-lg-4 order-lg-first ">
<!--section-title -->
<div class="section-title mb-0 res-1199-pl-15 res-991-pl-0 pt-20">
<div class="title-header">
<h3>{{$about_nclex->title}}</h3>
<h2 class="title">{{$about_nclex->short_description}}</h2>
<p>{!!$about_nclex->description!!} </p>
</div>
</div><!--section-title-end -->
</div> --}}
{{-- <div class="col-lg-4 order-lg-1">
<div class="pr-20 res-1199-pl-15 res-991-pl-0">
<div class="progress-section-text mb-25">
<p>We believe in your potential and are here to help you achieve your goal of becoming a licensed nurse. </p>
<p>To know more about us make an appointment with us.</p>
<div class="d-inline-block">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="register.php">Make an Appointment</a>
</div>
</div>
</div>
</div> --}}
{{-- <div class="col-lg-4 order-lg-0">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-skincolor ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>Dont let the NCLEX intimidate you.</h3>
</div>
<div class="featured-desc">
</p>
</div>
<div class="featured-bottom">
<a href="programs.php">View More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-0 res-991-display-none res-991-mt-15">
</div> --}}
@foreach($popups as $popup)
<div class="col-lg-4 order-lg-3 res-991-mt-15">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-darkgrey ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>{{$popup->title}}</h3>
</div>
<div class="featured-desc">
{!!$popup->description!!}
</div>
<div class="featured-bottom">
<a href="programs.php">{{$popup->button_title}}</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
{{-- <div class="col-lg-4 order-lg-4 res-991-mt-15">
<div class="featured-icon-box icon-align-top-content ttm-bgcolor-skincolor ttm-textcolor-white style12">
<div class="featured-icon">
<div class="ttm-icon ttm-icon_element-size-lg ttm-icon_element-onlytxt ttm-icon_element-color-white">
<i class="flaticon flaticon-heart-attack"></i>
</div>
<div class="featured-content">
<div class="featured-title">
<h3>you can approach the exam with confidence </h3>
</div>
<div class="featured-desc">
</div>
<div class="featured-bottom">
<a href="programs.php">View More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-last res-991-mt-15">
<div class="ttm-bg ttm-col-bgimage-yes col-bg-img-ten spacing-19">
<div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
<div class="layer-content"></div>
</div>
<img src="images/bg-image/col-bgimage-10.png" class="ttm-equal-height-image" alt="single-img-10">
</div>
<div class="col-lg-4 order-lg-5 res-991-mt-15 align-self-center">
<div class="text-center">
<div class="ttm-fid inside style1">
<div class="ttm-fid-contents">
<h4 class="ttm-fid-inner">
</h4>
</div>
</div>
<!--section-title -->
<div class="section-title title-style-center_text">
<div class="title-header">
<h2 class="title font-size-26 pl-40 pr-40 res-991-pl-0 res-991-pr-0"> We wish you the best of luck on your NCLEX journey!</h2>
<h3><a href="about.php">Become a Licensed Nurse</a></h3>
</div>
</div><!--section-title-end -->
</div>
</div>
<div class="col-lg-4 order-lg-2">
<div class="ttm-bg ttm-col-bgimage-yes col-bg-img-nine spacing-19">
<div class="ttm-col-wrapper-bg-layer ttm-bg-layer"></div>
<div class="layer-content"></div>
</div>
<img src="images/bg-image/col-bgimage-9.png" class="ttm-equal-height-image" alt="single-img-09">
</div> --}}
</div>
</div>
</section>
<!-- progress-section-end-->

View File

@@ -0,0 +1,126 @@
<!-- Banner -->
<div class="banner_slider banner_slider_1">
{{-- @dd($sliderItems) --}}
@foreach($sliderItems as $slider)
<div class="slide s2">
{{-- <div class="slide_img" style="background-image: url('images/slides/slider-mainbg-02.jpg'); background-position: center;"> --}}
<div class="slide_img" style="background-image: url('{{ asset('storage/'. $slider->image)}}'); background-position: center;">
</div>
<div class="slide__content">
<div class="container g-0 position-relative">
<div class="row">
<div class="col-lg-12">
<div class="d-block d-xl-flex flex-row justify-content-between">
<div class="slide__content--headings align-self-center">
<div class="slide-icon-img" data-animation="fadeInLeft" data-delay="0.5s" data-duration="0.8s">
<img class="img-fluid d-inline-block" src="images/slide-img.png" width="46" height="44" alt="slide-img">
<span>YOUR DESTINY</span>
<span>OUR PRIORITY</span>
<span>NCLEX Center</span>
{{-- {!!$slider->short_description!!} --}}
</div>
<h2 class="ttm-textcolor-white" data-animation="fadeInLeft" data-delay="0.7s" data-duration="0.8s">{!!$slider->description!!}</h2>
<div class="d-inline-block pt-30" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="{{$slider->button_url}}">{{$slider->button_text}}</a>
</div>
</div>
<div class="d-lg-none d-xl-block align-self-center spacing-24">
<div class="testimonials style6" data-animation="fadeInRight" data-delay="0.8s" data-duration="0.6s">
<div class="testimonial-content">
</div>
</div>
<div class="testimonials style6" data-animation="fadeInRight" data-delay="1s" data-duration="0.6s">
<div class="testimonial-content">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- {!!$slider->description!!} --}}
</div>
@endforeach
{{-- <div class="slide s1">
<div class="slide_img" style="background-image: url('images/slides/slider-mainbg-01.jpg'); background-position: center; background-size: 100%; background-repeat: no-repeat;">
</div>
<div class="slide__content">
<div class="container">
<div class="row">
<div class="col-lg-12 align-self-end">
<div class="slide__content--headings">
<div class="d-sm-flex justify-content-center" data-animation="fadeInUp" data-delay="1.2s" data-duration="0.6s">
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/ambulance.svg" alt="ambulance-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Emergency Services</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/stethoscope.svg" alt="stethoscope-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Outdoor Checkup</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
<!-- featured-iconbox -->
<div class="featured-icon-box featured-icon-box-homepage-slider">
<!-- featured-icon -->
<div class="featured-icon">
<img class="img-fluid" src="images/heart-icon.svg" alt="heart-icon-img" width="30" height="30">
</div>
<!-- featured-icon end-->
<!-- featured-content -->
<div class="featured-content">
<div class="featured-title">
<h3><a href="about.php" tabindex="0">Health Screening</a></h3>
</div>
</div>
</div><!-- featured-iconbox-end -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide s3">
<div class="slide_img" style="background-image: url('images/slides/slider-mainbg-07.jpg');
background-position: center;"></div>
<div class="slide__content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slide__content--headings text-end">
<h3 class="ttm-textcolor-white" data-animation="fadeInDown" data-delay="0.6s" data-duration="0.5s">WE GIVE YOU THE BEST</h3>
<h2 class="ttm-textcolor-white" data-animation="fadeInRight" data-delay="0.7s" data-duration="0.8s">With our guidance, <br>your skills will flourish,<br> opening doors to <br>endless opportunities</h2>
<div class="d-inline-block pt-25 res-767-pt-0" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-white" href="contact.php">See How Can We Help</a>
</div>
<div class="d-block d-sm-inline-block pt-25 res-767-pt-0 pl-15 res-575-pl-0 res-575-mt-20" data-animation="fadeInUp" data-delay="0.6s" data-duration="0.5s">
<a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor" href="contact.php">Make an Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> --}}
</div>
<!-- Banner end-->