first change
This commit is contained in:
314
resources/views/client/raffles/pages/about-template.blade.php
Normal file
314
resources/views/client/raffles/pages/about-template.blade.php
Normal file
@@ -0,0 +1,314 @@
|
||||
@php
|
||||
$services = getServices(limit: 4, order: 'desc');
|
||||
$institutions = getInstitutions(limit: 10, order: 'desc');
|
||||
@endphp
|
||||
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-end">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">
|
||||
Welcome to {{ setting('title') }}</div>
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $page->description !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center mt-4 mb-4 sm-mb-8"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($services as $service)
|
||||
<div class="col icon-with-text-style-03">
|
||||
<div class="feature-box p-8 overflow-hidden">
|
||||
<div class="feature-box-icon mb-25px">
|
||||
<img src="{{ $service->icon_image }}" class="h-100px" alt>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<span
|
||||
class="d-block fs-18 fw-600 text-dark-gray mb-5px ls-minus-05px">{{ $service->title }}</span>
|
||||
<p>{{ $service->short_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-auto text-center">
|
||||
<div class="icon-with-text-style-06">
|
||||
<div class="feature-box feature-box-left-icon-middle">
|
||||
<div class="feature-box-icon me-10px">
|
||||
<i class="bi bi-patch-check icon-very-medium text-base-color"></i>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<div class="text-dark-gray fs-20 ls-minus-05px">We provide <span class="fw-600">quality
|
||||
service</span> that best suites students.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($page->children->isNotEmpty())
|
||||
<section class="pt-0 bg-very-light-gray overflow-hidden">
|
||||
<div class="border-bottom border-top border-color-extra-medium-gray bg-white box-shadow-extra-large">
|
||||
<div class="container tab-style-08 text-center">
|
||||
<ul class="nav nav-tabs border-0 justify-content-center ls-minus-05px fw-500 fs-19 text-dark-gray active-tab-border-bottom"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
@foreach ($page->children as $item)
|
||||
<li class="nav-item">
|
||||
<a data-bs-toggle="tab" href="#tab-{{ $item->slug }}"
|
||||
class="nav-link @if ($loop->first) active @endif">
|
||||
{{ $item->title }}
|
||||
<span class="tab-border bg-dark-gray"></span>
|
||||
</a>
|
||||
</li>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row mt-4">
|
||||
<div class="col-12 tab-style-08">
|
||||
<div class="tab-content">
|
||||
@foreach ($page->children as $item)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif"
|
||||
id="tab-{{ $item->slug }}">
|
||||
<div class="row align-items-center g-lg-0">
|
||||
<div class="col-lg-6 col-md-11 offset-lg-0 offset-md-1 position-relative md-mb-20px"
|
||||
data-anime="{ "effect": "slide", "color": "#FFFFFF", "direction":"lr", "easing": "easeOutQuad", "delay":50}">
|
||||
<figure class="position-relative m-0 text-center">
|
||||
<img src="{{ $item->image }}" alt>
|
||||
<figcaption class="position-absolute bottom-80px left-0px"
|
||||
data-anime="{ "translateY": [-50, 0], "opacity": [0,1], "duration": 800, "delay": 1000, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<img src="{{ asset(setting('other_image')) }}" class="animation-float"
|
||||
alt>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-xl-4 offset-lg-1 col-lg-5"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue":200, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">{{ setting('title') }}</span>
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px">{{ $item->short_description }}
|
||||
</h3>
|
||||
{!! $item->description !!}
|
||||
|
||||
<a href="{{ $item->button_url }}" target="{{ $item->button_target }}"
|
||||
class="btn btn-large btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow me-30px sm-me-20px">
|
||||
<span>
|
||||
<span class="btn-text">{{ $item->button_text }}</span>
|
||||
<span class="btn-icon"><i
|
||||
class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i
|
||||
class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($page->children->count() > 4)
|
||||
@php
|
||||
$fifthPage = $page->children[4];
|
||||
@endphp
|
||||
<section class="overlap-height overflow-hidden">
|
||||
<div class="container overlap-gap-section">
|
||||
<div class="row justify-content-center align-items-end mb-7 sm-mb-9">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">
|
||||
{{ $fifthPage->short_description }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin"
|
||||
data-anime="{"el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $fifthPage->description !!}
|
||||
</div>
|
||||
</div>
|
||||
@if (!is_null($fifthPage->custom))
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 g-0 justify-content-center"
|
||||
data-anime="{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($fifthPage->custom as $item)
|
||||
<div
|
||||
class="col process-step-style-06 text-center last-paragraph-no-margin hover-box md-mb-50px">
|
||||
<h4 class="d-block text-dark-gray mb-0 fw-700 ls-minus-2px">{{ $item['icon'] ?? '' }}
|
||||
</h4>
|
||||
<div class="process-step-icon-box position-relative mt-25px mb-25px">
|
||||
<span
|
||||
class="progress-step-separator bg-dark-gray w-100 separator-line-1px opacity-1"></span>
|
||||
<div
|
||||
class="step-box d-flex align-items-center justify-content-center bg-light-red-grey border-radius-100 mx-auto w-30px h-30px">
|
||||
<span class="w-8px h-8px bg-base-color border-radius-100"></span>
|
||||
</div>
|
||||
</div>
|
||||
<span
|
||||
class="d-inline-block alt-font fw-600 text-dark-gray fs-18 mb-5px ls-minus-05px">{{ $item['key'] ?? '' }}</span>
|
||||
<p class="w-75 sm-w-85 d-inline-block">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
|
||||
<section class="bg-gradient-very-light-gray">
|
||||
<div class="container-fluid overlap-section">
|
||||
<div class="row position-relative mb-4 md-mb-5">
|
||||
<div class="col swiper swiper-width-auto text-center pb-30px md-pb-20px feather-shadow"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":50, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 text-dark-gray fw-600 ls-minus-5px">RAFFLES
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div
|
||||
class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 fw-600 text-outline text-outline-color-extra-medium-gray ls-minus-5px">
|
||||
EDUCARE</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-150 lg-fs-130 md-fs-110 sm-fs-90 text-dark-gray fw-600 ls-minus-5px">
|
||||
ASSOCIATES
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
@if ($page->children->count() > 5)
|
||||
@php
|
||||
$sixthPage = $page->children[5];
|
||||
@endphp
|
||||
<div class="row justify-content-center align-items-end mb-6">
|
||||
<div class="col-xl-6 col-lg-7 md-mb-20px text-center text-lg-start"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-1px mb-0 w-90 md-w-100">
|
||||
{{ $sixthPage->short_description }}</h3>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-xl-1 last-paragraph-no-margin text-center text-lg-start"
|
||||
data-anime="{"el": "lines", "translateX": [30, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
{!! $sixthPage->description !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-7 md-mb-10 sm-mb-15"
|
||||
data-anime="{"el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col md-mb-30px">
|
||||
<div
|
||||
class="position-relative bg-white overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Build
|
||||
a greatest career with Raffles</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">Join with us</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col md-mb-30px">
|
||||
<div
|
||||
class="position-relative bg-yellow overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Ready
|
||||
to work together for better solutions.</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">View our job</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0 animation-zoom">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div
|
||||
class="position-relative bg-white overflow-hidden h-100 p-50px lg-p-30px box-shadow-quadruple-large border-radius-6px">
|
||||
<span
|
||||
class="d-block text-dark-gray fw-600 fs-22 mb-25px position-relative z-index-1 ls-minus-1px w-90 xl-w-100">Best
|
||||
consultants for you</span>
|
||||
<a href="contact.php"
|
||||
class="btn btn-medium btn-dark-gray btn-hover-animation-switch btn-round-edge btn-box-shadow">
|
||||
<span>
|
||||
<span class="btn-text">Contact now</span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div
|
||||
class="position-absolute bottom-minus-10px right-minus-40px fs-300 lh-100 fw-900 text-dark-gray opacity-1 z-index-0">
|
||||
<</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($institutions)
|
||||
<div class="row position-relative clients-style-08 mb-9 md-mb-19 sm-mb-3">
|
||||
<div class="col swiper text-center feather-shadow"
|
||||
data-slider-options="{ "slidesPerView": 2, "spaceBetween":0, "speed": 4000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
|
||||
@foreach ($institutions as $institution)
|
||||
<div class="swiper-slide">
|
||||
<a href="javascript:void(0)"><img src="{{ $institution->image }}"
|
||||
class="institution-logo" alt="{{ $institution->title }}" /></a>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
286
resources/views/client/raffles/pages/about-us-template.blade.php
Normal file
286
resources/views/client/raffles/pages/about-us-template.blade.php
Normal file
@@ -0,0 +1,286 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="about scroll-section" id="about-page">
|
||||
<div class="about-page-banner">
|
||||
<img src="{{ asset($page->banner) }}" alt="">
|
||||
</div>
|
||||
<section class=" section lqd-section analysis bg-transparent transition-all about-page" id="analysis">
|
||||
<div class="container">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">{{ $page->title }}</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
<p class="md:text-14 text-20 text-center leading-10">{{ $page->short_description }}</p>
|
||||
</div>
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[0];
|
||||
@endphp
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="module-content px-10percent">
|
||||
<div class="container p-0">
|
||||
<div class="ceo-container">
|
||||
<div class="design-element"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="image-section">
|
||||
<div class="image-frame">
|
||||
<img src="{{ asset($firstPage->image) }}" alt="CEO portrait"
|
||||
class="ceo-image">
|
||||
</div>
|
||||
<span class="name-badge">Dinesh Dhakal</span>
|
||||
</div>
|
||||
<div class="message-section">
|
||||
<div class="accent-line"></div>
|
||||
<div class="quote-mark">"</div>
|
||||
<h3 class="title">{{ $firstPage->short_description }}</h3>
|
||||
<h2 class="heading">{{ $firstPage->title }}</h2>
|
||||
<p class="message">
|
||||
{!! $firstPage->description !!}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</section>
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$secondPage = $page->children[1];
|
||||
@endphp
|
||||
<section class="section pt-30">
|
||||
<div class="container">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-black">Empowering Students to Succeed Beyond Borders</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- first row -->
|
||||
<section class="lqd-section text-box-image pt-30">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 lg:m-0">
|
||||
|
||||
<div class="mb-20 relative">
|
||||
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $secondPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $secondPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-end transition-all p-20 lg:p-0 ">
|
||||
<div class="flex items-center justify-end bg-center bg-no-repeat bg-contain">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-end">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($secondPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
<!-- second row -->
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$thirdPage = $page->children[2];
|
||||
@endphp
|
||||
<!-- second row -->
|
||||
<section class="lqd-section text-box-image pt-10">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6 p-0 order-first sm:order-last ">
|
||||
<div class="module-section flex items-center justify-start transition-all mr-120 lg:m-0 ">
|
||||
<div class="flex items-center justify-start bg-center bg-no-repeat bg-contain">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div
|
||||
class="lqd-imggrp-img-container inline-flex relative items-center justify-start">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($thirdPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 order-last sm:order-first">
|
||||
<div class="flex flex-wrap ml-40 lg:m-0">
|
||||
|
||||
<div class="mb-20 relative">
|
||||
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $thirdPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $thirdPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$fourthPage = $page->children[3];
|
||||
@endphp
|
||||
<section class="lqd-section text-box-image pt-10 ">
|
||||
<div class="container">
|
||||
<div class="row items-center">
|
||||
<div class="col col-12 col-md-6">
|
||||
<div class="flex flex-wrap mr-120 lg:m-0">
|
||||
|
||||
<div class="mb-20 relative">
|
||||
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 text-30 font-bold w-full"
|
||||
data-inview="true" data-transition-delay="true"
|
||||
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
|
||||
<span>
|
||||
{{ $fourthPage->title }}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="mb-20 ld-fancy-heading relative">
|
||||
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em text-justify">
|
||||
{{ $fourthPage->short_description }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col col-12 col-md-6 p-0">
|
||||
<div class="module-section flex items-center justify-start transition-all p-20 lg:p-0">
|
||||
<div class="flex items-center justify-start ">
|
||||
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
|
||||
<div
|
||||
class="lqd-imggrp-img-container inline-flex relative items-center justify-start">
|
||||
<figure class=" relative">
|
||||
<img width="450" height="450" src="{{ asset($fourthPage->image) }}"
|
||||
alt="text box image" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
<!-- teachers slider -->
|
||||
<section class="section pt-30">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-black">Team</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container">
|
||||
<div class="swiper mySwiper-team">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($teams as $team)
|
||||
<div class="swiper-slide ">
|
||||
<div class="image">
|
||||
<img src="{{ $team->image }}" alt="">
|
||||
<div class="text bg-sec ">
|
||||
<h3 class="text-14 m-0 text-white text-center">{{ $team->title }}</h3>
|
||||
<p class="text-12 text-white text-center m-0 p-0">{{ $team->designation }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</section>
|
||||
|
||||
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$fifthPage = $page->children[4];
|
||||
@endphp
|
||||
<div class="container section">
|
||||
<section class="section">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-sec">{{ $fifthPage->title }}</h2>
|
||||
</div>
|
||||
</section>
|
||||
<div class="row section">
|
||||
@foreach ($fifthPage->custom as $child)
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-10 ceo-container px-20 py-20">
|
||||
<h3 class="text-brand text-26 md:text-18 font-bold leading-30">{{ $child['icon'] ?? '' }}
|
||||
</h3>
|
||||
<p class="text-black text-14 text-center">{{ $child['key'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
@endif
|
||||
<!-- blog -->
|
||||
<section class="section pb-30">
|
||||
<div class="container">
|
||||
<div class="flex flex-col gap-5 justify-center items-center text-center">
|
||||
<h2 class="text-42 md:text-30 text-sec">Blogs</h2>
|
||||
</div>
|
||||
<div class="row pb-20">
|
||||
@foreach ($blogs as $blog)
|
||||
<div class="col col-sm-6 col-xxl-4">
|
||||
<a href="blog-detail.php" class="flex flex-col gap-20 p-5 blog-post">
|
||||
<div class="w-100percent h-210 overflow-hidden rounded-16 relative">
|
||||
<img class="w-full h-full object-cover rounded-16" src="{{ asset($blog->image) }}"
|
||||
alt="">
|
||||
<span class=" text-sec rounded-30 text-10 py-5 px-10 reading-time">20 min read</span>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-20 text-ter pt-10">{{ $blog->title }}</h2>
|
||||
</div>
|
||||
<div class="flex flex-col gap-20">
|
||||
<p class="text-16 text-black">{{ $blog->short_description }}</p>
|
||||
<p class="text-14">{{ $blog->created_at }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,54 @@
|
||||
@php
|
||||
$achievementGalleries = getGalleriesByCategory(limit: null, order: 'asc', category: 'achievement');
|
||||
$institutions = getInstitutions(limit: null, order: 'asc');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
@isset($institutions)
|
||||
<section class="ps-12 pe-12 xl-ps-10 xl-pe-10 lg-ps-3 lg-pe-3 half-section" id="down-section">
|
||||
<div class="container-fluid">
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 clients-style-06"
|
||||
data-anime='{ "el": "childs", "scale": [0,1], "opacity": [0,1], "duration": 300, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
|
||||
@foreach ($institutions as $institution)
|
||||
<div class="col client-box text-center pt-6 pb-6 sm-pt-8 sm-pb-8">
|
||||
<a href="javascript:void(0)"><img src="{{ $institution->image }}" class="h-80px md-h-60px sm-h-80px"
|
||||
alt="{{ $institution->title }}"></a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
@if ($achievementGalleries->galleries->isNotEmpty())
|
||||
<section id="down-section bg-solitude-blue">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-2">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">{{ setting('title') }}</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px mb-0">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center" data-anime='{ " perspective": 1200 }'>
|
||||
@foreach ($achievementGalleries->galleries as $achievement)
|
||||
<div class="col-lg-6 md-mb-40px"
|
||||
data-anime='{ "translateY": [0, 0], "zoom": [1.1, 1], "rotateX": [50, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<figure class="position-relative m-0">
|
||||
<img src="{{ $achievement->images[0] }}" alt="" class="w-100 border-radius-5px">
|
||||
</figure>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,85 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="career">
|
||||
|
||||
<div class="container-fluid">
|
||||
<section class="section ">
|
||||
<div class="blog-hero">
|
||||
<img src="{{ $page->banner }}" alt="Students studying abroad">
|
||||
<div class="blog-hero-overlay">
|
||||
<span class="blog-category">Study Abroad</span>
|
||||
<h1 class="blog-title text-white">{{ $page->title }}
|
||||
</h1>
|
||||
<div class="blog-meta">
|
||||
<span>{{ $page->created_by }}</span>
|
||||
<span class="blog-meta-divider">|</span>
|
||||
<span>{{ $page->created_at }}</span>
|
||||
<span class="blog-meta-divider">|</span>
|
||||
<span>12 min read</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-md-8">
|
||||
<div class="blog-detail-box">
|
||||
{!! $page->description !!}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="blog-detail-box">
|
||||
<!-- Popular Posts Widget -->
|
||||
<div class="sidebar-widget">
|
||||
<h3 class="widget-title">Popular Posts</h3>
|
||||
<ul class="popular-posts-list">
|
||||
@foreach ($blogs->take(3) as $value)
|
||||
<li>
|
||||
<a href="{{ route('blog.single', $value->slug) }}"
|
||||
class="popular-post-item">
|
||||
<div class="popular-post-image">
|
||||
<img src="{{ asset($value->image) }}" alt="Scholarship post">
|
||||
</div>
|
||||
<div>
|
||||
<div class="popular-post-title">{{ $value->short_description }}
|
||||
</div>
|
||||
<div class="popular-post-date">{{ $value->created_at }}</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidebar-widget cta-widget">
|
||||
<h3 class="cta-title">Need Personalized Guidance?</h3>
|
||||
<p class="cta-text">Our education consultants are here to help you find the perfect
|
||||
university match.</p>
|
||||
<a href="/contact-us" class="cta-button">Book a Free Consultation</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
219
resources/views/client/raffles/pages/blog-template.blade.php
Normal file
219
resources/views/client/raffles/pages/blog-template.blade.php
Normal file
@@ -0,0 +1,219 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<div class=" container py-40 px-30 blog">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">{{ $page->title }}</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
|
||||
<div class="row ">
|
||||
<aside class="col col-md-3">
|
||||
<h2 class="text-20 pt-30 text-center text-sec">Filter and search for your preference</h2>
|
||||
<div class="blog-filter">
|
||||
|
||||
|
||||
<form class=" py-20 justify-center" action="">
|
||||
<div class="flex flex-wrap items-center gap-10 pb-30 sm:block xl:hidden">
|
||||
<input class=" w-70percent px-10 py-5 rounded-10 text-12 " type="text" name=""
|
||||
id="" placeholder="Search or choose from category">
|
||||
<button class="bg-transpa rent border-0 px-10 py-5 bg-blue-50"><i
|
||||
class="lqd-icn-ess icon-ld-search-2 text-14 font-bold pt-10"></i></button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-col gap-30">
|
||||
<div>
|
||||
<h4 class="text-24 text-black">Category</h4>
|
||||
<div class="blog-line"></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec font-medium">Country:</h5>
|
||||
<div class="flex flex-wrap gap-20">
|
||||
|
||||
<div class="flex gap-5 items-center w-40percent">
|
||||
<input type="checkbox" name="" id="uk">
|
||||
|
||||
<label class="text-16 " for="uk">UK</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="usa">
|
||||
|
||||
<label class="text-16 " for="usa">USA</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="denmark">
|
||||
|
||||
<label class="text-16 " for="denmark">Denmark</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="canada">
|
||||
|
||||
<label class="text-16 " for="canada">Canada</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="australia">
|
||||
|
||||
<label class="text-16 " for="australia">Australia</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec py-10 font-medium">Language Test:</h5>
|
||||
<div class="flex flex-wrap gap-20">
|
||||
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="ielts">
|
||||
|
||||
<label class="text-16 " for="ielts">IELTS</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="pte">
|
||||
|
||||
<label class="text-16 " for="pte">PTE</label>
|
||||
</div>
|
||||
<div class="flex w-40percent gap-5 items-center">
|
||||
<input type="checkbox" name="" id="duolingo">
|
||||
|
||||
<label class="text-16 " for="duolingo">Duolingo</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
<h5 class="text-20 text-sec font-medium">Other:</h5>
|
||||
<div class="flex flex-col justify-start gap-20">
|
||||
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="cost">
|
||||
|
||||
<label class="text-16 " for="cost">Cost</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="process">
|
||||
|
||||
<label class="text-16 " for="process">Process</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="ticketing">
|
||||
|
||||
<label class="text-16 " for="ticketing">Ticketing</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="accomodation">
|
||||
|
||||
<label class="text-16 " for="accomodation">Accomodation</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="universities">
|
||||
|
||||
<label class="text-16 " for="universities">Universities</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="fees">
|
||||
|
||||
<label class="text-16 " for="fees">Fees</label>
|
||||
</div>
|
||||
<div class="flex gap-5 items-center">
|
||||
<input class="text-start" type="checkbox" name="" id="scholarships">
|
||||
|
||||
<label class="text-16 " for="scholarships">Scholarships</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<button
|
||||
class="button-hover px-20 py-10 bg-sec text-white rounded-30 text-14 border-0">Submit</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
<div class="col col-md-9">
|
||||
<div class="flex gap-10 items-center pt-30 px-20 scroll-section" id="pinned-posts">
|
||||
<i class="fa-solid fa-map-pin text-sec text-18"></i>
|
||||
<h2 class="text-sec text-20 m-0">Pinned Posts</h2>
|
||||
|
||||
</div>
|
||||
<div class="line-through pl-20 pt-10"></div>
|
||||
<div class="row pb-10">
|
||||
@foreach ($blogs as $blog)
|
||||
<div class="col col-sm-6 col-xxl-4">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="flex flex-col gap-20 p-5 blog-post">
|
||||
<div class="w-100percent h-210 overflow-hidden rounded-16 relative">
|
||||
<img class="w-full h-full object-cover rounded-16" src="{{ asset($blog->image) }}"
|
||||
alt="">
|
||||
<span
|
||||
class=" text-sec rounded-30 text-10 py-5 px-10 reading-time">{{ $blog->created_at }}</span>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<h2 class="text-20 text-ter pt-10">{{ $blog->title }}</h2>
|
||||
</div>
|
||||
<div class="flex flex-col gap-20">
|
||||
<p class="text-16 text-black">{{ $blog->short_description }}</p>
|
||||
<p class="text-14">{{ $blog->created_at }}</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center gap-10">
|
||||
<div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">1</p>
|
||||
</div>
|
||||
{{-- <div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">2</p>
|
||||
</div>
|
||||
<div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">3</p>
|
||||
</div>
|
||||
<div class="blog-pagination cursor-pointer">
|
||||
<p class="py-5 bg-sec px-20 text-20 rounded-10 text-white">Next</p>
|
||||
</div> --}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,72 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<section class="career">
|
||||
<div class="study-destinations-banner">
|
||||
<img src="{{ $page->banner }}" alt="">
|
||||
</div>
|
||||
|
||||
<section class="lqd-section pt-40 pb-30">
|
||||
<div class="container">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Our Details</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-mobile-screen-button text-sec text-50"></i>
|
||||
<h4 class="text-24 text-sec">Call Us</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('mobile') }}</a>
|
||||
<a class="text-16 text-grey" href="tel:+977-1234567890">{{ setting('phone') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-envelope text-brand text-50"></i>
|
||||
<h4 class="text-24 text-sec">Drop Us a Line</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<a class="text-16 text-grey" href="mailto:info@raffles.com">{{ setting('email') }}</a>
|
||||
<a class="text-16 text-sec" href="https://www.raffleseducare.com/"
|
||||
target="blank">raffleseducare.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-4">
|
||||
<div class="flex flex-col gap-30 justify-center items-center contact-box">
|
||||
<i class="fa-solid fa-location-dot text-50"></i>
|
||||
<h4 class="text-24 text-sec">Visit Us</h4>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-grey font-medium">{{ setting('location') }}</h4>
|
||||
<h4 class="text-16 text-grey font-medium">Way to putalisadak</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="lqd-section pt-40 pb-40">
|
||||
<div class="container">
|
||||
<h3 class="text-black text-36 md:text-24 text-center pb-10">Fill In The Form</h3>
|
||||
<div class="contact-form">
|
||||
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
|
||||
@csrf
|
||||
<div class="flex gap-10">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
|
||||
id="name" placeholder=" Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
|
||||
id="email" placeholder="Email">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="subject"
|
||||
id="subject" placeholder="Subject">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="message" placeholder="Message"></textarea>
|
||||
<button type="submit" id="submit-btn"
|
||||
class="button-hover px-20 py-10 bg-sec text-white text-16 border-0">Send
|
||||
Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,320 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<div class="container section course-finder">
|
||||
<div class="w-80percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Course-Finder</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
|
||||
<p class="md:text-14 text-20 text-center leading-10">With so many courses and universities to choose from,
|
||||
deciding where and what to study abroad can be a daunting task. Don't worry, we are here to guide you during
|
||||
the entire process.</p>
|
||||
</div>
|
||||
<form id="filterForm" method="GET">
|
||||
<div class="row">
|
||||
<div class=" col col-md-9 ">
|
||||
<div class=" course-finder-top">
|
||||
<h2 class="text-black text-center text-24 py-10">Browse Subjects</h2>
|
||||
<input class="w-full px-10 py-10" type="text" name="" id=""
|
||||
value="{{ request('search') }}" placeholder="Search Your Favourite Subjects" autocomplete="off">
|
||||
<button type="submit" class="bg-transparent border-0"><i
|
||||
class="lqd-icn-ess icon-ld-search-2 text-24 font-bold"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="py-20 ">
|
||||
<div class="row">
|
||||
<div class="col col-md-9">
|
||||
<div class="course-finder-form">
|
||||
<h2 class="text-22 text-center text-sec font-bold">Browse Through Category</h2>
|
||||
<div class="row">
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class="w-full py-10 px-5 text-14" name="country_id"
|
||||
value="{{ request('country_id') }}">
|
||||
<option value="" selected hidden>Choose Country</option>
|
||||
@foreach ($countryOptions as $key => $value)
|
||||
<option value="{{ $key }}" @selected(request('country_id') == $key)>
|
||||
{{ $value }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="" id="institutionDropdown"
|
||||
name="institution_id">
|
||||
<option value="" selected>Choose Institution</option>
|
||||
@foreach ($institutionOptions as $key => $Institution)
|
||||
<option value="{{ $key }}" @selected(request('institution_id') == $key)>
|
||||
{{ $Institution }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="programlevel_id"
|
||||
value="{{ request('institution_id') }}">
|
||||
<option value="" selected hidden>Choose Level</option>
|
||||
@foreach ($programLevelOptions as $key => $Level)
|
||||
<option value="{{ $key }}" @selected(request('programlevel_id') == $key)>
|
||||
{{ $Level }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="intake_id"
|
||||
value="{{ request('intake_id') }}">
|
||||
<option value="" selected hidden>Choose Intake</option>
|
||||
@foreach ($intakeOptions as $key => $Intake)
|
||||
<option value="{{ $key }}" @selected(request('intake_id') == $key)>
|
||||
{{ $Intake }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<select class=" w-full py-10 px-5 text-14" name="test_id"
|
||||
value="{{ request('test_id') }}">
|
||||
<option value="" selected hidden>Choose Class</option>
|
||||
@foreach ($testOptions as $key => $Test)
|
||||
<option value="{{ $key }}" @selected(request('test_id') == $key)>
|
||||
{{ $Test }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-6 col-md-4">
|
||||
<div class="flex gap-10 items-center flex-wrp">
|
||||
<input class="text-14 px-5 py-10 w-50percent" type="text" name="min_score"
|
||||
placeholder="Min score" value="{{ request('min_score') }}">
|
||||
<input class="text-14 px-5 py-10 w-50percent" type="text" placeholder="Max Score"
|
||||
value="{{ request('max_score') }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-sm-12">
|
||||
<div class="flex gap-20 justify-center items-center">
|
||||
<button type="submit"
|
||||
class="text-14 px-20 py-10 rounded-10 bg-sec text-white border-0">Submit</button>
|
||||
<a href="javascript:void(0)" onclick="resetForm()"><button
|
||||
class="text-14 px-20 py-10 rounded-10 bg-brand text-white border-0">Reset</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<div class="py-20">
|
||||
{{-- <div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span></h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span>
|
||||
Bachelor</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span>
|
||||
</h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span> Bachelor
|
||||
</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course-finder-box">
|
||||
<div class="row">
|
||||
<div class="col col-md-2">
|
||||
<div class="sm:w-50percent w-full h-70">
|
||||
<img class="w-full h-full" src="assets/images/general/university.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-7">
|
||||
<div class="flex flex-col gap-5">
|
||||
<h3 class="text-20 font-medium">(STEM) Bachelor of Architecture (BArch)</h3>
|
||||
<h5 class="text-16 font-lighter">Marywood University <span class="text-brand">(USA)</span>
|
||||
</h5>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Code:</span>
|
||||
BArch</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Fee:</span>
|
||||
$41,3700 per year</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Schlorship:</span> Upto
|
||||
$23,000</h6>
|
||||
</div>
|
||||
<div class="flex gap-10 items-center">
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Level:</span> Bachelor
|
||||
</h6>
|
||||
<h6 class="text-grey font-medium text-14"><span class="font-bold">Duration:</span> N/A
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class="flex flex-col gap-10 ">
|
||||
<h6 class="text-black text-16 font-medium"><span class="font-bold">IELTS:</span>
|
||||
5.5(5.5)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">PTE:</span>
|
||||
48(48)</h6>
|
||||
<h6 class="text-gray text-16 font-medium"><span class="font-bold">Duolingo:</span>
|
||||
90 Overall</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="flex items-center gap-10">
|
||||
<h6 class="text-16">Intake:</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
<h6 class="bg-sec text-14 text-white px-5 py-5 rounded-10 font-bold">January
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<div class="text-center">
|
||||
<p class="text-danger">No Course Found !!!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3">
|
||||
<div class=" sticky top-60 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all pt-30 pb-30 px-20 sm:mr-0 rounded-10">
|
||||
|
||||
<div class="d-flex justify-center pb-10">
|
||||
<h2 class="ld-fh-element mb-0/2em inline-block relative leading-45 -mt-0/2em text-sec text-20">
|
||||
Get Your Free Counselling!
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<form action="">
|
||||
<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">
|
||||
<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=""
|
||||
id="" placeholder="Message"></textarea>
|
||||
<button class="px-20 py-10 bg-sec text-white rounded-30 text-14 border-0 button-hover">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- next row for b -->
|
||||
<!-- form starts -->
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,108 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<!-- Intro Section-->
|
||||
<section class="p-0 ipad-top-space-margin page-title-big-typography cover-background md-background-position-left-center"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/demo-elder-care-title-bg.jpg') }}')">
|
||||
<div class="container">
|
||||
<div class="down-section text-center"
|
||||
data-anime="{ "translateY": [-50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<a href="#down-section" class="section-link">
|
||||
<div class="text-dark-gray">
|
||||
<i class="feather icon-feather-chevron-down icon-very-medium"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="down-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px">
|
||||
<div class="feature-box feature-box-left-icon-middle">
|
||||
<div
|
||||
class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-base-color rounded-box">
|
||||
<i class="bi bi-telephone-outbound icon-extra-medium text-white"></i>
|
||||
</div>
|
||||
<div class="feature-box-content last-paragraph-no-margin">
|
||||
<span class="mb-5px d-block text-white opacity-6 fw-300">Connect with us?</span>
|
||||
<a href="tel:{{ setting('mobile') }}"
|
||||
class="text-white fs-20 fw-500 lh-22">{{ setting('mobile') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-very-light-gray border-radius-6px p-40px lg-p-25px md-p-35px">
|
||||
<span class="fs-22 alt-font text-dark-gray fw-600 mb-25px d-inline-block">Contact Us?</span>
|
||||
<div class="contact-form-style-01 mt-0">
|
||||
|
||||
<form action="email-templates/contact-form.php" method="post">
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i class="bi bi-emoji-smile"></i></span>
|
||||
<input type="text" name="name"
|
||||
class="form-control border-white box-shadow-large required"
|
||||
placeholder="Your name*" />
|
||||
</div>
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i class="bi bi-envelope"></i></span>
|
||||
<input type="email" name="email"
|
||||
class="form-control border-white box-shadow-large required"
|
||||
placeholder="Your email address*" />
|
||||
</div>
|
||||
<div class="position-relative form-group form-textarea">
|
||||
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
|
||||
<textarea placeholder="Your message" name="comment" class="form-control border-white box-shadow-large" rows="3"></textarea>
|
||||
<input type="hidden" name="redirect" value>
|
||||
<button
|
||||
class="btn btn-large btn-round-edge btn-base-color btn-box-shadow mt-20px submit w-100"
|
||||
type="submit">Send message</button>
|
||||
<div class="mt-20px form-results d-none"></div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block">
|
||||
{{ $page->short_description }}</h4>
|
||||
{!! $page->description !!}
|
||||
<img src="{{ $page->image }}" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt>
|
||||
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px">
|
||||
@isset($page->custom)
|
||||
@foreach ($page->custom as $item)
|
||||
<div class="col">
|
||||
<span
|
||||
class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">{{ $item['key'] }}</span>
|
||||
<p class="w-90 sm-w-100">{{ $item['value'] }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
@endisset
|
||||
</div>
|
||||
<div class="cover-background p-7 border-radius-6px mb-60px md-mb-40px d-flex justify-content-end align-items-end sm-h-500px"
|
||||
style="background-image: url('{{ $page->sidebar_image }}')">
|
||||
<div
|
||||
class="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden">
|
||||
<div class="p-40px lg-p-25px last-paragraph-no-margin">
|
||||
<span
|
||||
class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">{{ $page->sidebar_title }}</span>
|
||||
<p class="w-95 lg-w-100">{{ $page->sidebar_content }}</p>
|
||||
</div>
|
||||
<div class="bg-dark-gray p-15px text-center">
|
||||
<a href="{{ url('/contact') }}" class="text-white fw-600"><i
|
||||
class="feather icon-feather-mail me-10px"></i>Connect with Our Team</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
106
resources/views/client/raffles/pages/get-in-touch.blade.php
Normal file
106
resources/views/client/raffles/pages/get-in-touch.blade.php
Normal file
@@ -0,0 +1,106 @@
|
||||
<div id="get-in-touch-page" class="popup-container">
|
||||
|
||||
|
||||
<span id="close-btn" class="close-btn"><i class="fa-solid fa-xmark text-18 text-black"></i></span>
|
||||
|
||||
<div class="popup-container-inside ">
|
||||
<div class="row">
|
||||
<div class=" col-md-9 ">
|
||||
<div class="inside1">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=" col-md-3 ">
|
||||
<div class="inside2">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="inside-content">
|
||||
<div class="row">
|
||||
<div class=" col-md-7 " data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div
|
||||
class="w-full p-30 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all mr-50 sm:mr-0">
|
||||
|
||||
<div class=" pt-10">
|
||||
<h4 class="text-ter text-46">
|
||||
Get in <span class="text-brand">touch</span>
|
||||
</h4>
|
||||
<h5 class="font-medium text-20">Book your <span class="font-bold">FREE
|
||||
consultation </span>with Certified Counsellors</h5>
|
||||
</div>
|
||||
|
||||
<form action="">
|
||||
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="" id="" placeholder=" Name">
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="" id="" placeholder=" Address">
|
||||
|
||||
<div class="flex justify-between items-center ">
|
||||
|
||||
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email" name=""
|
||||
id="" placeholder="Your Email">
|
||||
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
|
||||
inputmode="numeric" name="" id="" placeholder="Contact">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||||
placeholder="Language Test Score (ilets overall: 7.0 )">
|
||||
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||||
placeholder="Recent Education Qualification">
|
||||
<input class="mb-20" type="checkbox">
|
||||
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
|
||||
<button
|
||||
class=" w-full py-10 bg-sec 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>
|
||||
<div class="flex gap-40 py-30">
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-phone-volume text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">Phone</h4>
|
||||
<a class="text-16 text-brand" href="tel+977-1234567890">+977-1234567890</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-30 items-center">
|
||||
<i class="fa-solid fa-envelope text-black text-24"></i>
|
||||
<div class="flex flex-col gap-5">
|
||||
<h4 class="text-16 text-black">E-MAIL</h4>
|
||||
<a class="text-16 text-brand"
|
||||
href="mailto:info@raffles.com">info@raffles.com</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=" col-md-5 map" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.375435225042!2d85.32120487546732!3d27.70569227618345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1743144326514!5m2!1sen!2snp"
|
||||
width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
10
resources/views/client/raffles/pages/home-template.blade.php
Normal file
10
resources/views/client/raffles/pages/home-template.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.parts.banner')
|
||||
@include('client.raffles.parts.testimonial')
|
||||
@include('client.raffles.parts.universities')
|
||||
@include('client.raffles.parts.process')
|
||||
@include('client.raffles.parts.courses')
|
||||
@include('client.raffles.parts.contact')
|
||||
@include('client.raffles.parts.achievements')
|
||||
@endsection
|
||||
1601
resources/views/client/raffles/pages/interview-template.blade.php
Normal file
1601
resources/views/client/raffles/pages/interview-template.blade.php
Normal file
File diff suppressed because it is too large
Load Diff
154
resources/views/client/raffles/pages/message-template.blade.php
Normal file
154
resources/views/client/raffles/pages/message-template.blade.php
Normal file
@@ -0,0 +1,154 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<section
|
||||
class="bg-gradient-tranquil-white pt-0 align-items-center position-relative z-index-1 background-position-left-top background-no-repeat overflow-hidden"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/demo-elearning-02.png') }}')">
|
||||
<div class="container-fluid">
|
||||
<div class="row position-relative mt-40px xs-mt-20px pt-5 pb-5">
|
||||
<div class="col swiper swiper-width-auto feather-shadow text-center"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":80, "centeredSlides": true, "speed": 30000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper marquee-slide">
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Raffles Educare
|
||||
Associates</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Guiding Your Future,
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-190 ls-minus-10px pt-10px pb-10px alt-font fw-600 opacity-1">Empowering Your
|
||||
Success.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-12 position-absolute top-0 h-100 d-flex justify-content-center align-items-center left-0px z-index-1 text-center">
|
||||
<h4 class="alt-font text-dark-gray fs-45 fw-600 ls-minus-2px xs-ls-minus-1px mb-0 mt-40px xs-mt-15px">
|
||||
Raffles Educare Associates</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pb-40px pt-0 md-pb-20px">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-7"
|
||||
data-anime="{ "effect": "slide", "color": "#d39121", "direction":"lr", "easing": "easeOutQuad", "delay":50}"
|
||||
data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
||||
<img src="{{ $page->image }}" class="border-radius-6px" alt="{{ setting('president') }}" />
|
||||
</div>
|
||||
<div class="col-lg-5 align-self-end position-relative bottom-minus-50px md-bottom-minus-25px"
|
||||
data-anime="{ "effect": "slide", "color": "#383632", "direction":"lr", "easing": "easeOutQuad", "delay":150}"
|
||||
data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
|
||||
<div
|
||||
class="bg-very-light-gray h-100 p-15 lg-p-17 outside-box-left-5 border-radius-6px md-outside-box-left-0 md-p-10">
|
||||
<h3 class="alt-font text-base-color text-uppercase mb-5px">{{ setting('president') }}</h2>
|
||||
<span
|
||||
class="fs-15 text-uppercase text-dark-gray d-block fw-600 mb-30px ls-minus-05px lh-20">Founder/
|
||||
CEO</span>
|
||||
<div class="h-2px bg-base-color mb-25px"></div>
|
||||
<p>{!! $page->description !!}</p>
|
||||
{{-- <img src="" alt> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="sm-pt-0">
|
||||
<div class="container">
|
||||
{{-- <div class="row justify-content-center">
|
||||
<div class="col-lg-11" data-bottom-top="transform:translateX(50px)"
|
||||
data-top-bottom="transform:translateX(-50px)">
|
||||
<div class="row g-0 blockquote-style-04">
|
||||
<div class="col-md-4 blockquote-img position-relative z-index-1">
|
||||
<img src="images/raffles/md.jpg" class="d-none d-md-block" alt>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div
|
||||
class="blockquote-content bg-base-color position-relative overflow-hidden h-100 d-flex align-items-center">
|
||||
<img src="images/blockquote-right-icon.svg"
|
||||
class="position-absolute right-0px bottom-0px h-350px md-h-180px lg-h-250px xl-h-300px"
|
||||
alt>
|
||||
<blockquote class="position-relative z-index-1 mb-0 last-paragraph-no-margin">
|
||||
<p class="fs-24 md-fs-20 fw-300 text-white ls-minus-05px w-75 sm-w-80">Lorem ipsum amet
|
||||
consectetur pellentesque blandit ultrices purus suspendisse iaculis ultricies
|
||||
sagittis. Proin vulputate eleifend cras lacinia iaculis feugiat egestas neque
|
||||
sodales</span></p>
|
||||
<div class="fs-20 lh-28 md-fs-18 fw-500 text-white mt-25px">Dinesh Dhakal<span
|
||||
class="d-block fs-16 opacity-6 fw-400">Founder/ CEO</span></div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="row justify-content-center align-items-center mt-5 xs-mt-10"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-12 text-center last-paragraph-no-margin">
|
||||
<div
|
||||
class="d-inline-block align-middle bg-red fw-500 text-white border-radius-30px ps-20px pe-20px fs-14 me-10px sm-m-10px">
|
||||
{{ setting('title') }}</div>
|
||||
<div class="d-inline-block align-middle text-dark-gray fs-18 fw-500">Nepal's Best Study Abroad <span
|
||||
class="text-decoration-line-bottom-medium fw-600">Education Consultant</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="background-position-center-top position-relative overflow-hidden sm-background-image-none"
|
||||
style="background-image: url('{{asset('raffles/assets/images/vertical-line-bg.svg')}}')">
|
||||
<div class="skrollr-parallax mx-auto" data-bottom-top="width: 70%" data-center-top="width: 100%;"
|
||||
data-parallax-background-ratio="0.5" style="background-image: url('{{ $page->getRawOriginal('images') ? $page->images[0] : '' }}')">
|
||||
<div class="opacity-extra-medium bg-dark-gray"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center one-third-screen">
|
||||
<div
|
||||
class="col-xl-6 col-lg-8 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
|
||||
<a href="{{ $page->link }}"
|
||||
aria-label="popup-video"
|
||||
class="position-relative d-inline-block text-center bg-gradient-emerald-blue-emerald-green rounded-circle video-icon-box video-icon-large popup-youtube mb-9 md-mb-6">
|
||||
<span>
|
||||
<span class="video-icon">
|
||||
<i class="fa-solid fa-play text-white"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-gradient-emerald-blue-emerald-green opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="row justify-content-center xs-mt-12"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-xl-9 col-lg-10">
|
||||
<div
|
||||
class="row align-items-center justify-content-center border border-color-extra-medium-gray border-radius-100px sm-border-radius-6px sm-mx-0">
|
||||
<div
|
||||
class="col-md-6 p-20px border-end border-color-transparent-dark-very-light text-center ls-minus-05px align-items-center d-flex justify-content-center sm-border-end-0 sm-pb-0 sm-mb-10px">
|
||||
<i class="bi bi-emoji-smile text-dark-gray icon-extra-medium me-10px"></i>
|
||||
<span class="text-dark-gray fs-18 text-start fw-500 xs-lh-28">Join the <span
|
||||
class="fw-800">10000+</span> people trusting us.</span>
|
||||
</div>
|
||||
<div
|
||||
class="col-md-6 p-20px sm-pt-0 text-center ls-minus-05px align-items-center d-flex justify-content-center">
|
||||
<i class="bi bi-star text-dark-gray icon-extra-medium me-10px"></i>
|
||||
<span class="text-dark-gray fs-18 text-start fw-500">4.9 out of 5 - <span class="fw-800">8549</span>
|
||||
Total reviews.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,75 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[0];
|
||||
$words = explode(' ', $firstPage->title);
|
||||
$last_word = array_pop($words);
|
||||
$new_title = implode(' ', $words);
|
||||
@endphp
|
||||
|
||||
<section class="background-repeat"
|
||||
style="background-image:url('{{ asset('raffles/assets/images/home-bg-1.jpg') }}');">
|
||||
<div class="container">
|
||||
<div class="row align-items-center mb-10 md-mb-17 xs-mb-25">
|
||||
<div class="col-xl-5 col-lg-6 md-mb-70px sm-mb-45px">
|
||||
<span class="fs-15 mb-15px text-base-color fw-500 d-block text-uppercase ls-2px"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
Raffles EduCare
|
||||
</span>
|
||||
<h3 class="alt-font ls-minus-1px text-dark-gray w-80 xl-w-90 md-w-100"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "delay": 0, "duration": 600, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
{{ $firstPage->short_description }}</h3>
|
||||
<p class="w-80 md-w-100 mb-40px"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "delay": 200, "duration": 600, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
{!! $firstPage->description !!}.
|
||||
|
||||
</p>
|
||||
<div class="d-inline-block w-100"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "delay":300, "duration": 600, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<a href="{{ $firstPage->button_url }}"
|
||||
class="btn btn-small btn-double-border btn-border-base-color me-25px xs-me-15px">
|
||||
<span>
|
||||
<span class="btn-double-text"
|
||||
data-text="Explore more">{{ $firstPage->button_text }}</span>
|
||||
<span><i class="fa-solid fa-arrow-right"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="fw-500 d-inline-block align-middle text-dark-gray fs-18 xs-mt-20px xs-mb-20px"><i
|
||||
class="bi bi-telephone-outbound icon-small me-10px"></i><a
|
||||
href="tel:{{ setting('mobile') }}">{{ setting('mobile') }}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-5 position-relative offset-lg-1 offset-md-2">
|
||||
<span
|
||||
class="position-absolute fs-75 left-20px top-80px text-dark-gray fw-600 z-index-1 ls-minus-4px lg-top-40px"
|
||||
data-anime="{ "opacity": [0,1], "duration": 600, "delay": 1000, "staggervalue": 100, "easing": "easeOutQuad" }"><span
|
||||
class="fs-15 d-table lh-16 text-uppercase text-medium-gray fw-500 ls-1px">{{ $new_title }}</span>{{ $last_word }}</span>
|
||||
<div class="w-80 overflow-hidden position-relative md-w-90 border-radius-6px float-end"
|
||||
data-anime="{ "effect": "slide", "color": "#F4866E", "direction":"rl", "easing": "easeOutQuad", "duration": 600, "delay":500}">
|
||||
<img class="w-100" src="{{ $firstPage->image }}" alt>
|
||||
</div>
|
||||
|
||||
<div class="position-absolute left-minus-70px bottom-minus-30px w-60 overflow-hidden md-left-minus-100px sm-left-15px"
|
||||
data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)"
|
||||
data-anime="{ "effect": "slide", "color": "#36332e", "direction":"lr", "easing": "easeOutQuad", "duration": 600, "delay":500}">
|
||||
<img class="w-100 border-radius-6px" src="{{ asset(setting('other_image')) }}" alt>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@isset ($firstPage->custom)
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 text-center text-sm-start"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "delay":300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
@foreach ($firstPage->custom as $item)
|
||||
<div class="col last-paragraph-no-margin sm-mb-30px">
|
||||
<h2 class="fw-600 ls-minus-3px text-dark-gray m-0">{{ $item['key'] ?? '' }}<sup><i
|
||||
class="bi bi-arrow-up-short icon-medium text-base-color animation-float"></i></sup>
|
||||
</h2>
|
||||
<p class="text-dark-gray lh-28">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endisset
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,15 @@
|
||||
@if ($achievementGalleries->galleries->isNotEmpty())
|
||||
<div class="half-section row justify-content-center align-items-center"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="col-xl-3 col-lg-4 md-mb-40px text-center text-lg-start">
|
||||
<h4 class="alt-font text-dark-gray mb-0 fw-500">Powerful <span
|
||||
class="fw-700 font-style-italic text-decoration-line-bottom-medium">achievement</span></h4>
|
||||
</div>
|
||||
|
||||
@foreach ($achievementGalleries->galleries as $item)
|
||||
<div class="col-6 col-lg-2 col-md-3 col-sm-6 sm-mb-30px text-center">
|
||||
<img src="{{ $item->images[0] ?? '' }}" alt="{{ $item->title }}">
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
40
resources/views/client/raffles/pages/partials/blog.blade.php
Normal file
40
resources/views/client/raffles/pages/partials/blog.blade.php
Normal file
@@ -0,0 +1,40 @@
|
||||
@isset($blogs)
|
||||
<section class="pb-3 bg-gradient-very-light-gray lg-pb-40px md-pb-20px">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-25px">
|
||||
<div class="col-lg-5 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Insights & Inspiration</span>
|
||||
<h4 class="alt-font text-dark-gray fw-700 mb-20px">Explore Our Blog!</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<ul class="blog-classic blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<li class="grid-sizer"></li>
|
||||
|
||||
@foreach ($blogs as $blog)
|
||||
<li class="grid-item">
|
||||
<div class="card bg-transparent border-0 h-100">
|
||||
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}">
|
||||
<img src="{{ $blog->image }}" alt="{{ $blog->title }}" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
|
||||
<span class="fs-13 text-uppercase d-block mb-5px fw-500">
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="text-dark-gray fw-700 categories-text">{{ $blog->category?->title }}</a>
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="blog-date">{{ getFormatted(date:$blog->date) }}</a>
|
||||
</span>
|
||||
<a href="{{ route('blog.single', $blog->slug) }}" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">{{ $blog->title }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,22 @@
|
||||
<section class="page-title-big-typography bg-dark-gray ipad-top-space-margin" data-parallax-background-ratio="0.5"
|
||||
style="background-image: url({{ $page->getRawOriginal('banner') ? $page->banner : asset(setting('banner')) }})">
|
||||
<div class="opacity-extra-medium bg-dark-slate-blue"></div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center extra-small-screen">
|
||||
<div class="col-12 position-relative text-center page-title-extra-large">
|
||||
<h1 class="m-auto text-white text-shadow-double-large fw-500 ls-minus-3px xs-ls-minus-2px"
|
||||
data-anime='{ "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
{{ $page->title }}</h1>
|
||||
</div>
|
||||
<div class="down-section text-center"
|
||||
data-anime='{ "translateY": [-15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<a href="#down-section" aria-label="scroll down" class="section-link">
|
||||
<div
|
||||
class="d-flex justify-content-center align-items-center mx-auto rounded-circle fs-30 text-white">
|
||||
<i class="feather icon-feather-chevron-down"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,59 @@
|
||||
@if ($page->children->count() > 2)
|
||||
@php
|
||||
$thirdPage = $page->children[2];
|
||||
@endphp
|
||||
<section class="overflow-hidden bg-gradient-very-light-gray">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-xl-4 col-lg-5 md-mb-50px sm-mb-35px">
|
||||
<span class="fs-20 d-inline-block mb-15px text-base-color">Preparation classes with Raffles</span>
|
||||
<h3 class="alt-font fw-500 text-dark-gray ls-minus-1px w-90 xl-w-100 shadow-none"
|
||||
data-shadow-animation="true" data-animation-delay="700">{{ $thirdPage->short_description }}<span
|
||||
class="bg-base-color h-10px bottom-1px opacity-3 separator-animation"></span></h3>
|
||||
<p class="mb-30px w-90 md-w-100">
|
||||
{!! $thirdPage->description !!}
|
||||
</p>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-white box-shadow-large">
|
||||
<i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
<div
|
||||
class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-white box-shadow-large">
|
||||
<i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-8 col-lg-7">
|
||||
<div class="outside-box-right-20 sm-outside-box-right-0"
|
||||
data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper magic-cursor slider-one-slide"
|
||||
data-slider-options="{ "slidesPerView": 3, "spaceBetween": 30, "loop": true, "pagination": { "el": ".slider-three-slide-pagination", "clickable": true, "dynamicBullets": true }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 3 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
@foreach ($classes as $class)
|
||||
<div class="swiper-slide">
|
||||
<div class="col interactive-banner-style-05">
|
||||
<figure
|
||||
class="m-0 hover-box overflow-hidden position-relative border-radius-6px">
|
||||
<a href="{{ route('service.single', ['alias' => 'test-preparation']) }}">
|
||||
<img src="{{ $class->image }}" class="w-100 border-radius-6px"
|
||||
alt="{{ $class->title }}" />
|
||||
<div
|
||||
class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent">
|
||||
</div>
|
||||
</a>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,21 @@
|
||||
@isset ($counters)
|
||||
<section class="border-bottom border-color-extra-medium-gray pt-40px pb-40px overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center align-items-center"
|
||||
data-anime="{ "el": "childs", "translateX": [-15, 0], "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
@foreach ($counters as $counter)
|
||||
<div class="col icon-with-text-style-08 md-mb-30px text-center text-sm-start">
|
||||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||||
<div class="feature-box-icon me-10px">
|
||||
<i class="{{ $counter->icon }} icon-very-medium text-base-color"></i>
|
||||
</div>
|
||||
<div class="feature-box-content">
|
||||
<span class="alt-font fw-500 text-dark-gray d-block lh-26">{{ $counter->title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,49 @@
|
||||
@isset($destinations)
|
||||
<section class="bg-solitude-blue">
|
||||
<div class="container">
|
||||
<div class="row pb-5 align-items-center justify-content-center">
|
||||
<div class="col-12 col-lg-7 text-center position-relative page-title-double-large">
|
||||
<div class="d-flex flex-column justify-content-center extra-very-small-screen">
|
||||
<h3 class="text-dark-gray alt-font ls-minus-1px fw-700 mb-20px">Explore Your Global Horizons: Study
|
||||
in Top Destinations</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php
|
||||
$transformArray = [80, 40, 80];
|
||||
$flipperDirectionArray = ['to-left', 'to-top', 'to-right', 'to-left', 'to-bottom', 'to-bottom'];
|
||||
@endphp
|
||||
|
||||
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center">
|
||||
@foreach ($destinations as $index => $destination)
|
||||
@php
|
||||
$transformIndex = $index % count($transformArray);
|
||||
$directionIndex = $index % count($flipperDirectionArray);
|
||||
@endphp
|
||||
<div class="col text-center rotate-box-style-01 lg-mb-45px"
|
||||
data-bottom-top="transform: translateY({{ $transformArray[$transformIndex] }}px)"
|
||||
data-top-bottom="transform: translateY(-{{ $transformArray[$transformIndex] }}px)">
|
||||
<div class="rm-rotate-box text-center">
|
||||
<div class="flipper {{ $flipperDirectionArray[$directionIndex] }}">
|
||||
<div class="thumb-wrap">
|
||||
<div class="front overflow-hidden h-250px md-h-250px border-radius-4px overflow-hidden"
|
||||
style="background-image:url('{{ $destination->image }}')">
|
||||
</div>
|
||||
<div class="back border-radius-4px overflow-hidden">
|
||||
<div class="box-overlay bg-dark-gray"></div>
|
||||
<div class="content-wrap last-paragraph-no-margin">
|
||||
<p class="text-white p-4 opacity-7 lh-30 sm-w-70 xs-w-100 mx-auto">
|
||||
{{ str()->limit($destination->short_description, 250) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="fs-20 d-inline-block mt-30px fw-600 text-dark-gray">
|
||||
<a href="{{ route('country.single', $destination->slug)}}" class="destination">Study in {{ $destination->title }}</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
47
resources/views/client/raffles/pages/partials/faq.blade.php
Normal file
47
resources/views/client/raffles/pages/partials/faq.blade.php
Normal file
@@ -0,0 +1,47 @@
|
||||
<section class="position-relative pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-5 col-lg-6 md-mb-20px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
<span class="text-base-color fw-600 mb-15px text-uppercase d-block"># Frequently asked questions</span>
|
||||
<h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-35px md-w-80 sm-w-100">Got Questions? We’ve Got
|
||||
Answers!</h2>
|
||||
<div class="fw-500 w-100 position-relative left-minus-20px d-flex align-items-center">
|
||||
<span>Expert support available 24/7.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-5 col-lg-6 offset-xxl-2 pe-20px md-pe-15px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||||
<div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="fa-angle-up"
|
||||
data-inactive-icon="fa-angle-down">
|
||||
|
||||
@foreach ($faqs as $faq)
|
||||
<div class="accordion-item @if ($loop->first)
|
||||
active-accordion
|
||||
@endif">
|
||||
<div class="accordion-header border-bottom border-color-extra-medium-gray">
|
||||
<a href="javascript:void(0);" data-bs-toggle="collapse"
|
||||
data-bs-target="#accordion-style-02-01" aria-expanded="true"
|
||||
data-bs-parent="#accordion-style-02">
|
||||
<div class="accordion-title mb-0 position-relative text-dark-gray">
|
||||
<i class="fa-solid fa-angle-up icon-small"></i><span class="fw-700 fs-19">{{ $faq->title }}</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div id="accordion-style-02-01" class="accordion-collapse collapse @if ($loop->first)
|
||||
show
|
||||
@endif"
|
||||
data-bs-parent="#accordion-style-02">
|
||||
<div
|
||||
class="accordion-body last-paragraph-no-margin border-bottom border-color-extra-medium-gray">
|
||||
<p>{{ $faq->description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,84 @@
|
||||
@if ($page->children->count() > 1)
|
||||
@php
|
||||
$secondPage = $page->children[1];
|
||||
@endphp
|
||||
<section class="bg-solitude-blue pb-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-4">
|
||||
<div class="col-xl-7 col-lg-9 col-md-10 text-center">
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px"
|
||||
data-anime='{"translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad"}'>
|
||||
{{ $secondPage->short_description }}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center"
|
||||
data-anime='{"el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 150, "staggervalue": 300, "easing": "easeOutQuad"}'>
|
||||
|
||||
<!-- Left-side nav items -->
|
||||
<div class="col-xl-3 col-lg-4 col-md-12 tab-style-05 md-mb-30px sm-mb-20px">
|
||||
<ul class="nav nav-tabs justify-content-center border-0 text-left fw-500 fs-18 alt-font">
|
||||
@foreach ($services as $service)
|
||||
<li class="nav-item">
|
||||
<a href="{{ route('service.single', $service->slug) }}"
|
||||
class="nav-link d-flex align-items-center active">
|
||||
<i
|
||||
class="bi bi-check-circle icon-extra-medium text-dark-gray"></i><span>{{ $service->title }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Center image -->
|
||||
<div class="col-xl-6 col-lg-4 col-md-12 text-center">
|
||||
<img src="{{ $secondPage->image }}" alt="{{ $secondPage->title }}"
|
||||
class="border-radius-6px w-100" />
|
||||
</div>
|
||||
|
||||
<!-- Right-side nav items -->
|
||||
<div class="col-xl-3 col-lg-4 col-md-12 tab-style-05 md-mb-30px sm-mb-20px">
|
||||
<ul class="nav nav-tabs justify-content-center border-0 text-left fw-500 fs-18 alt-font">
|
||||
@foreach ($services->skip(4) as $service)
|
||||
<li class="nav-item">
|
||||
<a data-bs-toggle="tab" href="{{ route('service.single', $service->slug) }}"
|
||||
class="nav-link d-flex align-items-center active">
|
||||
<i
|
||||
class="bi bi-check-circle icon-extra-medium text-dark-gray"></i><span>{{ $service->title }}</span>
|
||||
</a>
|
||||
@break($loop->index == 7)
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@isset ($secondPage->custom)
|
||||
<section class="py-0 border-top lg-border-top-0 border-color-medium-gray bg-very-light-gray position-relative">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 g-0"
|
||||
data-anime="{"el": "childs", "translateX": [40, 0], "opacity": [0,1], "duration": 300, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($secondPage->custom as $item)
|
||||
<div class="col process-step-style-06 hover-box lg-mb-50px md-mb-0 xs-mb-50px">
|
||||
<div class="process-step-icon-box position-relative top-minus-14px">
|
||||
<span class="progress-step-separator bg-medium-gray w-100 separator-line-1px"></span>
|
||||
<div
|
||||
class="step-box d-flex align-items-center justify-content-center bg-base-color border-radius-100 w-25px h-25px">
|
||||
<span class="w-9px h-9px bg-white border-radius-100"></span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="d-block fs-19 text-dark-gray fw-600 mt-20px mb-5px">{{ $item['key'] ?? '' }}</span>
|
||||
<p class="w-80 xl-w-90 md-w-80 xs-w-100 mb-20px">{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
@break($loop->index == 4)
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@endif
|
||||
@@ -0,0 +1,37 @@
|
||||
@isset ($sliders)
|
||||
<section class="section-dark p-0 bg-dark-gray">
|
||||
<div class="swiper lg-no-parallax magic-cursor full-screen md-h-600px sm-h-500px ipad-top-space-margin swiper-light-pagination"
|
||||
data-slider-options="{ "slidesPerView": 1, "loop": true, "parallax": true, "speed": 1000, "pagination": { "el": ".swiper-pagination-bullets", "clickable": true }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($sliders as $slider)
|
||||
<div class="swiper-slide overflow-hidden">
|
||||
<div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500"
|
||||
style="background-image:url('{{ $slider->images[0] }}');">
|
||||
<div class="opacity-light "></div>
|
||||
<div class="container h-100" data-swiper-parallax="-500">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-xl-7 col-lg-8 col-md-10 position-relative text-white text-center text-md-start"
|
||||
data-anime="{ "el": "childs", "translateX": [100, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div>
|
||||
<span
|
||||
class="fs-20 opacity-6 mb-25px sm-mb-15px d-inline-block fw-300">{{ $slider->title }}</span>
|
||||
</div>
|
||||
<h1 class="alt-font w-90 xl-w-100 text-shadow-double-large ls-minus-2px">
|
||||
{!! $slider->description !!}</span></h1>
|
||||
<a href="{{ $slider->button_url }}" target="{{ $slider->button_target }}"
|
||||
class="btn btn-extra-large btn-rounded with-rounded btn-base-color btn-box-shadow box-shadow-extra-large mt-20px sm-mt-0">{{ $slider->button_text }}<span
|
||||
class="bg-white text-base-color"><i
|
||||
class="fas fa-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
|
||||
@@ -0,0 +1,63 @@
|
||||
@isset($testimonials)
|
||||
<section id="reviews" class="overflow-hidden bg-gradient-very-light-gray">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-1">
|
||||
<div class="col-lg-7 text-center">
|
||||
<span class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Why Raffles Educare?</span>
|
||||
<h3 class="fw-500 alt-font text-dark-gray text-uppercase ls-minus-2px">Our Students Voices</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12 position-relative">
|
||||
<div
|
||||
class="outside-box-right-15 outside-box-left-15 lg-outside-box-right-30 lg-outside-box-left-30 md-outside-box-right-40 md-outside-box-left-40 sm-outside-box-right-0 sm-outside-box-left-0">
|
||||
<div class="swiper magic-cursor"
|
||||
data-slider-options="{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "pagination": { "el": ".slider-four-slide-pagination-1", "clickable": true, "dynamicBullets": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper pt-20px pb-20px">
|
||||
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide">
|
||||
<div class="review-style-05">
|
||||
<div
|
||||
class="border-radius-4px bg-white box-shadow-large last-paragraph-no-margin">
|
||||
<div
|
||||
class="d-flex align-items-center ps-45px pe-45px pt-35px pb-35px xl-p-25px">
|
||||
<img class="rounded-circle w-110px md-w-75px h-110px md-h-75px me-30px"
|
||||
src="{{ $testimonial->image }}" alt />
|
||||
<p>{{ $testimonial->description }}</p>
|
||||
</div>
|
||||
<div
|
||||
class="d-flex align-items-center border-top border-color-extra-medium-gray pt-15px pb-15px ps-45px pe-45px xl-ps-25px xl-pe-25px">
|
||||
<span
|
||||
class="fs-17 fw-500 text-dark-gray ms-auto xs-fs-15">{{ $testimonial->designation }},
|
||||
{{ $testimonial->company }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<div
|
||||
class="d-inline-block bg-dark-gray text-white border-radius-4px ps-15px pe-15px fs-15 lh-36 ls-minus-1px me-15px sm-m-10px align-middle">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Two Decades of<span
|
||||
class="fw-700"> Success</span> Stories <a href="javascript:void(0)" target="_blank"><img
|
||||
src="{{ asset(setting('logo')) }}" alt="{{ setting('title') }}" /></a></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,23 @@
|
||||
@isset ($institutions)
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center mb-5 sm-mb-30px"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 1], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue":200, "easing": "easeOutQuad" }">
|
||||
<div class="col-12 col-md-auto ps-25px sm-ps-15px text-center">
|
||||
<h3 class="text-dark-gray fw-700 ls-minus-1px">Referred College & Universities <br>
|
||||
by Raffles Educare</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-md-4 clients-style-04"
|
||||
data-anime="{"opacity": [0,1], "duration": 400, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
@foreach ($institutions as $institution)
|
||||
<div
|
||||
class="col text-center border-end border-bottom border-color-transparent-dark-very-light sm-border-end-0 transition-inner-all pt-40px pb-40px sm-pt-30px sm-pb-30px">
|
||||
<div class="client-box"> <a href="javascript:void(0);"><img src="{{ $institution->image }}"
|
||||
alt ="{{ $institution->title }}" /></a> </div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
@@ -0,0 +1,18 @@
|
||||
@if ($successGalleries->galleries->isNotEmpty())
|
||||
<section class="bg-gradient-very-light-gray ps-6 pe-6 lg-ps-2 lg-pe-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12 text-center mb-2">
|
||||
<h3 class="alt-font fw-700 text-dark-gray ls-minus-1px">Voices of Success: Real Stories, Real Impact</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
@foreach ($successGalleries->galleries as $gallery)
|
||||
<div class="col-lg-4 col-md-6 fit-videos text-center mb-4">
|
||||
<iframe width="100%" height="55px" src="{{ $gallery->link }}?autoplay=1&mute=1&loop=1" allow="autoplay; encrypted-media;" allowfullscreen></iframe>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,49 @@
|
||||
@if ($visaGalleries->galleries->isNotEmpty())
|
||||
<section class="bg-white pt-3 sm-pt-50px">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center mb-2">
|
||||
<div class="col-xxl-5 col-xl-6 col-lg-8 col-md-10 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<span class="fs-15 alt-font fw-600 text-base-color mb-5px d-block text-uppercase ls-3px">Happy
|
||||
memories</span>
|
||||
<h3 class="alt-font text-dark-gray ls-minus-1px md-ls-0px">Your Visa Success Story Starts Here!</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row position-relative">
|
||||
<div class="col-md-12 p-sm-0"
|
||||
data-anime="{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper swiper-width-auto magic-cursor"
|
||||
data-slider-options="{ "slidesPerView": 3, "spaceBetween": 30, "loop": true, "pagination": { "el": ".slider-four-slide-pagination", "clickable": true }, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper image-gallery-style-01">
|
||||
|
||||
@foreach ($visaGalleries->galleries as $item)
|
||||
<div class="swiper-slide transition-inner-all">
|
||||
<div class="gallery-box">
|
||||
<a href="{{ $item->images[0] ?? '' }}" data-group="lightbox-gallery"
|
||||
title="{{ $item->title }}">
|
||||
<div
|
||||
class="position-relative gallery-image bg-dark-gray overflow-hidden border-radius-6px">
|
||||
<img src="{{ $item->images[0] ?? '' }}" class="fixed-image"
|
||||
alt="{{ $item->title }}" />
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-center w-75px h-75px rounded-circle bg-base-color">
|
||||
<i
|
||||
class="feather icon-feather-search text-white icon-extra-medium"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@@ -0,0 +1,938 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
<div class="about-banner">
|
||||
</div>
|
||||
|
||||
<section class="container py-30 free-resources">
|
||||
<div class="w-100percent mx-auto">
|
||||
<h2 class="md:text-30 text-60 text-sec text-center">Free-Resources</h2>
|
||||
<div class="title-line mx-auto"></div>
|
||||
</div>
|
||||
|
||||
<section class="free-resources-content tab-container">
|
||||
<div class="row">
|
||||
<div class="col col-md-3">
|
||||
<ul class="first-row tab-buttons ">
|
||||
|
||||
<li class=" px-20 tab-btn cursor-pointer show fade active rounded-10" 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-1">
|
||||
<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-1" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-1">
|
||||
<img class="w-40" src="asset('raffles/assets/images/icons/one.svg')}}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">Countries</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div id="collapse-question-item-1" class="accordion-collapse collapse active show"
|
||||
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>
|
||||
@endforeach
|
||||
</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-2">
|
||||
<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-2" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-2">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/two.svg') }}" alt="">
|
||||
<h5 class="text-16 p-0 m-0">Language Test</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="collapse-question-item-2" class="accordion-collapse collapse "
|
||||
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{{ $test->slug }}')">
|
||||
<i class="fa-solid fa-angles-right text-18 text-brand"></i>
|
||||
<p>{{ $test->title }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</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-3">
|
||||
<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-3" aria-expanded="false"
|
||||
aria-controls="collapse-question-item-3">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/three.svg')}}" alt="">
|
||||
<h5 class="text-16 p-0 m-0">Interview Preparation</h5>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
||||
<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>
|
||||
</a>
|
||||
</h4>
|
||||
</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>
|
||||
|
||||
|
||||
<div class="col col-md-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');
|
||||
">
|
||||
|
||||
<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">
|
||||
<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="">
|
||||
<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>
|
||||
|
||||
<h5 class="text-18 text-brand m-0">Search Here</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<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}}'>
|
||||
|
||||
|
||||
<div class="content-inside">
|
||||
|
||||
|
||||
<h3 class="text-brand text-30 mb-30">UK</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 justify-end gap-10"><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="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>
|
||||
|
||||
<div class="col col-md-2">
|
||||
<div class="third-row">
|
||||
<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">
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-australia.php">Australia</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-usa.php">USA</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-uk.php">UK</a></li>
|
||||
<!-- <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey " href="study-newzealand.php">New Zealand</a></li> -->
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-canada.php">Canada</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="study-denmark.php">Denmark</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="ielts.php">IELTS</a></li>
|
||||
<li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
|
||||
href="duolingo.php">Duolingo</a></li>
|
||||
</ul>
|
||||
<h3 class="text-brand text-20">Let's Connect Quick</h3>
|
||||
<div class="divider"></div>
|
||||
<form class="pt-20" action="">
|
||||
<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">
|
||||
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
|
||||
Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,483 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
<section class="bg-gradient-very-light-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 tab-style-04">
|
||||
<ul
|
||||
class="nav nav-tabs border-0 justify-content-center fw-500 fs-19 md-fs-16 mb-4 md-mb-6 sm-mb-5px alt-font">
|
||||
|
||||
@isset($tests)
|
||||
@foreach ($tests as $test)
|
||||
<li class="nav-item"><a data-bs-toggle="tab" href="#{{ $test->slug }}"
|
||||
@class(['nav-link', 'active' => $loop->first])>
|
||||
{{ $test->title }} Preparation
|
||||
<span class="tab-border bg-dark-gray"></span></a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endisset
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
@foreach ($tests as $test)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif" id="{{ $test->slug }}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center text-md-start"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px"
|
||||
data-bottom-top="transform: translate3d(-50px, 0px, 0px);"
|
||||
data-top-bottom="transform: translate3d(50px, 0px, 0px);">{{ $test->title }}
|
||||
Preparation
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="row align-items-center align-items-lg-end"
|
||||
data-bottom-top="transform: translate3d(-30px, 0px, 0px);"
|
||||
data-top-bottom="transform: translate3d(30px, 0px, 0px);">
|
||||
<div class="col-lg-2 col-md-4 text-md-end text-center md-mt-30px md-mb-20px"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="position-relative">
|
||||
<img src="{{ asset('raffles/assets/images/demo-branding-agency-about-01.png') }}"
|
||||
class="animation-rotation position-relative z-index-2" alt>
|
||||
<div class="absolute-middle-center w-100 z-index-1"><img
|
||||
src="{{ asset('raffles/assets/images/demo-branding-agency-about-02.png') }}"
|
||||
alt></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 text-center text-md-start text-decoration-underline"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px">
|
||||
RAFFLES</div>
|
||||
</div>
|
||||
<div class="col-lg-4 last-paragraph-no-margin md-mt-30px"
|
||||
data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<p class="w-95 md-w-80 mx-auto text-center text-lg-start lg-w-100">
|
||||
{{ $test->short_description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="position-relative">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center"
|
||||
data-anime="{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col-lg-8 md-mb-50px">
|
||||
<div class="col-12">
|
||||
<img src="{{ $test->image }}" alt="{{ $test->title }}"
|
||||
class="w-100 border-radius-6px mb-7">
|
||||
{!! $test->description !!}
|
||||
<div class="col-12 p-0 tab-style-04 mt-45px">
|
||||
<ul
|
||||
class="nav nav-tabs justify-content-center fw-500 fs-18 ls-minus-05px mb-50px sm-mb-30px lh-70 sm-lh-40 text-center">
|
||||
@foreach ($test->children as $item)
|
||||
<li class="nav-item"><a data-bs-toggle="tab" href="#{{ $item->slug }}"
|
||||
class="nav-link @if ($loop->first) active @endif">{{ $item->title }}<span
|
||||
class="tab-border bg-dark-gray"></span></a>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
|
||||
@foreach ($test->children as $item)
|
||||
<div class="tab-pane fade in @if ($loop->first) active show @endif"
|
||||
id="{{ $item->slug }}">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-12 last-paragraph-no-margin">
|
||||
{!! $item->description !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<aside class="col-lg-4 ps-60px lg-ps-30px md-ps-15px">
|
||||
<div class="position-sticky top-150px lg-position-relative lg-top-0px">
|
||||
<div class="border-radius-6px overflow-hidden bg-tranquil">
|
||||
<div class="position-relative">
|
||||
<img src="{{ $test->image }}" class="md-w-100" alt />
|
||||
<a href="https://www.youtube.com/watch?v=7U4O3GwAPVE"
|
||||
class="absolute-middle-center d-inline-block text-center bg-white box-shadow-extra-large rounded-circle video-icon-box video-icon-large popup-youtube">
|
||||
<span>
|
||||
<span class="video-icon bg-white">
|
||||
<i class="fa-solid fa-play text-dark-gray"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-white opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="p-35px lg-p-25px">
|
||||
<ul class="p-0 mb-20px list-style-02">
|
||||
@isset($test->custom)
|
||||
@foreach ($test->custom as $item)
|
||||
<li class="border-bottom border-color-extra-medium-gray pb-15px">
|
||||
<span class="text-dark-gray">
|
||||
<span class="me-5px"><i
|
||||
class="{{ $item['icon'] ?? '' }} fs-20"></i></span>
|
||||
<span class="fw-600">{{ $item['key'] ?? '' }}</span>
|
||||
</span>
|
||||
<span class="ms-auto">{{ $item['value'] ?? '' }}</span>
|
||||
</li>
|
||||
@endforeach
|
||||
@endisset
|
||||
|
||||
|
||||
</ul>
|
||||
<a href="{{ $test->button_url }}" target="{{ $test->button_target }}"
|
||||
class="btn btn-extra-large btn-base-color btn-rounded btn-switch-text fw-600 left-icon w-100">
|
||||
<span>
|
||||
<span><i class="feather icon-feather-thumbs-up"></i></span>
|
||||
<span class="btn-double-text"
|
||||
data-text="Enroll now">{{ $test->button_text }}</span>
|
||||
</span>
|
||||
</a>
|
||||
<div class="elements-social social-icon-style-02 mt-20px">
|
||||
<ul class="small-icon dark text-center">
|
||||
<li class="sm-mb-0"><a class="facebook"
|
||||
href="{{ setting('facebook') }}" target="_blank"><i
|
||||
class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li class="sm-mb-0"><a class="dribbble"
|
||||
href="{{ setting('mobile') }}" target="_blank"><i
|
||||
class="fa-brands fa-whatsapp"></i></a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="background-position-center background-repeat overlap-height"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/vertical-center-line-bg.svg') }}')">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-12 col-lg-12 md-mb-50px sm-mb-35px">
|
||||
<h6 class="alt-font text-dark-gray mb-30px"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
Start Preparing for Success Today!<br>
|
||||
Join Raffles Educare's Test Preparation classes and take the first step toward
|
||||
achieving
|
||||
your
|
||||
academic goals abroad. Whether you’re aiming for high scores in IELTS, TOEFL, or
|
||||
PTE,
|
||||
we’re here
|
||||
to help you succeed.</h6>
|
||||
<div class="row row-cols-1 row-cols-sm-3"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Best-In-Class
|
||||
Learning
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Expert
|
||||
Guidance</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Personalized
|
||||
Coaching
|
||||
</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Comprehensive
|
||||
Test
|
||||
Prep
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Small
|
||||
Class
|
||||
Sizes
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Proven
|
||||
Success</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Flexible
|
||||
Schedules
|
||||
</li>
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Supportive
|
||||
Environment
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul class="p-0 m-0 list-style-02"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<li class="pb-5px"><i
|
||||
class="fa-solid fa-plus fs-12 me-10px"></i>Result-Oriented
|
||||
Strategy</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Mock
|
||||
Tests &
|
||||
Feedback
|
||||
</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Complete
|
||||
Exam
|
||||
Preparation</li>
|
||||
<li class="pb-5px"><i class="fa-solid fa-plus fs-12 me-10px"></i>Unmatched
|
||||
Support
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@php
|
||||
$classArray = [
|
||||
'mt-4 md-mt-6 xs-mt-0 xs-mb-30px',
|
||||
'mt-2 md-mt-0 xs-mb-30px',
|
||||
'xs-mb-30px',
|
||||
'mt-8 md-mt-5 xs-mt-0',
|
||||
];
|
||||
@endphp
|
||||
|
||||
<section class="background-position-center background-repeat"
|
||||
style="background-image: url('{{ asset('raffles/assets/images/vertical-center-line-bg.svg') }}')">
|
||||
<div class="container">
|
||||
<div
|
||||
class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
|
||||
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
|
||||
|
||||
@foreach ($page->images as $index => $image)
|
||||
<div class="{{ $classArray[$index] }}">
|
||||
<img src="{{ $image }}" class="border-radius-6px w-100"
|
||||
@if ($loop->even) data-bottom-top="transform: translate3d(0px, 50px, 0px)"
|
||||
data-top-bottom="transform: translate3d(0px, -50px, 0px)"
|
||||
@else
|
||||
data-bottom-top="transform: translate3d(0px, -50px, 0px)"
|
||||
data-top-bottom="transform: translate3d(0px, 50px, 0px)" @endif
|
||||
alt>
|
||||
</div>
|
||||
@break($loop->index == 3)
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row position-relative">
|
||||
<div class="col swiper feather-shadow text-cente"
|
||||
data-slider-options="{ "slidesPerView": "auto", "spaceBetween":0, "centeredSlides": true, "speed": 10000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":1, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||||
<div class="swiper-wrapper swiper-width-auto marquee-slide">
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Modern
|
||||
Classroom for best Learning Environment</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Almost
|
||||
2 decades of experieced & effective teaching methods</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Full
|
||||
Assistance with guide books and materials</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Sustainable
|
||||
and meaningful ecosystem of hospitality</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>Our
|
||||
hotel has been present for over 20 years</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="fs-28 sm-fs-22 alt-font ls-minus-05px text-dark-gray"><span
|
||||
class="w-10px h-10px border border-radius-100 border-color-base-color d-inline-block ms-50px me-50px md-ms-30px md-me-30px"></span>We
|
||||
make the best for all our customers</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="bg-very-light-gray background-position-right-top background-no-repeat half-section"
|
||||
style="background-image: url('images/demo-ebook-07.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-6 col-md-10 contact-form-style-03 md-mb-50px sm-mb-30px"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<div class="p-14 lg-p-11 border-radius-6px bg-dark-gray h-100">
|
||||
<h4 class="fw-500 alt-font text-white mb-30px md-mb-15px ls-minus-1px">Sign Up
|
||||
Today!</h3>
|
||||
|
||||
<form action="{{ route('enquiry.store') }}" method="post"
|
||||
id="contact-form">
|
||||
@csrf
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-person icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="text" name="name" placeholder="Enter your name*"
|
||||
required>
|
||||
</div>
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-envelope icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="email" name="email"
|
||||
placeholder="Enter your email address*" required>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-phone icon-extra-medium"></i></span>
|
||||
<input
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control required"
|
||||
type="text" name="mobile" placeholder="Enter mobile number*"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group mb-20px">
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-display icon-extra-medium"></i></span>
|
||||
<select
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-select required"
|
||||
name="class" required>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="" selected>Select Class</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="ILETS">ILETs</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="PTE">PTE</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="Duolingo">Duolingo</option>
|
||||
<option
|
||||
class="border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray"
|
||||
value="TOEFL">TOEFL</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="position-relative form-group form-textarea mt-15px mb-25px">
|
||||
<textarea
|
||||
class="ps-2 border-radius-0px fs-17 bg-transparent border-color-transparent-white-light placeholder-medium-gray form-control"
|
||||
name="message" placeholder="Enter your message" id="message" rows="3"></textarea>
|
||||
<span class="form-icon"><i
|
||||
class="bi bi-chat-square-dots icon-extra-medium"></i></span>
|
||||
|
||||
@if (setting('enable_reCaptcha') == 1)
|
||||
<div class="mt-15px mb-15px">
|
||||
<div id="g-recaptcha-response" class="g-recaptcha mb-2"
|
||||
data-sitekey="{{ setting('recaptcha_site_key') }}"></div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<button
|
||||
class="btn btn-medium btn-base-color mt-30px w-100 btn-round-edge btn-box-shadow"
|
||||
type="submit" id="submit">Submit now</button>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 alert-notification">
|
||||
<div id="message-notification" class="alert-msg mt-2 text-success">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1 col-md-10 text-center text-lg-start"
|
||||
data-anime="{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Good
|
||||
Reasons to
|
||||
Take the First Step Today</span>
|
||||
<h2 class="fw-600 text-dark-gray ls-minus-2px mb-35px">What Our Students Are Saying
|
||||
</h2>
|
||||
<div class="swiper position-relative magic-cursor"
|
||||
data-slider-options="{ "autoHeight": true, "loop": true, "allowTouchMove": true, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "navigation": { "nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev" }, "effect": "fade" }">
|
||||
<div class="swiper-wrapper mb-50px lg-mb-35px">
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide review-style-08">
|
||||
<p class="fs-18">{{ $testimonial->description }}</p>
|
||||
<div class="mt-20px">
|
||||
<img class="rounded-circle w-95px h-95px me-15px"
|
||||
src="{{ $testimonial->image }}" alt>
|
||||
<div class="d-inline-block align-middle text-start">
|
||||
<div class="text-dark-gray fs-20 fw-600 ls-minus-05px">
|
||||
{{ $testimonial->title }}</div>
|
||||
<div class="review-star-icon fs-18">
|
||||
<i class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center justify-content-lg-start">
|
||||
|
||||
<div
|
||||
class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-white text-dark-gray box-shadow-medium">
|
||||
<i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
<div
|
||||
class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-white text-dark-gray box-shadow-medium">
|
||||
<i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,176 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@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="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->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 }}')">
|
||||
<div class="text-17 font-bold flex gap-10 items-center">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/one.svg') }}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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 }}">
|
||||
<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">
|
||||
{{ $child->title }}
|
||||
</h3>
|
||||
<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
|
||||
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab"
|
||||
id="{{ $headingId }}">
|
||||
<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>
|
||||
<span
|
||||
class="accordion-title-txt">{{ $item['icon'] }}</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="{{ $collapseId }}"
|
||||
class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
|
||||
aria-labelledby="{{ $headingId }}"
|
||||
data-bs-parent="#accordion-questions">
|
||||
<div
|
||||
class="accordion-content text-14 leading-20 text-black">
|
||||
<p>{{ $item['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 $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['icon'] }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="lqd-lp-excerpt">
|
||||
<p>
|
||||
{{ $item['key'] }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
</section>
|
||||
@endsection
|
||||
148
resources/views/client/raffles/pages/team-template.blade.php
Normal file
148
resources/views/client/raffles/pages/team-template.blade.php
Normal file
@@ -0,0 +1,148 @@
|
||||
@php
|
||||
$teams = getTeams(limit: null, order: 'asc');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
|
||||
<section id="down-section">
|
||||
<div id="particles-01" data-particle="true"
|
||||
data-particle-options="{"particles": {"number": {"value": 6,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}"
|
||||
class="position-absolute h-100 top-0 left-0 z-index-minus-1"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-end text-center text-lg-start">
|
||||
<div class="col-xl-5 col-lg-6 md-mb-30px xs-mb-25px">
|
||||
<h2 class="fw-600 text-dark-gray ls-minus-2px mb-0"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
{{ $page->short_description }}</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 offset-xl-1">
|
||||
<p class="w-90 sm-w-100 mx-auto mx-lg-0"
|
||||
data-anime="{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
{!! $page->description !!}</p>
|
||||
<a target="{{ $page->button_target }}" href="{{ $page->button_url }}"
|
||||
class="btn btn-link btn-large text-dark-gray fw-600"
|
||||
data-anime="{ "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }">{{ $page->button_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center align-items-center mt-5 md-mt-10">
|
||||
|
||||
<div class="col-xl-4 col-lg-3 col-md-4 sm-mb-35px"
|
||||
data-anime="{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
|
||||
@isset($page->custom)
|
||||
@foreach ($page->custom as $item)
|
||||
<div class="row align-items-center @if ($loop->first) mb-50px sm-mb-35px @endif">
|
||||
<div class="col-5 col-xl-5 col-md-12 text-end">
|
||||
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0 counter" data-speed="2000"
|
||||
data-to="{{ $item['icon'] ?? '' }}"></h2>
|
||||
</div>
|
||||
<div class="col-7 col-xl-7 col-md-12 last-paragraph-no-margin text-md-end text-xl-start">
|
||||
<span class="fs-20 text-dark-gray fw-600 alt-font">{{ $item['key'] ?? '' }}</span>
|
||||
<p>{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@break($loop->index == 1)
|
||||
@endforeach
|
||||
@endisset
|
||||
</div>
|
||||
|
||||
<div class="col-xl-4 col-lg-6 col-md-4 text-center animation-float sm-mb-65px"
|
||||
data-anime="{ "el": "childs", "scale": [0, 1], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
<img class="border-radius-100 w-350px" src="{{ $page->image }}" alt="{{ $page->title }}" />
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-3 col-md-4"
|
||||
data-anime="{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 600, "delay": 200, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||
|
||||
@isset($page->custom)
|
||||
@foreach (collect($page->custom)->skip(2) as $item)
|
||||
<div class="row align-items-center @if ($loop->first) mb-50px sm-mb-35px @endif">
|
||||
<div class="col-5 col-xl-5 col-md-12 text-end text-xl-end text-md-start">
|
||||
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0 counter" data-speed="2000"
|
||||
data-to="{{ $item['icon'] ?? '' }}"></h2>
|
||||
</div>
|
||||
<div class="col-7 col-xl-7 col-md-12 last-paragraph-no-margin">
|
||||
<span class="fs-20 text-dark-gray fw-600 alt-font">{{ $item['key'] ?? '' }}</span>
|
||||
<p>{{ $item['value'] ?? '' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endisset
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@isset($teams)
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-3">
|
||||
<div class="col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Creative
|
||||
team</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-2px">Committed staff are ready to help you</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center"
|
||||
data-anime="{ "el": "childs", "translateY": [50, 0], "translateX": [-30, 0], "opacity": [0,1], "duration": 700, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
|
||||
@foreach ($teams as $team)
|
||||
<div class="col text-center team-style-05 md-mb-35px">
|
||||
<div class="position-relative mb-30px last-paragraph-no-margin">
|
||||
<img src="{{ $team->image }}" class="border-radius-4px" alt="{{ $team->title }}" />
|
||||
{{-- <div
|
||||
class="w-100 h-100 d-flex flex-column justify-content-end align-items-center border-radius-4px p-40px team-content bg-base-color-transparent">
|
||||
<p class="text-white w-80 lg-w-75 sm-w-80 absolute-middle-center opacity-7">Lorem ipsum simply
|
||||
of printing typesetting.</p>
|
||||
<div class="social-icon fs-19">
|
||||
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-instagram"></i></a>
|
||||
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i
|
||||
class="fa-brands fa-twitter"></i></a>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
<div class="alt-font fw-500 text-dark-gray lh-22 fs-18">{{ $team->title }}</div>
|
||||
<span>{{ $team->designation }}</span>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endisset
|
||||
|
||||
<section class="background-position-center-top position-relative overflow-hidden py-0 sm-background-image-none"
|
||||
style="background-image: url('{{asset('raffles/assets/images/vertical-line-bg.svg')}}')">
|
||||
<div class="skrollr-parallax mx-auto" data-bottom-top="width: 70%" data-center-top="width: 100%;"
|
||||
data-parallax-background-ratio="0.5" style="background-image: url('{{ $page->getRawOriginal("images") ? $page->images[0] : '' }}')">
|
||||
<div class="opacity-extra-medium bg-dark-gray"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center align-items-center one-third-screen">
|
||||
<div
|
||||
class="col-xl-6 col-lg-8 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
|
||||
<a href="{{ $page->link }}"
|
||||
aria-label="popup-video"
|
||||
class="position-relative d-inline-block text-center bg-gradient-emerald-blue-emerald-green rounded-circle video-icon-box video-icon-large popup-youtube mb-9 md-mb-6">
|
||||
<span>
|
||||
<span class="video-icon">
|
||||
<i class="fa-solid fa-play text-white"></i>
|
||||
<span class="video-icon-sonar">
|
||||
<span
|
||||
class="video-icon-sonar-bfr bg-gradient-emerald-blue-emerald-green opacity-9"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,187 @@
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
|
||||
<div class="test-preparations-banner">
|
||||
<img src="{{ $page->banner ?? '' }}" width="1425" height="356" alt="prepare ielts">
|
||||
</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>
|
||||
|
||||
@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 }}')">
|
||||
<div class="text-17 font-bold flex gap-10 items-center">
|
||||
<img class="w-40" src="{{ asset('raffles/assets/images/icons/one.svg') }}"
|
||||
alt="">
|
||||
<h5 class="text-16 p-0 m-0">{{ $child->title }}</h5>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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 }}">
|
||||
<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>
|
||||
</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">
|
||||
{{ $child->title }}
|
||||
</h3>
|
||||
<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
|
||||
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab"
|
||||
id="{{ $headingId }}">
|
||||
<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>
|
||||
<span
|
||||
class="accordion-title-txt">{{ $item['key'] }}</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="{{ $collapseId }}"
|
||||
class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
|
||||
aria-labelledby="{{ $headingId }}"
|
||||
data-bs-parent="#accordion-questions">
|
||||
<div
|
||||
class="accordion-content text-14 leading-20 text-black">
|
||||
<p>{{ $item['value'] }}</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 $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['icon'] }}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="lqd-lp-excerpt">
|
||||
<p>
|
||||
{{ $item['key'] }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,95 @@
|
||||
@php
|
||||
$testimonials = getTestimonials(limit: null, order: 'desc');
|
||||
$visaGalleries = getGalleriesByCategory(limit: 3, order: 'asc', category: 'visa-grant');
|
||||
@endphp
|
||||
@extends('client.raffles.layouts.app')
|
||||
@section('content')
|
||||
@include('client.raffles.pages.partials.breadcumb')
|
||||
|
||||
<section class="half-section position-relative">
|
||||
<div id="particles-01" data-particle="true"
|
||||
data-particle-options="{"particles": {"number": {"value": 10,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#ff5b74", "#820f89"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.7,"random": false,"anim": {"enable": false,"speed": 2,"sync": false}},"size": {"value": 7,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}"
|
||||
class="position-absolute top-0px left-0px w-100 z-index-minus-1"></div>
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xxl-4 col-xl-5 col-lg-6 col-sm-8 text-center"
|
||||
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
|
||||
<span
|
||||
class="bg-white box-shadow-quadruple-large text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Student
|
||||
speaks</span>
|
||||
<h3 class="alt-font text-dark-gray fw-600 ls-minus-1px mb-0">{{ $page->short_description }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center"
|
||||
data-anime="{ "rotateX": [-40, 0], "opacity": [0,1], "duration": 1200, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div class="swiper swiper-horizontal-3d pt-8 pb-5 lg-pt-10 lg-pb-10 md-pt-12 sm-pt-15 sm-pb-11 swiper-pagination-bottom testimonials-style-04 magic-cursor"
|
||||
data-slider-options="{ "loop": true, "slidesPerView": 1,"centeredSlides":true,"effect":"coverflow","coverflowEffect":{"rotate":0,"stretch":100,"depth":150,"modifier":1.5,"slideShadows":true}, "navigation": { "nextEl": ".swiper-button-next-nav.slider-navigation-style-04", "prevEl": ".swiper-button-previous-nav.slider-navigation-style-04" }, "autoplay": { "delay": 5000, "disableOnInteraction": false }, "pagination": { "el": ".swiper-pagination-04", "clickable": true, "dynamicBullets": true }, "breakpoints": { "768": { "slidesPerView": 2 } } }">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
@if ($testimonials)
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide bg-white border-radius-4px">
|
||||
<div
|
||||
class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20">
|
||||
<img alt src="{{ $testimonial->image }}"
|
||||
class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8">
|
||||
<div class="testimonials-content">
|
||||
|
||||
<p class="mb-25px">{!! $testimonial->description !!}
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">
|
||||
{{ $testimonial->title }}</div>
|
||||
<div class="testimonials-position fs-15 lh-20">{{ $testimonial->designation }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 text-center"
|
||||
data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<div
|
||||
class="text-center bg-dark-gray text-white fs-16 lh-36 border-radius-30px d-inline-block ps-20px pe-20px align-middle me-10px mt-10px mb-10px">
|
||||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i
|
||||
class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h6 class="text-dark-gray fw-400 mb-0 d-inline-block align-middle ls-minus-1px">Explore more <span
|
||||
class="fw-700">Student Stories</span> on <a href="https://www.youtube.com/@raffleseducare"
|
||||
target="_blank"><img class="img-fluid h-35px"
|
||||
src="{{ asset('raffles/assets/images/youtube.png') }}" alt="YouTube Logo" /></a></h6>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if ($visaGalleries->galleries->isNotEmpty())
|
||||
<section class="half-section bg-gradient-very-light-gray ps-6 pe-6 lg-ps-2 lg-pe-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row gy-3 row-cols-1 row-cols-lg-3 row-cols-sm-2">
|
||||
@foreach ($visaGalleries->galleries as $gallery)
|
||||
<div class="col fit-videos text-center md-mb-50px sm-mb-30px">
|
||||
<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
|
||||
<iframe src="{{ $gallery->link }}" name="fitvid0"></iframe>
|
||||
</div>
|
||||
<div class="text-dark-gray fs-18 fw-600 mt-5">{{ $gallery->title }}</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
@endsection
|
||||
Reference in New Issue
Block a user