210 lines
11 KiB
PHP
210 lines
11 KiB
PHP
<style>
|
||
/* Sticky Sidebar States */
|
||
|
||
@media(min-width:992px){
|
||
#stickySidebar {
|
||
position: static;
|
||
width: 420px !important;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
#stickySidebar.is-fixed {
|
||
position: fixed;
|
||
top: 11px; /* distance from top */
|
||
width: 350px;
|
||
z-index: 10;
|
||
}
|
||
|
||
#stickySidebar.is-bottom {
|
||
position: absolute;
|
||
top: auto;
|
||
bottom: 20px;
|
||
width: 100%;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
<?php $__env->startSection('content'); ?>
|
||
<!-- Page Header Start -->
|
||
<section class="page-header">
|
||
<div class="page-header__bg" style="background-image: url('<?php echo e($page->banner); ?>');"></div>
|
||
<div class="container">
|
||
<div class="page-header__inner">
|
||
<div class="thm-breadcrumb__box">
|
||
<ul class="thm-breadcrumb list-unstyled">
|
||
<li><a href="<?php echo e(route('home')); ?>">Home</a></li>
|
||
<li><span>-</span></li>
|
||
<li>Service Details</li>
|
||
</ul>
|
||
</div>
|
||
<h2><?php echo e($page->title); ?></h2>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Page Header End -->
|
||
|
||
<!-- Blog Details Start -->
|
||
<section class="blog-details">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-8 col-lg-7">
|
||
<div class="blog-details__left">
|
||
<div class="blog-details__content-one">
|
||
<div class="blog-details__content-one-img">
|
||
<img src="<?php echo e($page->image); ?>" alt="<?php echo e($page->title); ?>"
|
||
style="width: 100%; height:100%; object-fit:cover; object-position:top;">
|
||
</div>
|
||
<br>
|
||
<div><?php echo $page->description; ?></div>
|
||
</div>
|
||
|
||
<?php $__currentLoopData = $page->children; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $child): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||
<div><?php echo $child->description; ?></div>
|
||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||
|
||
|
||
<?php if($serviceFAQs && $serviceFAQs->faqs->count() > 0): ?>
|
||
<div class="service-text-box faq">
|
||
<h2 class="heading">Frequently Asked Questions</h2>
|
||
<div class="accordion" id="accordionFAQ">
|
||
<?php $__currentLoopData = $serviceFAQs->faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="headingFAQ<?php echo e($index); ?>">
|
||
<button class="accordion-button <?php echo e($index > 0 ? 'collapsed' : ''); ?>"
|
||
type="button" data-bs-toggle="collapse"
|
||
data-bs-target="#collapseFAQ<?php echo e($index); ?>"
|
||
aria-expanded="<?php echo e($index === 0 ? 'true' : 'false'); ?>"
|
||
aria-controls="collapseFAQ<?php echo e($index); ?>">
|
||
<?php echo e($faq->title); ?>
|
||
|
||
</button>
|
||
</h2>
|
||
<div id="collapseFAQ<?php echo e($index); ?>"
|
||
class="accordion-collapse collapse <?php echo e($index === 0 ? 'show' : ''); ?>"
|
||
aria-labelledby="headingFAQ<?php echo e($index); ?>"
|
||
data-bs-parent="#accordionFAQ">
|
||
<div class="accordion-body">
|
||
<?php echo $faq->description; ?>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-xl-4 col-lg-5">
|
||
<div class="sticky-wrapper">
|
||
<div id="stickySidebar" class="sidebar">
|
||
|
||
<div class="sidebar__single sidebar__category">
|
||
<div class="sidebar__title-box">
|
||
<h3 class="sidebar__title">Categories</h3>
|
||
</div>
|
||
<ul class="sidebar__category-list list-unstyled">
|
||
<?php $__currentLoopData = $allServices; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||
<li>
|
||
<a href="<?php echo e(route('service.single', $service->slug)); ?>">
|
||
<?php echo e($service->title); ?> <span class="icon-right-arrow-1"></span>
|
||
</a>
|
||
</li>
|
||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class="sidebar__single sidebar__gallery">
|
||
<div class="sidebar__title-box">
|
||
<h3 class="sidebar__title">Social Media</h3>
|
||
</div>
|
||
<div class="fb-page" data-href="<?php echo e(setting('facebook')); ?>" data-tabs="timeline"
|
||
data-width="" data-height="400" data-small-header="true"
|
||
data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false">
|
||
<blockquote cite="<?php echo e(setting('facebook')); ?>" class="fb-xfbml-parse-ignore">
|
||
<a href="<?php echo e(setting('facebook')); ?>">Rohini International Education Services</a>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="sidebar__single sidebar__support">
|
||
<div class="sidebar__support-bg"
|
||
style="background-image: url('<?php echo e(asset('rohini/assets/images/backgrounds/sidebar-support-bg.jpg')); ?>');">
|
||
</div>
|
||
<div class="sidebar__support-icon">
|
||
<span class="icon-icon-call"></span>
|
||
</div>
|
||
<h3 class="sidebar__support-title">Get quality <br> consultancy <br> services</h3>
|
||
<div class="sidebar__support-btn-box">
|
||
<a href="<?php echo e(route('page.load', 'contact')); ?>" class="sidebar__support-btn thm-btn">
|
||
<span class="icon-right-arrow"></span> Direct Contact
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
</div>`
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Blog Details End -->
|
||
<?php echo $__env->make('client.rohini.pages.partials.newsletter', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
|
||
<?php $__env->stopSection(); ?>
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const sidebar = document.getElementById('stickySidebar');
|
||
const wrapper = sidebar.parentElement;
|
||
const footer = document.querySelector('footer'); // adjust selector if needed
|
||
const topOffset = 20; // px gap from top when fixed
|
||
|
||
if (!sidebar || !wrapper || !footer) return;
|
||
|
||
// capture wrapper’s initial top and width
|
||
let wrapperTop = wrapper.getBoundingClientRect().top + window.scrollY;
|
||
let wrapperWidth = wrapper.offsetWidth;
|
||
|
||
function refreshMeasurements() {
|
||
wrapperTop = wrapper.getBoundingClientRect().top + window.scrollY;
|
||
wrapperWidth = wrapper.offsetWidth;
|
||
}
|
||
window.addEventListener('resize', refreshMeasurements);
|
||
|
||
function onScroll() {
|
||
const scrollY = window.scrollY;
|
||
const footerTop = footer.getBoundingClientRect().top + window.scrollY;
|
||
const sidebarH = sidebar.offsetHeight;
|
||
|
||
// If we've scrolled past the wrapper and haven't hit the footer yet
|
||
if (scrollY + topOffset >= wrapperTop && scrollY + topOffset + sidebarH < footerTop) {
|
||
sidebar.classList.add('is-fixed');
|
||
sidebar.classList.remove('is-bottom');
|
||
sidebar.style.width = wrapperWidth + 'px';
|
||
}
|
||
// If we’d overlap the footer, “pin” it at the bottom of the wrapper
|
||
else if (scrollY + topOffset + sidebarH >= footerTop) {
|
||
sidebar.classList.remove('is-fixed');
|
||
sidebar.classList.add('is-bottom');
|
||
sidebar.style.width = wrapperWidth + 'px';
|
||
}
|
||
// Otherwise return to normal flow
|
||
else {
|
||
sidebar.classList.remove('is-fixed', 'is-bottom');
|
||
sidebar.style.width = '100%';
|
||
}
|
||
}
|
||
|
||
window.addEventListener('scroll', onScroll);
|
||
// initialize on load
|
||
refreshMeasurements();
|
||
onScroll();
|
||
});
|
||
</script>
|
||
|
||
<?php echo $__env->make('client.rohini.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\installed\xampp\htdocs\bib\Consultancy-CCMS\resources\views/client/rohini/pages/service-single-template.blade.php ENDPATH**/ ?>
|