raffles bug fixes
This commit is contained in:
@@ -26,6 +26,7 @@ class WebsiteController extends Controller
|
||||
$footerMenus = getAllFooterMenusWithChildren();
|
||||
$tests = Test::where('status', 1)->where('parent_id', null)->get();
|
||||
$countries = Country::where('status', 1)->where('parent_id', null)->get();
|
||||
$interviews = Service::where('status', 1)->where('parent_id', null)->get();
|
||||
$services = Service::where('status', 1)->where('parent_id', null)->get();
|
||||
$this->path = config('app.client');
|
||||
|
||||
@@ -35,6 +36,7 @@ class WebsiteController extends Controller
|
||||
'tests' => $tests,
|
||||
'countries' => $countries,
|
||||
'services' => $services,
|
||||
'interviews' => $interviews,
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
@@ -298,16 +298,18 @@
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<form 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 bg-light-blue border-light-grey" type="text"
|
||||
name="" id="" placeholder="Full Name">
|
||||
name="name" id="" placeholder="Full Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" type="text"
|
||||
name="" id="" placeholder="Phone">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" type="email"
|
||||
name="" id="" placeholder="Email">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" name=""
|
||||
name="phone" id="" placeholder="Phone">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey"
|
||||
type="email" name="email" id="" placeholder="Email">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10 bg-light-blue border-light-grey" name="subject"
|
||||
id="" placeholder="Message"></textarea>
|
||||
<button class="px-20 py-10 bg-sec text-white rounded-30 text-14 border-0 button-hover">Submit</button>
|
||||
<button type="submit" id="submit-btn"
|
||||
class="px-20 py-10 bg-sec text-white rounded-30 text-14 border-0 button-hover">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<div class="col col-md-6" data-float="ease-in-out">
|
||||
<div class="">
|
||||
<img class="w-full h-full rounded-10"
|
||||
src="assets/images/study-destinations/uk.png" alt="">
|
||||
src="{{ asset($child->image) }}" alt="">
|
||||
</div>
|
||||
<div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
|
||||
<div
|
||||
|
||||
@@ -1,38 +1,27 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
|
||||
<div class="test-preparations-banner">
|
||||
<img src="{{ $page->banner ?? '' }}" width="1425" height="356" alt="prepare ielts">
|
||||
@php
|
||||
$firstAcc = $page->children[0];
|
||||
@endphp
|
||||
<div class="study-destinations-banner">
|
||||
<img src="{{ asset($page->banner) }}" width="1425" height="356" alt="study uk">
|
||||
</div>
|
||||
|
||||
|
||||
<section class="container py-30 free-resources">
|
||||
<div class="row">
|
||||
<div class="col col-md-3"></div>
|
||||
<div class="col col-md-9">
|
||||
<div class="flex justify-between items-center ">
|
||||
<div>
|
||||
<h2 class="md:text-30 text-60 text-sec"> {{ $page->title }}</h2>
|
||||
<div class="title-line "></div>
|
||||
</div>
|
||||
<button class="review-button">
|
||||
<p>Review</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
<section class="free-resources-content tab-container">
|
||||
<div class="row">
|
||||
<div class="col col-md-3">
|
||||
<ul class="first-row tab-buttons ">
|
||||
@foreach ($page->children as $child)
|
||||
<li class="px-20 tab-btn cursor-pointer show fade {{ $loop->first ? 'active' : '' }}"
|
||||
role="tabpanel" onclick="showTab('tabs_{{ $loop->index + 1 }}')">
|
||||
@foreach ($page->children as $index => $child)
|
||||
<li class="px-20 tab-btn cursor-pointer fade {{ $loop->first ? 'show active' : '' }} "
|
||||
role="tabpanel" onclick="showTab('tabs_{{ $index + 1 }}')">
|
||||
<div class="text-17 font-bold flex gap-10 items-center">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/one.svg') }}"
|
||||
alt="">
|
||||
<img class="w-40" src="assets/images/icons/one.svg" alt="">
|
||||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||||
</div>
|
||||
</li>
|
||||
@@ -42,22 +31,20 @@
|
||||
|
||||
<div class="col col-md-9">
|
||||
<div class="second-row">
|
||||
@foreach ($page->children as $child)
|
||||
<div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="tabs_{{ $loop->index + 1 }}">
|
||||
@foreach ($page->children as $index => $child)
|
||||
<div class="tab-content {{ $loop->first ? 'active' : '' }}" id="tabs_{{ $index + 1 }}">
|
||||
<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 ">{{ $child->title }}</h3>
|
||||
<div class="row items-center">
|
||||
<div class="col col-md-6">
|
||||
<p class="text-16 text-justify">
|
||||
{{ $child->short_description }}
|
||||
</p>
|
||||
<p class="text-16 text-justify">{!! $child->description !!}</p>
|
||||
</div>
|
||||
<div class="col col-md-6" data-float="ease-in-out">
|
||||
<div class="">
|
||||
<img class="w-full h-full rounded-10"
|
||||
src="{{ asset($child->image) }}" alt="">
|
||||
src="{{ $child->image }}" alt="">
|
||||
</div>
|
||||
<div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
|
||||
<div
|
||||
@@ -71,52 +58,47 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="py-40">
|
||||
<h3 class="text-20 text-brand">
|
||||
{{ $child->title }}
|
||||
Why {{ $page->title }}?
|
||||
</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">
|
||||
|
||||
@foreach ($page->custom as $index => $item)
|
||||
@php
|
||||
$isFirst = $loop->first;
|
||||
$headingId = 'heading-question-' . ($index + 1);
|
||||
$collapseId = 'collapse-question-item-' . ($index + 1);
|
||||
@endphp
|
||||
|
||||
@foreach ($page->custom as $key => $value)
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab"
|
||||
id="{{ $headingId }}">
|
||||
id="heading-question-{{ $key + 1 }}">
|
||||
<h4 class="accordion-title">
|
||||
<a class="accordion-toggle text-17 font-bold {{ $isFirst ? '' : 'collapsed' }}"
|
||||
role="button" data-bs-toggle="collapse"
|
||||
href="#{{ $collapseId }}"
|
||||
aria-expanded="{{ $isFirst ? 'true' : 'false' }}"
|
||||
aria-controls="{{ $collapseId }}">
|
||||
<span class="accordion-expander text-16 text-black">
|
||||
<i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
<i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
<a class="collapsed text-17 font-bold" role="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-item-{{ $key + 1 }}"
|
||||
aria-expanded="false"
|
||||
aria-controls="collapse-question-item-{{ $key + 1 }}">
|
||||
<span
|
||||
class="accordion-title-txt">{{ $item['key'] }}</span>
|
||||
class="accordion-expander text-16 text-black"><i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
<i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span><span
|
||||
class="accordion-title-txt">{{ $value['icon'] ?? '' }}</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="{{ $collapseId }}"
|
||||
class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
|
||||
aria-labelledby="{{ $headingId }}"
|
||||
data-bs-parent="#accordion-questions">
|
||||
<div id="collapse-question-item-{{ $key + 1 }}"
|
||||
class="accordion-collapse collapse"
|
||||
data-bs-parent="#accordion-questions" role="tabpanel"
|
||||
aria-labelledby="heading-question-{{ $key + 1 }}">
|
||||
<div
|
||||
class="accordion-content text-14 leading-20 text-black">
|
||||
<p>{{ $item['value'] }}</p>
|
||||
<p>{{ $value['key'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- blog -->
|
||||
@@ -132,7 +114,7 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap -mr-15 -ml-15 animation-element">
|
||||
@foreach ($child->custom as $item)
|
||||
@foreach ($child->custom as $index => $item)
|
||||
<div
|
||||
class="module-blog w-50percent sm:w-full px-15 mb-0">
|
||||
<article
|
||||
@@ -151,17 +133,15 @@
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-lp-contents w-full">
|
||||
|
||||
<div class="lqd-lp-header">
|
||||
|
||||
<h2
|
||||
class="entry-title lqd-lp-title mt-0/75em mb-0/85em text-20 font-bold leading-25 font-title text-slate-700">
|
||||
{{ $item['icon'] }}
|
||||
{{ $item['key'] ?? '' }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="lqd-lp-excerpt">
|
||||
<p>
|
||||
{{ $item['key'] }}
|
||||
{{ $item['value'] ?? '' }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -182,6 +162,5 @@
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user