raffles bug fixes

This commit is contained in:
2025-07-29 17:49:50 +05:45
parent f06525dc6f
commit 64592f5b96
5 changed files with 99 additions and 807 deletions

View File

@@ -35,11 +35,13 @@
data-bs-parent="#accordion-questions" role="tabpanel"
aria-labelledby="heading-question-1">
@foreach ($countries as $country)
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tab{{ $country->slug }}')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>{{ $country->title }}</p>
</div>
<a href="{{ route('country.single', $country->slug) }}">
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tab{{ $country->slug }}')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>{{ $country->title }}</p>
</div>
</a>
@endforeach
</div>
@@ -70,15 +72,17 @@
data-bs-parent="#accordion-questions" role="tabpanel"
aria-labelledby="heading-question-2">
{{-- @foreach ($tests as test) --}}
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tab')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>
{{-- {{ $test->title }} --}}
</p>
</div>
{{-- @endforeach --}}
@foreach ($tests as $test)
<a href="{{ route('test.single', $test->slug) }}">
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tab')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>
{{ $test->title }}
</p>
</div>
</a>
@endforeach
</div>
@@ -108,98 +112,21 @@
<div id="collapse-question-item-3" class="accordion-collapse collapse "
data-bs-parent="#accordion-questions" role="tabpanel"
aria-labelledby="heading-question-2">
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabcasinterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>CAS Interview</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabusainterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>US Interview</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabukinterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>UK Interview</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabaustraliainterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Australia Visa Interview</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabcanadainterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Canada Visa Interview</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabdenmarkinterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Denmark Visa Interview</p>
</div>
</div>
</div>
</li>
<li class=" px-20 tab-btn cursor-pointer rounded-10 fade " role="tabpanel">
<div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
<div class="accordion-item panel mb-10">
<div class="accordion-heading" role="tab" id="heading-question-4">
<h4 class="accordion-title">
<a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
href="index.php#collapse-question-item-4" aria-expanded="false"
aria-controls="collapse-question-item-4">
<img class="w-40" src="assets/images/icons/four.svg" alt="">
<h5 class="text-16 p-0 m-0">Visa Assistance</h5>
@foreach ($interviews as $interview)
<a href="{{ route('service.single', $interview->slug) }}">
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabcasinterview')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>{{ $interview->title }}</p>
</div>
</a>
</h4>
@endforeach
</div>
<div id="collapse-question-item-4" class="accordion-collapse collapse "
data-bs-parent="#accordion-questions" role="tabpanel"
aria-labelledby="heading-question-4">
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabvisa1')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Visa Assistance 1</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabvisa2')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Visa Assistance 2</p>
</div>
<div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
onclick="showTab('tabvisa3')">
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
<p>Visa Assistance 3</p>
</div>
</div>
</div>
</li>
</ul>
</div>
@@ -209,7 +136,7 @@
<div class="second-row">
<div class="tab-content active lg:w-full lg:text-end bg-center bg-contain bg-no-repeat -mt-20"
style="
background-image: url('assets/images/demo/start-hub-1/shape-Blob.svg');
background-image: url({{ asset('raffles/assets/images/demo/start-hub-1/shape-Blob.svg') }};
">
<div data-custom-animations="true"
@@ -219,8 +146,8 @@
<div class="content-inside">
<div class="w-60percent h-400 mx-auto lqd-imggrp-single relative monkey-img"
data-float="ease-in-out">
<img class="w-full h-full " src="assets/images/general/monkey.png"
alt="">
<img class="w-full h-full "
src="{{ asset('raffles/assets/images/general/monkey.png') }}" alt="">
<div class="absolute top-30 -left-20 flex gap-10 items-center">
<i class="fa-solid fa-arrow-left text-20 text-brand md:hiden"></i>
<i class="fa-solid fa-arrow-up text-20 text-brand md:bloc hidden"></i>
@@ -229,13 +156,10 @@
</div>
</div>
</div>
</div>
</div>
<div class="tab-content " id="tabuk">
{{-- <div class="tab-content " id="tabuk">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
@@ -277,625 +201,8 @@
</table>
</div>
</div>
</div>
</div> --}}
<div class="tab-content " id="tabusa">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">USA</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16"> Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0 ">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabaustralia">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Australia</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabcanada">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Canada</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabdenmark">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Denmark</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabielts">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">IELTS</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabpte">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">PTE</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabduolingo">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Duolingo</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabcasinterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">CAS Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabusainterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">USA Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabcanadainterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Canada Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabaustraliainterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Australia Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabukinterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">UK Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabdenmarkinterview">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Denmark Interview</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabvisa1">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Visa Assistance 1</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabvisa2">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Visa Assistance 2</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="tab-content " id="tabvisa3">
<div data-custom-animations="true"
data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
<div class="content-inside">
<h3 class="text-brand text-30 mb-30">Visa Assistance 3</h3>
<table class="">
<tr>
<td class="pl-20 text-brand text-16">1</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">2</td>
<td class="text-brand text-16">Checklists for Canada</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
<tr>
<td class="pl-20 text-brand text-16">3</td>
<td class="text-brand text-16">Australia Documents Checklist</td>
<td class=" flex items-center gap-10 justify-end"><button
class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center text-white text-12 button-hover border-0">View</button>
<button
class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center text-white text-12 button-hover border-0">Download</button>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
@@ -904,22 +211,24 @@
<h3 class="text-brand text-20">Study Abroad</h3>
<div class="divider"></div>
<ul class="flex-flex-col gap-20 list-none px-0 py-20">
@foreach($countries as $country)
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
href="study-australia.php">{{ $country->title }}</a></li>
@foreach ($countries as $country)
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
href="study-australia.php">{{ $country->title }}</a></li>
@endforeach
</ul>
<h3 class="text-brand text-20">Let's Connect Quick</h3>
<div class="divider"></div>
<form class="pt-20" action="">
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
@csrf
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
name="" id="" placeholder="Your Name">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
id="" placeholder="Your Email">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
id="" placeholder="Phone">
<textarea class="w-full mb-40 rounded-6 text-14 px-10" name="" id="" placeholder="Your Message"></textarea>
<button class="px-10 py-10 bg-brand text-white rounded-10 text-16 border-0 button-hover">
name="name" id="" placeholder="Your Name">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
id="email" placeholder="Your Email">
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="phone"
id="phone" placeholder="Phone">
<textarea class="w-full mb-40 rounded-6 text-14 px-10" name="subject" id="subject" placeholder="Your Message"></textarea>
<button type="submit" id="submit-btn"
class="px-10 py-10 bg-brand text-white rounded-10 text-16 border-0 button-hover">
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
Send Message</button>
</form>