286 lines
21 KiB
PHP
286 lines
21 KiB
PHP
@extends('client.raffles.layouts.app')
|
||
@section('content')
|
||
|
||
|
||
<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="flex justify-center flex-col text-center items-center w-80percent mx-auto top-20percent ">
|
||
<h2 class="md:text-30 text-60 text-sec">Study in {{ $page->title }}</h2>
|
||
<div class="title-line mx-auto"></div>
|
||
</div>
|
||
|
||
@if ($page->children)
|
||
<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 $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">
|
||
<p class="numbering">1</p>
|
||
{{-- <img class="w-40" src="assets/images/icons/one.svg" alt=""> --}}
|
||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||
</div>
|
||
</li>
|
||
@endforeach
|
||
<a href="{{ route('resources') }}">
|
||
<li class="px-20 tab-btn cursor-pointer fade " role="tabpanel" onclick="showTab('tabs_7')">
|
||
<div class="text-17 font-bold flex gap-10 items-center">
|
||
<img class="w-40" src="assets/images/icons/question.png" alt="">
|
||
<h5 class="text-16 p-0 m-0">Free Resources </h5>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col col-md-9">
|
||
<div class="second-row">
|
||
@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->short_description }}</h3>
|
||
<div class="row items-center">
|
||
<div class="col col-md-6">
|
||
<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="">
|
||
</div>
|
||
<div class="lqd-particles-bg-wrap lqd-overlay flex pointer-events-none">
|
||
<div
|
||
class="ld-particles-container relative w-full lqd-particles-as-bg lqd-overlay flex h-450">
|
||
<div class="ld-particles-inner lqd-overlay flex pointer-events-none"
|
||
id="lqd-particle-banner" data-particles="true"
|
||
data-particles-options='{"particles":{"number":{"value":4} , "color":{"value": "random"} , "shape":{"type":["circle"]} , "opacity":{"value":1} , "size":{"value":4} , "move":{"enable": true, "direction": "none", "out_mode": "out"}} , "interactivity":[], "retina_detect": true}'>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="py-40">
|
||
<h3 class="text-20 text-brand">
|
||
Why Study in {{ $page->title }}
|
||
</h3>
|
||
<div class="accordion accordion-title-underlined accordion-sm pt-20"
|
||
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||
@foreach ($page->custom as $key => $value)
|
||
<div class="accordion-item panel mb-10">
|
||
<div class="accordion-heading" role="tab"
|
||
id="heading-question-{{ $key + 1 }}">
|
||
<h4 class="accordion-title">
|
||
<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-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="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>{{ $value['key'] ?? '' }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- blog -->
|
||
<div class="lqd-section blog pt-20" id="blog" data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".btn, .animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col col-12">
|
||
<div class="w-full flex mb-20 justify-start">
|
||
<div class="btn btn-solid bg-sec text-white rounded-20 text-15 module-btn-xs"
|
||
data-localscroll="true"><span class="btn-txt"
|
||
data-text="Office Blog">Office Blog</span></div>
|
||
</div>
|
||
|
||
<div class="flex flex-wrap -mr-15 -ml-15 animation-element">
|
||
@foreach ($child->custom as $index => $item)
|
||
<div
|
||
class="module-blog w-50percent sm:w-full px-15 mb-0">
|
||
<article
|
||
class="lqd-lp relative lqd-lp-style-9 flex flex-wrap text-start format-standard has-post-thumbnail hentry category-blog-single">
|
||
<div class="lqd-lp-img w-full">
|
||
<figure
|
||
class="relative overflow-hidden rounded-8">
|
||
<img width="370" height="470"
|
||
src="{{ asset('raffles/assets/images/demo/start-hub-1/blog-1.png') }}"
|
||
alt="blog" />
|
||
<div
|
||
class="lqd-overlay flex items-center justify-center">
|
||
<i
|
||
class="lqd-icn-ess icon-md-arrow-forward"></i>
|
||
</div>
|
||
</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['key'] ?? '' }}
|
||
</h2>
|
||
</div>
|
||
<div class="lqd-lp-excerpt">
|
||
<p>
|
||
{{ $item['value'] ?? '' }}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="py-40">
|
||
<div class="py-10">
|
||
<h4 class="title-small">1. What is the average tuition, living, and
|
||
health insurance cost in the USA?</h4>
|
||
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000–$35,000
|
||
/ year</p>
|
||
<p class="para"><strong>Bachelors: </strong>Tuition: $15,000–$35,000
|
||
/ year</p>
|
||
<p class="para-slant">Living: $8,000–$12,000/year | Health Insurance:
|
||
$1,000–$2,000 / year</p>
|
||
</div>
|
||
<div class="py-10">
|
||
<h4 class="title-small">2. What types of scholarships are available?
|
||
</h4>
|
||
<ul class="list-disc">
|
||
<li class="para"><strong>Merit-based: </strong>Based on academic
|
||
scores or test results</li>
|
||
<li class="para"><strong>Merit-based: </strong>Based on academic
|
||
scores or test results</li>
|
||
<li class="para">Merit-based:Based on academic scores or test
|
||
results</li>
|
||
</ul>
|
||
|
||
|
||
</div>
|
||
<div class="py-10">
|
||
<h4 class="title-small">3. What types of scholarships are available?
|
||
</h4>
|
||
|
||
<ol class="list-alpha">
|
||
<li class="para"><strong>Merit-based: </strong>Based on academic
|
||
scores or test results</li>
|
||
<li class="para"><strong>Merit-based: </strong>Based on academic
|
||
scores or test results</li>
|
||
<li class="para">Merit-based:Based on academic scores or test
|
||
results</li>
|
||
</ol>
|
||
|
||
</div>
|
||
<div class="py-10">
|
||
<h4 class="title-small">4. What types of scholarships are available?
|
||
</h4>
|
||
|
||
<ol class="list-alpha">
|
||
<li class="para"><a class="text-sec underline" href="#"
|
||
target="_blank"><strong>Merit-based: </strong>Based on
|
||
academic
|
||
scores or test results</a></li>
|
||
<li class="para"><strong>Merit-based: </strong>Based on academic
|
||
scores or test results</li>
|
||
<li class="para">Merit-based:Based on academic scores or test
|
||
results</li>
|
||
</ol>
|
||
|
||
</div>
|
||
<div class="py-10">
|
||
<table class="tabs-table">
|
||
<thead>
|
||
<tr>
|
||
|
||
<td>Universities</td>
|
||
<td>Annual Tuition Fee
|
||
(Non-Eu/EEA)
|
||
in Euro & Approximate in NPR</td>
|
||
<td>Scholarships Available</td>
|
||
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
University Of Copenhagen(UCPH)
|
||
</td>
|
||
<td>
|
||
€10,000 – €17,000 OR
|
||
NPR 1,350,000 – 2,295,000
|
||
|
||
</td>
|
||
<td>
|
||
Danish Government Scholarship (offered by the university
|
||
on behalf of the Danish Ministry)
|
||
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
University Of Copenhagen(UCPH)
|
||
</td>
|
||
<td>
|
||
€10,000 – €17,000 OR
|
||
NPR 1,350,000 – 2,295,000
|
||
|
||
</td>
|
||
<td>
|
||
Danish Government Scholarship (offered by the university
|
||
on behalf of the Danish Ministry)
|
||
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
@endif
|
||
@include('client.raffles.pages.call-request')
|
||
</section>
|
||
@endsection
|