This commit is contained in:
2025-08-20 16:33:36 +05:45
parent b22d8b0705
commit 76fff2effc
3 changed files with 23 additions and 10 deletions

View File

@@ -603,7 +603,18 @@
}, },
}); });
</script> </script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const tabs = document.querySelectorAll('.accordion-content');
tabs.forEach(tab => {
tab.addEventListener('click', function() {
tabs.forEach(t => t.classList.remove('highlight-tab'));
this.classList.add('highlight-tab');
});
});
});
</script>
</div> </div>

View File

@@ -49,7 +49,8 @@
alt=""> alt="">
</div> </div>
<div class="service-content"> <div class="service-content">
<div class="service-name">{{ $country->title }} <div class="service-name">Study in
{{ $country->title }}
</div> </div>
<div class="service-description"> <div class="service-description">
{{ $country->short_description }}</div> {{ $country->short_description }}</div>

View File

@@ -1,18 +1,18 @@
@extends('client.raffles.layouts.app') @extends('client.raffles.layouts.app')
@section('content') @section('content')
@php
$firstAcc = $page->children[0];
@endphp
<div class="study-destinations-banner"> <div class="study-destinations-banner">
<img src="{{ $page->banner }}" width="1425" height="356" alt="study uk"> <img src="{{ asset($page->banner) }}" width="1425" height="356" alt="study uk">
</div> </div>
<section class="container py-30 free-resources"> <section class="container py-30 free-resources">
<div class="flex justify-center flex-col text-center items-center w-80percent mx-auto top-20percent "> <div class="flex justify-center flex-col text-center items-center w-80percent mx-auto top-20percent ">
<h2 class="md:text-30 text-60 text-sec">{{ $page->title }}</h2> <h2 class="md:text-30 text-60 text-sec">Study in {{ $page->title }}</h2>
<div class="title-line mx-auto"></div> <div class="title-line mx-auto"></div>
</div> </div>
@if ($page->children->count() > 0)
@if ($page->children)
<section class="free-resources-content tab-container"> <section class="free-resources-content tab-container">
<div class="row"> <div class="row">
<div class="col col-md-3"> <div class="col col-md-3">
@@ -36,7 +36,7 @@
<div data-custom-animations="true" <div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'> data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside"> <div class="content-inside">
<h3 class="text-brand text-30 ">{{ $child->title }}</h3> <h3 class="text-brand text-30 ">{{ $child->short_description }}</h3>
<div class="row items-center"> <div class="row items-center">
<div class="col col-md-6"> <div class="col col-md-6">
<p class="text-16 text-justify">{!! $child->description !!}</p> <p class="text-16 text-justify">{!! $child->description !!}</p>
@@ -44,7 +44,7 @@
<div class="col col-md-6" data-float="ease-in-out"> <div class="col col-md-6" data-float="ease-in-out">
<div class=""> <div class="">
<img class="w-full h-full rounded-10" <img class="w-full h-full rounded-10"
src="{{ $child->image }}" alt=""> src="{{ asset($child->image) }}" alt="">
</div> </div>
<div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none"> <div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
<div <div
@@ -62,7 +62,7 @@
<div class="py-40"> <div class="py-40">
<h3 class="text-20 text-brand"> <h3 class="text-20 text-brand">
Why {{ $page->title }}? Why Study in {{ $page->title }}
</h3> </h3>
<div class="accordion accordion-title-underlined accordion-sm pt-20" <div class="accordion accordion-title-underlined accordion-sm pt-20"
id="accordion-questions" role="tablist" aria-multiselectable="true"> id="accordion-questions" role="tablist" aria-multiselectable="true">
@@ -162,5 +162,6 @@
</div> </div>
</section> </section>
@endif @endif
@include('client.raffles.pages.call-request')
</section> </section>
@endsection @endsection