first change
This commit is contained in:
3
resources/css/app.css
Normal file
3
resources/css/app.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
7
resources/js/app.js
Normal file
7
resources/js/app.js
Normal file
@@ -0,0 +1,7 @@
|
||||
import './bootstrap';
|
||||
|
||||
import Alpine from 'alpinejs';
|
||||
|
||||
window.Alpine = Alpine;
|
||||
|
||||
Alpine.start();
|
||||
4
resources/js/bootstrap.js
vendored
Normal file
4
resources/js/bootstrap.js
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import axios from 'axios';
|
||||
window.axios = axios;
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
27
resources/views/auth/confirm-password.blade.php
Normal file
27
resources/views/auth/confirm-password.blade.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<x-guest-layout>
|
||||
<div class="mb-4 text-sm text-gray-600">
|
||||
{{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
|
||||
</div>
|
||||
|
||||
<form method="POST" action="{{ route('password.confirm') }}">
|
||||
@csrf
|
||||
|
||||
<!-- Password -->
|
||||
<div>
|
||||
<x-input-label for="password" :value="__('Password')" />
|
||||
|
||||
<x-text-input id="password" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password"
|
||||
required autocomplete="current-password" />
|
||||
|
||||
<x-input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end mt-4">
|
||||
<x-primary-button>
|
||||
{{ __('Confirm') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-guest-layout>
|
||||
25
resources/views/auth/forgot-password.blade.php
Normal file
25
resources/views/auth/forgot-password.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<x-guest-layout>
|
||||
<div class="mb-4 text-sm text-gray-600">
|
||||
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
|
||||
</div>
|
||||
|
||||
<!-- Session Status -->
|
||||
<x-auth-session-status class="mb-4" :status="session('status')" />
|
||||
|
||||
<form method="POST" action="{{ route('password.email') }}">
|
||||
@csrf
|
||||
|
||||
<!-- Email Address -->
|
||||
<div>
|
||||
<x-input-label for="email" :value="__('Email')" />
|
||||
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
|
||||
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end mt-4">
|
||||
<x-primary-button>
|
||||
{{ __('Email Password Reset Link') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-guest-layout>
|
||||
108
resources/views/auth/login.blade.php
Normal file
108
resources/views/auth/login.blade.php
Normal file
@@ -0,0 +1,108 @@
|
||||
@extends('layouts.guest')
|
||||
@section('content')
|
||||
<div class="auth-page-wrapper pt-5">
|
||||
<!-- auth page bg -->
|
||||
<div class="auth-one-bg-position auth-one-bg" id="auth-particles">
|
||||
<div class="bg-overlay"></div>
|
||||
|
||||
<div class="shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 1440 120">
|
||||
<path d="M 0,36 C 144,53.6 432,123.2 720,124 C 1008,124.8 1296,56.8 1440,40L1440 140L0 140z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- auth page content -->
|
||||
<div class="auth-page-content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center mt-sm-5 mb-4 text-white-50">
|
||||
<div>
|
||||
<a href="{{ url('/') }}" class="d-inline-block auth-logo"><img
|
||||
src="{{ asset(setting('logo')) }}" class="dark-login" alt=""></a>
|
||||
|
||||
</div>
|
||||
<p class="mt-3 fs-15 fw-medium">{{ setting('title') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8 col-lg-6 col-xl-5">
|
||||
<div class="card mt-4">
|
||||
|
||||
<div class="card-body p-4">
|
||||
<div class="text-center mt-2">
|
||||
<h5 class="text-primary">Welcome Back !</h5>
|
||||
<p class="text-muted">Sign in to continue to {{ setting('title') }} Admin Portal.
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-2 mt-4">
|
||||
{{ html()->form('POST', route('login'))->open() }}
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Email')->for('email')->class('mb-1 form-label') }}
|
||||
{{ html()->email('email')->class('form-control')->placeholder('Enter Email')->required() }}
|
||||
@error('email')
|
||||
<p class="text-danger mb-0">{{ $message }}</p>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
{{ html()->label('Password')->for('password')->class('form-label') }}
|
||||
<div class="position-relative auth-pass-inputgroup mb-3">
|
||||
{{ html()->password('password')->class('form-control pe-5 password-input')->placeholder('Enter Password')->required() }}
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
@error('password')
|
||||
<p class="text-danger mb-0">{{ $message }}</p>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
{{ html()->checkbox('remember')->class('form-check-input') }}
|
||||
{{ html()->label('Remember me')->class('form-check-label')->for('remember') }}
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button class="btn btn-primary w-100 waves-effect waves-light text-white" type="submit">Sign Me In</button>
|
||||
</div>
|
||||
|
||||
{{ html()->form()->close() }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
</div>
|
||||
<!-- end container -->
|
||||
</div>
|
||||
<!-- end auth page content -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
{{ date('Y') }} Consultancy CMS by Bibhuti Solutions
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- end Footer -->
|
||||
</div>
|
||||
@endsection
|
||||
52
resources/views/auth/register.blade.php
Normal file
52
resources/views/auth/register.blade.php
Normal file
@@ -0,0 +1,52 @@
|
||||
<x-guest-layout>
|
||||
<form method="POST" action="{{ route('register') }}">
|
||||
@csrf
|
||||
|
||||
<!-- Name -->
|
||||
<div>
|
||||
<x-form.input-label for="name" :value="__('Name')" />
|
||||
<x-form.text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
|
||||
<x-form.input-error :messages="$errors->get('name')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<!-- Email Address -->
|
||||
<div class="mt-4">
|
||||
<x-form.input-label for="email" :value="__('Email')" />
|
||||
<x-form.text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
|
||||
<x-form.input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mt-4">
|
||||
<x-form.input-label for="password" :value="__('Password')" />
|
||||
|
||||
<x-form.text-input id="password" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password"
|
||||
required autocomplete="new-password" />
|
||||
|
||||
<x-form.input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<!-- Confirm Password -->
|
||||
<div class="mt-4">
|
||||
<x-form.input-label for="password_confirmation" :value="__('Confirm Password')" />
|
||||
|
||||
<x-form.text-input id="password_confirmation" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password_confirmation" required autocomplete="new-password" />
|
||||
|
||||
<x-form.input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end mt-4">
|
||||
<a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('login') }}">
|
||||
{{ __('Already registered?') }}
|
||||
</a>
|
||||
|
||||
<x-form.primary-button class="ms-4">
|
||||
{{ __('Register') }}
|
||||
</x-form.primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-guest-layout>
|
||||
39
resources/views/auth/reset-password.blade.php
Normal file
39
resources/views/auth/reset-password.blade.php
Normal file
@@ -0,0 +1,39 @@
|
||||
<x-guest-layout>
|
||||
<form method="POST" action="{{ route('password.store') }}">
|
||||
@csrf
|
||||
|
||||
<!-- Password Reset Token -->
|
||||
<input type="hidden" name="token" value="{{ $request->route('token') }}">
|
||||
|
||||
<!-- Email Address -->
|
||||
<div>
|
||||
<x-input-label for="email" :value="__('Email')" />
|
||||
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
|
||||
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<!-- Password -->
|
||||
<div class="mt-4">
|
||||
<x-input-label for="password" :value="__('Password')" />
|
||||
<x-text-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
|
||||
<x-input-error :messages="$errors->get('password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<!-- Confirm Password -->
|
||||
<div class="mt-4">
|
||||
<x-input-label for="password_confirmation" :value="__('Confirm Password')" />
|
||||
|
||||
<x-text-input id="password_confirmation" class="block mt-1 w-full"
|
||||
type="password"
|
||||
name="password_confirmation" required autocomplete="new-password" />
|
||||
|
||||
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end mt-4">
|
||||
<x-primary-button>
|
||||
{{ __('Reset Password') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
</x-guest-layout>
|
||||
31
resources/views/auth/verify-email.blade.php
Normal file
31
resources/views/auth/verify-email.blade.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<x-guest-layout>
|
||||
<div class="mb-4 text-sm text-gray-600">
|
||||
{{ __('Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
|
||||
</div>
|
||||
|
||||
@if (session('status') == 'verification-link-sent')
|
||||
<div class="mb-4 font-medium text-sm text-green-600">
|
||||
{{ __('A new verification link has been sent to the email address you provided during registration.') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mt-4 flex items-center justify-between">
|
||||
<form method="POST" action="{{ route('verification.send') }}">
|
||||
@csrf
|
||||
|
||||
<div>
|
||||
<x-primary-button>
|
||||
{{ __('Resend Verification Email') }}
|
||||
</x-primary-button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form method="POST" action="{{ route('logout') }}">
|
||||
@csrf
|
||||
|
||||
<button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
||||
{{ __('Log Out') }}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</x-guest-layout>
|
||||
561
resources/views/calendar/index.blade.php
Normal file
561
resources/views/calendar/index.blade.php
Normal file
@@ -0,0 +1,561 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<x-dashboard.breadcumb />
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="row">
|
||||
<div class="col-xl-3">
|
||||
<div class="card" style="height: 30%">
|
||||
<div class="card-header align-items-center d-flex">
|
||||
<h4 class="card-title flex-grow-1 mb-0">Content Schedule</h4>
|
||||
</div><!-- end card header -->
|
||||
|
||||
<div class="card-body p-0">
|
||||
<div data-simplebar="init" style="max-height: 200px;" class="simplebar-scrollable-y">
|
||||
<div class="simplebar-wrapper" style="margin: 0px;">
|
||||
<div class="simplebar-height-auto-observer-wrapper">
|
||||
<div class="simplebar-height-auto-observer"></div>
|
||||
</div>
|
||||
<div class="simplebar-mask">
|
||||
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
|
||||
<div class="simplebar-content-wrapper" tabindex="0" role="region"
|
||||
aria-label="scrollable content"
|
||||
style="height: auto; overflow: hidden scroll;">
|
||||
<div class="simplebar-content" style="padding: 0px;">
|
||||
<ul class="list-group list-group-flush border-dashed px-3">
|
||||
@forelse ($contents as $content)
|
||||
<li class="list-group-item ps-0">
|
||||
<a href="javascript:void(0)" class="content-edit-btn"
|
||||
data-link="{{ route('content.partials.edit', $content->id) }}"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#contentModal">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-grow-1"><i
|
||||
class="mdi mdi-checkbox-blank-circle text-success me-2"></i><span
|
||||
class="fw-medium">{{ $content->release_date?->format('d M, Y') }}</span>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><small
|
||||
class="badge bg-primary-subtle text-primary ms-auto">{{ $content->release_time?->format('h:i A') }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="card-title fs-12">
|
||||
{{ $content->title }}
|
||||
</h6>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@empty
|
||||
<h6 class="text-dark my-5 text-center">No upcoming
|
||||
schedule</h6>
|
||||
@endforelse
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="simplebar-placeholder" style="width: 655px; height: 268px;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
|
||||
<div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
|
||||
<div class="simplebar-scrollbar"
|
||||
style="height: 178px; transform: translate3d(0px, 41px, 0px); display: block;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
|
||||
<div class="card" style="height: 30%">
|
||||
<div class="card-header align-items-center d-flex">
|
||||
<h4 class="card-title flex-grow-1 mb-0">Events</h4>
|
||||
|
||||
<div class="flex-shrink-0">
|
||||
<button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal"
|
||||
data-bs-target="#eventModal">
|
||||
<i class="ri-add-line me-1 align-middle"></i>
|
||||
Add Event</button>
|
||||
</div>
|
||||
</div><!-- end card header -->
|
||||
|
||||
<div class="card-body p-0">
|
||||
<div data-simplebar="init" style="max-height: 200px;" class="simplebar-scrollable-y">
|
||||
<div class="simplebar-wrapper" style="margin: 0px;">
|
||||
<div class="simplebar-height-auto-observer-wrapper">
|
||||
<div class="simplebar-height-auto-observer"></div>
|
||||
</div>
|
||||
<div class="simplebar-mask">
|
||||
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
|
||||
<div class="simplebar-content-wrapper" tabindex="0" role="region"
|
||||
aria-label="scrollable content"
|
||||
style="height: auto; overflow: hidden scroll;">
|
||||
<div class="simplebar-content" style="padding: 0px;">
|
||||
<ul class="list-group list-group-flush border-dashed px-3">
|
||||
@foreach ($events as $event)
|
||||
<li class="list-group-item ps-0">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-grow-1"><i
|
||||
class="mdi mdi-checkbox-blank-circle text-primary me-2"></i><span
|
||||
class="fw-medium">{{ $event->start_date?->format('d M, Y') }}
|
||||
@if ($event->end_date)
|
||||
<span>to
|
||||
{{ $event->end_date?->format('d M, Y') }}</span>
|
||||
@endif
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><small
|
||||
class="badge bg-primary-subtle text-primary ms-auto">{{ $event->start_time?->format('h:i A') }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="card-title fs-12">{{ $event->title }}
|
||||
</h6>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="simplebar-placeholder" style="width: 655px; height: 350px;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
|
||||
<div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
|
||||
<div class="simplebar-scrollbar"
|
||||
style="height: 178px; transform: translate3d(0px, 41px, 0px); display: block;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- end card body -->
|
||||
</div>
|
||||
|
||||
<div class="card" style="height: 30%">
|
||||
<div class="card-header align-items-center d-flex">
|
||||
<h4 class="card-title flex-grow-1 mb-0">Meetings</h4>
|
||||
|
||||
<div class="flex-shrink-0">
|
||||
<button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal"
|
||||
data-bs-target="#meetingModal"><i class="ri-add-line me-1 align-middle"></i>
|
||||
Add Meeting</button>
|
||||
</div>
|
||||
</div><!-- end card header -->
|
||||
|
||||
<div class="card-body p-0">
|
||||
<div data-simplebar="init" style="max-height: 200px;" class="simplebar-scrollable-y">
|
||||
<div class="simplebar-wrapper" style="margin: 0px;">
|
||||
<div class="simplebar-height-auto-observer-wrapper">
|
||||
<div class="simplebar-height-auto-observer"></div>
|
||||
</div>
|
||||
<div class="simplebar-mask">
|
||||
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
|
||||
<div class="simplebar-content-wrapper" tabindex="0" role="region"
|
||||
aria-label="scrollable content"
|
||||
style="height: auto; overflow: hidden scroll;">
|
||||
<div class="simplebar-content" style="padding: 0px;">
|
||||
<ul class="list-group list-group-flush border-dashed px-3">
|
||||
@foreach ($meetings as $meeting)
|
||||
<li class="list-group-item ps-0">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-grow-1"><i
|
||||
class="mdi mdi-checkbox-blank-circle text-warning me-2"></i><span
|
||||
class="fw-medium">{{ $meeting->date?->format('d M, Y') }}</span>
|
||||
</div>
|
||||
<div class="flex-shrink-0"><small
|
||||
class="badge bg-primary-subtle text-primary ms-auto">{{ $meeting->start_time?->format('h:i A') }}</small>
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="card-title fs-12">{{ $meeting->title }}
|
||||
</h6>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="simplebar-placeholder" style="width: 655px; height: 268px;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
|
||||
<div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
|
||||
</div>
|
||||
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
|
||||
<div class="simplebar-scrollbar"
|
||||
style="height: 178px; transform: translate3d(0px, 41px, 0px); display: block;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end col-->
|
||||
|
||||
<div class="col-xl-9">
|
||||
<div class="card">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="card-title mb-0">Filter</h6>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<ul class="list-inline card-toolbar-menu d-flex align-items-center mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="minimize-card align-middle" data-bs-toggle="collapse"
|
||||
href="#collapseExample2" role="button" aria-expanded="false"
|
||||
aria-controls="collapseExample2">
|
||||
<i class="mdi mdi-plus plus align-middle"></i>
|
||||
<i class="mdi mdi-minus minus align-middle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div @class(['card-body collapse', 'show' => request()->has('product_id')]) id="collapseExample2">
|
||||
{{ html()->form('GET')->id('filter-form')->open() }}
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-md-4">
|
||||
{{ html()->select('product_id', $productOptions, request('product_id'))->placeholder('By Product')->value(request('product_id'))->class('form-control select2') }}
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="d-flex list-grid-nav hstack mt-2 gap-1">
|
||||
<button type="submit" class="btn btn-sm btn-success">Filter</button>
|
||||
<a href="{{ route(Route::currentRouteName()) }}"
|
||||
class="btn btn-danger btn-sm reset-filter">Reset</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ html()->form()->close() }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-h-100">
|
||||
<div class="card-body">
|
||||
<div id="calendar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</div> <!-- end row-->
|
||||
</div>
|
||||
|
||||
<div id="viewModal" class="modal fade" tabindex="-1" aria-labelledby="viewModalLabel" aria-hidden="true"
|
||||
style="display: none;">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p class="modal-title" id="viewModalLabel">Detail</p>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
</div>
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<div id="eventModal" class="modal fade" tabindex="-1" aria-labelledby="eventModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p class="modal-title" id="viewModalLabel">Event Form</p>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
{{ html()->form('POST')->route('event.store')->class(['needs-validation eventForm'])->attributes(['novalidate'])->open() }}
|
||||
@include('calendar.partials.event-form')
|
||||
{{ html()->form()->close() }}
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<div id="contentModal" class="modal fade" tabindex="-1" aria-labelledby="contentModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<p class="modal-title" id="viewModalLabel">Schedule Update Form</p>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="js-content-partial-target">
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<div id="meetingModal" class="modal fade" tabindex="-1" aria-labelledby="meetingModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="viewModalLabel">Meeting Form</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
{{ html()->form('POST')->route('meeting.store')->class(['needs-validation meetingForm'])->attributes(['novalidate'])->open() }}
|
||||
@include('calendar.partials.meeting-form')
|
||||
{{ html()->form()->close() }}
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
@endsection
|
||||
|
||||
@push('js')
|
||||
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.11/index.global.min.js'></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var calendarEl = document.getElementById('calendar');
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var currentDate = new Date().toISOString().split('T')[0];
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
headerToolbar: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
||||
},
|
||||
initialDate: currentDate,
|
||||
navLinks: true, // can click day/week names to navigate views
|
||||
businessHours: true, // display business hours
|
||||
editable: false,
|
||||
selectable: false,
|
||||
dayMaxEvents: true,
|
||||
events: {
|
||||
url: `${app_url}/admin/calendarByAjax`,
|
||||
method: 'GET',
|
||||
extraParams: function() {
|
||||
return {
|
||||
product_id: $('#filter-form #product_id').val()
|
||||
};
|
||||
}
|
||||
},
|
||||
selectMirror: true,
|
||||
select: function(arg) {
|
||||
var title = prompt('Event Title:');
|
||||
if (title) {
|
||||
calendar.addEvent({
|
||||
title: title,
|
||||
start: arg.start,
|
||||
end: arg.end,
|
||||
allDay: arg.allDay
|
||||
})
|
||||
}
|
||||
calendar.unselect()
|
||||
},
|
||||
eventClick: function(arg) {
|
||||
|
||||
if (arg.event.extendedProps.type == 'content schedule') {
|
||||
$('#contentModal').modal('show');
|
||||
const url = "{{ route('content.partials.edit', ':id') }}".replace(':id', arg
|
||||
.event.id);
|
||||
let target = document.querySelector('#js-content-partial-target');
|
||||
target.innerHTML = "<h5 class='text-center my-5'>Loading...</h5>";
|
||||
fetch(url)
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
target.innerHTML = html;
|
||||
});
|
||||
} else {
|
||||
|
||||
let html = `<tr class="mb-1">`;
|
||||
html += `<td class="text-bold">Title: </td>`;
|
||||
html += `<td>${arg.event.title}</td>`;
|
||||
html += `</tr>`;
|
||||
|
||||
html += `<tr class="mb-1">`;
|
||||
html += `<td class="text-bold">Type: </td>`;
|
||||
html += `<td>${arg.event.extendedProps.type}</td>`;
|
||||
html += `</tr>`;
|
||||
|
||||
html += `<tr class="mb-1">`;
|
||||
html += `<td class="text-bold">Start: </td>`;
|
||||
html += `<td>${new Date(arg.event.start).toLocaleString()}</td>`;
|
||||
html += `</tr>`;
|
||||
|
||||
if (arg.event.end) {
|
||||
html += `<tr class="mb-1">`;
|
||||
html += `<td class="text-bold">End: </td>`;
|
||||
html += `<td>${new Date(arg.event.end).toLocaleString()}</td>`;
|
||||
html += `</tr>`;
|
||||
}
|
||||
|
||||
html += `<tr>`;
|
||||
html += `<td class="text-bold">Location: </td>`;
|
||||
html += `<td>${arg.event.extendedProps.location ?? 'No Location'}</td>`;
|
||||
html += `</tr>`;
|
||||
|
||||
html += `<tr class="mb-1">`;
|
||||
html += `<td class="text-bold">Description: </td>`;
|
||||
html += `<td>${arg.event.extendedProps.desc ?? 'No Description'}</td>`;
|
||||
html += `</tr>`;
|
||||
|
||||
const modal = $('#viewModal');
|
||||
modal.find('.modal-body').html(html);
|
||||
$('#viewModal').modal('show');
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
|
||||
$('#filter-form').on('submit', function(e) {
|
||||
calendar.refetchEvents();
|
||||
})
|
||||
|
||||
$("body").on('submit', '.eventForm', function(e) {
|
||||
e.preventDefault();
|
||||
let form = $('.eventForm')[0];
|
||||
let formData = new FormData(form);
|
||||
param = {
|
||||
url: '{{ route('event.store') }}',
|
||||
type: 'event'
|
||||
}
|
||||
formSubmit(param, formData)
|
||||
window.location.href = "{{ route('calendar.index') }}";
|
||||
})
|
||||
|
||||
$("body").on('submit', '#contentForm', function(e) {
|
||||
e.preventDefault();
|
||||
let form = $('#contentForm')[0];
|
||||
let formData = new FormData(form);
|
||||
const url = $(this).attr('action');
|
||||
const button = $('#contentForm #submit');
|
||||
button.text('Scheduling...');
|
||||
button.prop('disabled', true);
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'POST',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
data: formData,
|
||||
success: function(response) {
|
||||
$(`#contentModal`).modal('hide');
|
||||
flasher.success(response.msg);
|
||||
window.location.reload();
|
||||
},
|
||||
|
||||
error: function(xhr) {
|
||||
if (xhr.responseJSON) {
|
||||
var errors = xhr.responseJSON;
|
||||
for (var key in errors) {
|
||||
if (errors.hasOwnProperty(key)) {
|
||||
var errorMessages = errors[key];
|
||||
for (var i = 0; i < errorMessages.length; i++) {
|
||||
flasher.error(errorMessages[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
flasher.error("An error occurred while processing your request.");
|
||||
}
|
||||
},
|
||||
|
||||
complete: function() {
|
||||
button.text('Schedule');
|
||||
button.prop('disabled', false);
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
$("body").on('click', '.content-edit-btn', function(e) {
|
||||
e.preventDefault();
|
||||
const url = $(this).attr('data-link');
|
||||
|
||||
let target = document.querySelector('#js-content-partial-target');
|
||||
target.innerHTML = "<h5 class='text-center my-5'>Loading...</h5>";
|
||||
fetch(url)
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
target.innerHTML = html;
|
||||
})
|
||||
})
|
||||
|
||||
$("body").on('submit', '.meetingForm', function(e) {
|
||||
e.preventDefault();
|
||||
let form = $('.meetingForm')[0];
|
||||
let formData = new FormData(form);
|
||||
param = {
|
||||
url: '{{ route('meeting.store') }}',
|
||||
type: 'meeting'
|
||||
}
|
||||
formSubmit(param, formData)
|
||||
window.location.href = "{{ route('calendar.index') }}";
|
||||
})
|
||||
|
||||
const formSubmit = (param, formData) => {
|
||||
let type = param.type
|
||||
$.ajax({
|
||||
url: param.url,
|
||||
type: 'POST',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
data: formData,
|
||||
success: function(response) {
|
||||
if (response.status == true) {
|
||||
eventData = response.data
|
||||
addEvent(eventData, type);
|
||||
}
|
||||
$(`#${param.type}Modal`).modal('hide');
|
||||
flasher.success(response.msg);
|
||||
$(`.${param.type}Form`)[0].reset()
|
||||
|
||||
},
|
||||
error: function(xhr) {
|
||||
if (xhr.responseJSON) {
|
||||
var errors = xhr.responseJSON;
|
||||
for (var key in errors) {
|
||||
if (errors.hasOwnProperty(key)) {
|
||||
var errorMessages = errors[key];
|
||||
for (var i = 0; i < errorMessages.length; i++) {
|
||||
flasher.error(errorMessages[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
flasher.error("An error occurred while processing your request.");
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
const addEvent = (data, type) => {
|
||||
className = '';
|
||||
console.log(data, type);
|
||||
if (type == 'event') {
|
||||
className = 'bg-primary-subtle'
|
||||
} else if (type == 'meeting') {
|
||||
className = 'bg-warning-subtle'
|
||||
} else if (type == 'meeting') {
|
||||
className = 'bg-success-subtle'
|
||||
}
|
||||
|
||||
calendar.addEvent({
|
||||
title: data.title,
|
||||
start: data.start_date,
|
||||
end: data.end_date,
|
||||
desc: data.description,
|
||||
location: data.location,
|
||||
className: className,
|
||||
allDay: true
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
54
resources/views/calendar/partials/event-form.blade.php
Normal file
54
resources/views/calendar/partials/event-form.blade.php
Normal file
@@ -0,0 +1,54 @@
|
||||
<div class="row gy-3">
|
||||
<div class="col-md-12">
|
||||
{{ html()->label('Title')->class('form-label') }}
|
||||
{{ html()->text('title')->class('form-control')->placeholder('Event Title')->required() }}
|
||||
{{ html()->div('Please Enter Event Title')->class('invalid-feedback') }}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Event Type')->class('form-label') }}
|
||||
{{ html()->select('type', config('constants.event_type_options'))->class('form-select select2')->placeholder('-Select-')->required() }}
|
||||
{{ html()->div('Please Choose Type')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Location')->class('form-label') }}
|
||||
{{ html()->text('location')->class('form-control')->placeholder('Event Location') }}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('Start Date')->class('form-label') }}
|
||||
<div class="input-group">
|
||||
{{ html()->text('start_date')->class('form-control flatpickr-input')->id('event-start-date')->placeholder('Event Start Date')->value(date('Y-m-d h:i:s'))->attributes([
|
||||
'data-provider' => 'flatpickr',
|
||||
'data-date-format' => 'Y-m-d',
|
||||
'data-enable-time' => '',
|
||||
])->required() }}
|
||||
<span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
|
||||
{{ html()->div('Please Choose Start Date')->class('invalid-feedback') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{{ html()->label('End Date')->class('form-label') }}
|
||||
<div class="input-group">
|
||||
{{ html()->text('end_date')->class('form-control flatpickr-input')->id('event-end-date')->placeholder('Event End Date')->attributes([
|
||||
'data-provider' => 'flatpickr',
|
||||
'data-date-format' => 'Y-m-d',
|
||||
'data-enable-time' => '',
|
||||
]) }}
|
||||
<span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12 col-md-12">
|
||||
{{ html()->label('Description')->class('form-label') }}
|
||||
{{ html()->textarea('description')->class('form-control ckeditor-classic') }}
|
||||
</div>
|
||||
|
||||
<div class="text-end">
|
||||
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" class="btn btn-success">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
86
resources/views/calendar/partials/meeting-form.blade.php
Normal file
86
resources/views/calendar/partials/meeting-form.blade.php
Normal file
@@ -0,0 +1,86 @@
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
{{ html()->label('Title')->class('form-label') }}
|
||||
{{ html()->text('title')->class('form-control')->placeholder('Meeting Title')->required() }}
|
||||
{{ html()->div('Please enter title')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6">
|
||||
{{ html()->label('Location')->class('form-label') }}
|
||||
{{ html()->text('location')->class('form-control')->placeholder('Meeting Location') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4">
|
||||
{{ html()->label('Date')->class('form-label') }}
|
||||
<div class="input-group">
|
||||
{{ html()->text('date')->class('form-control flatpickr-date')->placeholder('Start Date')->required() }}
|
||||
<span class="input-group-text"><i class="ri-calendar-line"></i></span>
|
||||
</div>
|
||||
{{ html()->div('Choose Start Date')->class('invalid-feedback') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4">
|
||||
{{ html()->label('Start Time')->class('form-label') }}
|
||||
{{ html()->time('start_time')->class('form-control')->placeholder('Event Start Time') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4">
|
||||
{{ html()->label('End Time')->class('form-label') }}
|
||||
{{ html()->time('end_time')->class('form-control')->placeholder('Event End Time') }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-3">
|
||||
{{ html()->label('Meeting with: ')->class('form-label') }}
|
||||
<div class="form-check form-radio-success">
|
||||
{{ html()->radio('meeting_with', false, 'client')->class('form-check-input meeting-with') }}
|
||||
{{ html()->label('Client')->class('form-check-label me-1')->for('meeting_with_client') }}
|
||||
</div>
|
||||
|
||||
<div class="form-check form-radio-success">
|
||||
{{ html()->radio('meeting_with', false, 'member')->class('form-check-input meeting-with') }}
|
||||
{{ html()->label('Office Members')->class('form-check-label me-1')->for('meeting_with_member') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9 col-md-9 client-dropdown d-none">
|
||||
{{ html()->label('Client')->class('form-label') }}
|
||||
{{ html()->select('client_id', $clientList)->class('form-select select2') }}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-9 col-md-9 member-dropdown d-none">
|
||||
{{ html()->label('Members')->class('form-label') }}
|
||||
{{ html()->multiselect('members[]', [])->class('form-control select2')->attributes(['multiple', 'id' => 'members']) }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12 col-md-12">
|
||||
{{ html()->label('Description')->class('form-label') }}
|
||||
{{ html()->textarea('description')->class('form-control ckeditor-classic') }}
|
||||
</div>
|
||||
|
||||
<div class="text-end">
|
||||
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" class="btn btn-success">Save</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@push('js')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
$('.meeting-with').change(function() {
|
||||
|
||||
let value = $(this).val();
|
||||
|
||||
if (value == 'member') {
|
||||
$('.member-dropdown').removeClass('d-none');
|
||||
$('.client-dropdown').addClass('d-none');
|
||||
} else {
|
||||
$('.member-dropdown').addClass('d-none');
|
||||
$('.client-dropdown').removeClass('d-none');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
17
resources/views/client/bibhuti/pages/home-template.blade.php
Normal file
17
resources/views/client/bibhuti/pages/home-template.blade.php
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Home Page</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<h1>Welcome to your Website</h1>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12
resources/views/client/raffles/errors/404.blade.php
Normal file
12
resources/views/client/raffles/errors/404.blade.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>404</h1>
|
||||
</body>
|
||||
</html>
|
||||
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
571
resources/views/client/raffles/layouts/app.blade.php
Normal file
@@ -0,0 +1,571 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<meta name="keywords"
|
||||
content="consultancy , seo, marketing, creative, modern, educare, education, responsive, raffles, usa, uk" />
|
||||
<meta name="author" content="LiquidThemes" />
|
||||
<meta name="description" content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:title" content="Raffles Educare" />
|
||||
<meta property="og:description"
|
||||
content="Raffles is a consultancy with high performance, and award-winning consultancy." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16"
|
||||
href="{{ asset('raffles/assets/images/logo/favicon/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="{{ asset('raffles/assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/theme.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/utility.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/style.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/swiper.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/base.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('raffles/assets/css/demo/start-hub-1/start-hub-1.css') }}" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Nunito:wght@400;600;700&family=Roboto&display=swap"
|
||||
rel="stylesheet" />
|
||||
<!-- FontAwesome CDN -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- for select2 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
|
||||
|
||||
|
||||
<title>Raffles Educare</title>
|
||||
</head>
|
||||
|
||||
<body data-lqd-cc="true" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="minimal" data-mobile-nav-scheme="gray"
|
||||
data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="custom" data-mobile-logo-alignment="default"
|
||||
data-overlay-onmobile="true">
|
||||
<div id="wrap">
|
||||
|
||||
<img src="{{ asset('raffles/assets/images/icons/aeroplane.png') }}" alt="Flying Plane" id="plane">
|
||||
|
||||
<div class="lqd-sticky-placeholder hidden"></div>
|
||||
|
||||
@include('client.raffles.layouts.partials.header')
|
||||
|
||||
@yield('content')
|
||||
|
||||
@include('client.raffles.layouts.partials.footer')
|
||||
|
||||
|
||||
</div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
||||
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/swiper.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/jquery-ui/jquery-ui.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fastdom/fastdom.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/bootstrap/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fresco/js/fresco.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/lity/lity.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/gsap.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/CustomEase.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/DrawSVGPlugin.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/minified/ScrollTrigger.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/draw-shape/liquidDrawShape.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/animated-blob/liquidAnimatedBlob.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/fontfaceobserver.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/tinycolor-min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/gsap/utils/SplitText.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/particles.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/flickity/flickity-fade.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/isotope.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/vendors/isotope/packery-mode.pkgd.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-gdpr.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/theme.min.js') }}"></script>
|
||||
<script src="{{ asset('raffles/assets/js/liquid-ajax-contact-form.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js')}}"></script>
|
||||
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor"
|
||||
d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"
|
||||
style="width: 1em; height: 1em">
|
||||
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z">
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"
|
||||
data-modal-type="default" style="display: none">
|
||||
<div class="lity-backdrop"></div>
|
||||
<div class="lity-wrap" data-lity-close role="document">
|
||||
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div class="lity-container">
|
||||
<div class="lity-content"></div>
|
||||
</div>
|
||||
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Your page content -->
|
||||
|
||||
<!-- Swiper JS (Best placed before closing </body>) -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<script src="{{ asset('raffles/assets/js/style.js') }}"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- for jquery and select2 -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
|
||||
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
||||
|
||||
<!-- for filtering -->
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const form = document.getElementById('contact-form');
|
||||
const submitBtn = document.getElementById('submit-btn');
|
||||
const url = form.action;
|
||||
form.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.textContent = 'Submitting…';
|
||||
const formData = new FormData(form);
|
||||
try {
|
||||
const res = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')
|
||||
.content
|
||||
},
|
||||
body: formData
|
||||
});
|
||||
const data = await res.json();
|
||||
if (res.ok) {
|
||||
form.reset();
|
||||
toastr.success(data.message || 'Contact Submitted successful!');
|
||||
} else if (data.errors && data.errors.email) {
|
||||
data.errors.email.forEach(msg => toastr.error(msg));
|
||||
} else {
|
||||
toastr.error('Submittion failed. Please try again.');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
toastr.error('Something went wrong. Please try again.');
|
||||
} finally {
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = 'Submit';
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var weekdays = [
|
||||
"sunday", "monday", "tuesday", "thursday", "friday"
|
||||
];
|
||||
$("#weekdays").select2({
|
||||
data: weekdays
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var eventType = [
|
||||
"full", "partail", "wedding", "intern", "associate"
|
||||
];
|
||||
$("#eventType").select2({
|
||||
data: eventType
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
$(document).ready(function() {
|
||||
|
||||
var resources = [
|
||||
"study", "travel", "master", "bachelors", "associate"
|
||||
];
|
||||
$("#resources").select2({
|
||||
data: resources
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
var timeframe = [
|
||||
"", ""
|
||||
];
|
||||
$("#franchise-timeframe").select2({
|
||||
data: timeframe
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Your Swiper initialization script -->
|
||||
<script>
|
||||
var swiper = new Swiper(".swiper-events", {
|
||||
slidesPerView: 3, // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-events .swiper-button-next',
|
||||
prevEl: '.swiper-events .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
320: { // Small screens (mobile)
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10
|
||||
},
|
||||
768: { // Tablets
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
1024: { // Laptops and desktops
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30
|
||||
},
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-banner", {
|
||||
slidesPerView: 1, // Adjusts based on available space
|
||||
|
||||
loop: true,
|
||||
autoplay: false,
|
||||
speed: 600, // duration in ms (600ms = smooth)
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true, // makes the dots clickable
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-banner .swiper-button-next',
|
||||
prevEl: '.swiper-banner .swiper-button-prev',
|
||||
},
|
||||
|
||||
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".swiper-universities", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-universities .swiper-button-next',
|
||||
prevEl: '.swiper-universities .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 30,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
var swiper = new Swiper(".swiper-teachers", {
|
||||
slidesPerView: "auto", // Adjusts based on available space
|
||||
centeredSlides: true, // Ensures the center slide is the active one
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
disableOnInteraction: false,
|
||||
pauseOnMouseEnter: true,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-teachers .swiper-button-next',
|
||||
prevEl: '.swiper-teachers .swiper-button-prev',
|
||||
},
|
||||
effect: "coverflow",
|
||||
coverflowEffect: {
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 100,
|
||||
modifier: 3,
|
||||
slideShadows: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// var swiper = new Swiper(".mySwiper-banner", {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 0,
|
||||
// navigation: {
|
||||
// nextEl: '.mySwiper-banner .swiper-button-next',
|
||||
// prevEl: '.mySwiper-banner .swiper-button-prev',
|
||||
// },
|
||||
// breakpoints: {
|
||||
// 640: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 10,
|
||||
// },
|
||||
// 768: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// 1024: {
|
||||
// slidesPerView: 1,
|
||||
// spaceBetween: 20,
|
||||
// },
|
||||
// },
|
||||
// });
|
||||
|
||||
|
||||
var swiper = new Swiper(".mySwiper-unis", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
// navigation: {
|
||||
// nextEl: '.mySwiper-text .swiper-button-next',
|
||||
// prevEl: '.mySwiper-text .swiper-button-prev',
|
||||
// },
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 2,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 2,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper-text", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-text .swiper-button-next',
|
||||
prevEl: '.mySwiper-text .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-video", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-video .swiper-button-next',
|
||||
prevEl: '.mySwiper-video .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-uni", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 1,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 3,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper-img", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-img .swiper-button-next',
|
||||
prevEl: '.mySwiper-img .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper = new Swiper(".mySwiper-team", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000, // 3 seconds between slides
|
||||
disableOnInteraction: false, // keeps autoplay running after user interacts
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.mySwiper-team .swiper-button-next',
|
||||
prevEl: '.mySwiper-team .swiper-button-prev',
|
||||
},
|
||||
breakpoints: {
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
102
resources/views/client/raffles/layouts/partials/footer.blade.php
Normal file
102
resources/views/client/raffles/layouts/partials/footer.blade.php
Normal file
@@ -0,0 +1,102 @@
|
||||
</main>
|
||||
<footer id="site-footer" class="main-footer">
|
||||
<div class="footer-graphics"></div>
|
||||
<section class="lqd-section footer-content text-black" data-section-luminosity="dark">
|
||||
<div class="container footer-inside">
|
||||
<div class="row pb-10 ">
|
||||
<div class="col col-6 col-md-3 flex flex-col text-start mb-20 p-10">
|
||||
<div class=" mb-25 lqd-imggrp-single block relative">
|
||||
<div class=" lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<h2 class="text-black text-24">{{ setting('title') }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" ld-fancy-heading relative">
|
||||
|
||||
<p class="ld-fh-element inline-block relative text-16 leading-20 mb-1em text-black lg:m-0">
|
||||
{{ setting('description') }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@foreach ($footerMenus as $menu)
|
||||
<div class="col col-6 col-md-3 flex flex-col items-center">
|
||||
<div>
|
||||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-black">
|
||||
{{ $menu->title }}
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lqd-fancy-menu lqd-custom-menu relative left lqd-menu-td-none">
|
||||
<ul
|
||||
class="reset-ul link-14 link-font-normal flex flex-col justify-center text-center gap-10">
|
||||
@if ($menu->hasSubMenu())
|
||||
@foreach ($menu->children as $subMenu)
|
||||
<li>
|
||||
<a class="text-black btn btn-naked btn-icon-right btn-hover-swp animation-element"
|
||||
data-localscroll="true" href="franchise.php"><span
|
||||
class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label"></span>
|
||||
<span class="btn-txt"
|
||||
data-text="Franchise">{{ $subMenu->title }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
<div class="col col-12 col-md-4 flex flex-col p-10">
|
||||
<div class="mb-20 ld-fancy-heading relative module-title">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative font-title text-15 font-bold leading-20 mb-1em text-black">
|
||||
Subscribe for Newsletter
|
||||
</h3>
|
||||
</div>
|
||||
<div class="lqd-fancy-menu lqd-custom-menu flex flex-col gap-5 relative left lqd-menu-td-none">
|
||||
|
||||
<form class="flex" action="">
|
||||
<input class=" border-0 w-80percent px-20 text-14 py-10 text-black" type="email"
|
||||
name="email" id="email" placeholder="Enter your Email">
|
||||
<button class="border-0 text-white p-10 text-12 ">Subscribe</button>
|
||||
</form>
|
||||
|
||||
<div class="flex gap-15 mt-10 flex-wrap social-icons-footer">
|
||||
<a href="{{ setting('facebook') }}" target="blank"><i class="fa-brands fa-facebook"></i></a>
|
||||
<a href="{{ setting('youtube') }}" target="blank"> <i class="fa-brands fa-youtube"></i></a>
|
||||
<a href="{{ setting('instagram') }}" target="blank"> <i
|
||||
class="fa-brands fa-square-instagram"></i></a>
|
||||
<a href="{{ setting('tiktok') }}" target="blank"> <i class="fa-brands fa-tiktok"></i></a>
|
||||
<a href="{{ setting('whatsapp') }}" target="blank"> <i
|
||||
class="fa-brands fa-square-whatsapp"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="footer-logos">
|
||||
<div class="container">
|
||||
|
||||
<div class="flex justify-center items-center">
|
||||
<img src="{{ setting('other_image') }}" alt="">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="flex justify-between border-top pt-20 pb-30">
|
||||
<p class="text-black text-12 text-medium m-0">{{ setting('copyright') }}</p>
|
||||
<p class="text-black text-12 text-medium m-0">Designed by <a
|
||||
href="https://www.bibhutisolutions.com/" target="blank"
|
||||
class="text-black underline cursor-pointer">Bibhuti Solutions</a> </p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</footer>
|
||||
256
resources/views/client/raffles/layouts/partials/header.blade.php
Normal file
256
resources/views/client/raffles/layouts/partials/header.blade.php
Normal file
@@ -0,0 +1,256 @@
|
||||
<header id="site-header" class="main-header main-header-overlay sticky-header-noshadow" data-sticky-header="true"
|
||||
data-sticky-values-measured="false">
|
||||
|
||||
|
||||
<section class="lqd-section lg:mt-0 md:hidden">
|
||||
<div class=" bg-white w-full p-0 box-shadow-bottom-header">
|
||||
<div class=" main-heading h-full flex items-center justify-between transition-all rounded-6 ">
|
||||
<div class="w-auto flex">
|
||||
<div class="module-logo flex navbar-brand-plain py-20">
|
||||
<a class="navbar-brand flex p-0 relative w-140" href="{{ url('/') }}" rel="home"><span
|
||||
class="navbar-brand-inner post-rel"><img src="{{ setting('logo') }}"
|
||||
alt="raffle logo" /></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto flex mx-15">
|
||||
<div class="module-primary-nav flex">
|
||||
<div class="navbar-collapse inline-flex p-0 lqd-submenu-cover flex-grow-1 flex-shrink-1 overflow-visible h-auto navbar"
|
||||
id="main-header-collapse" aria-expanded="false" role="navigation">
|
||||
<ul class="main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fade-inactive link-14 link-medium navbar-menu"
|
||||
data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}'
|
||||
data-localscroll="true"
|
||||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
<li>
|
||||
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/about-us">About
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="text-ter leading-30 px-20 py-5 dropdown-toggle hover:text-brand"
|
||||
href="# ">Our Services <span
|
||||
class="link-icon inline-flex hide-if-empty right-icon"><i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<!-- Background decorations -->
|
||||
<div class="bg-decoration bg-decoration-1"></div>
|
||||
<div class="bg-decoration bg-decoration-2"></div>
|
||||
|
||||
<div class="services-grid">
|
||||
<!-- Study Destinations -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Study Destinations</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($countries as $country)
|
||||
<a href="{{ route('country.single', $country->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon blue-bg">
|
||||
<i class="fa-solid fa-globe"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">{{ $country->title }}
|
||||
</div>
|
||||
<div class="service-description">
|
||||
{{ $country->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border blue-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Test Preparation -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Test Preparation</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($tests as $test)
|
||||
<a href="{{ route('test.single', $test->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon indigo-bg">
|
||||
<i class="fa-solid fa-book-open"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">Prepare
|
||||
{{ $test->title }}</div>
|
||||
<div class="service-description">
|
||||
{{ $test->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border indigo-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Support Services -->
|
||||
<div class="service-category">
|
||||
<h3 class="category-title">Support Services</h3>
|
||||
<div class="service-items">
|
||||
@foreach ($services as $service)
|
||||
<a href="{{ route('service.single', $service->slug) }}"
|
||||
class="service-item">
|
||||
<div class="service-icon cyan-bg">
|
||||
<i class="fa-solid fa-users"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<div class="service-name">{{ $service->title }}
|
||||
</div>
|
||||
<div class="service-description">
|
||||
{{ $service->short_description }}</div>
|
||||
</div>
|
||||
<div class="service-border cyan-gradient"></div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="text-ter leading-30 px-20 py-5 hover:text-brand" href="/blog">Blog</a>
|
||||
</li>
|
||||
<li><a href="/contact-us"
|
||||
class="text-ter leading-30 px-20 py-5 hover:text-brand">Contact </a></li>
|
||||
|
||||
|
||||
<li>
|
||||
<div
|
||||
class="btn btn-solid cursor-pointer text-14 font-bold rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5">
|
||||
<span class="btn-txt" id="get-in-touch">Book a Counsellor</span>
|
||||
</div>
|
||||
|
||||
@include('client.raffles.parts.get-in-touch')
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="/course-finder"
|
||||
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
|
||||
class="btn-txt">Course Finder</span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/resources"
|
||||
class="btn btn-solid text-14 font-medium rounded-30 leading-30 bg-yellow text-black module-btn-sm px-20 py-5 hover:text-black"><span
|
||||
class="btn-txt">Free Resources</span>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="lqd-section lqd-stickybar-wrap lqd-stickybar-right pointer-events-none md:hidden"
|
||||
data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"opacity":0} , "animations":{"opacity":1}}'>
|
||||
<div class="container">
|
||||
<div class="w-full h-full flex flex-col justify-between items-center p-10">
|
||||
<div class="spacer w-full">
|
||||
<div class="spacer-inner"></div>
|
||||
</div>
|
||||
<div class="lqd-scrl-indc flex whitespace-nowrap lqd-scrl-indc-style-dot vertical-lr -rotate-180 animation-element"
|
||||
data-lqd-scroll-indicator="true">
|
||||
<a class="pointer-events-auto text-black" href="#wrap" data-localscroll="true"
|
||||
data-lqd-interactive-color="true"><span class="lqd-scrl-indc-inner flex items-center"><span
|
||||
class="lqd-scrl-indc-txt" id="scroll-indicator-label">scroll</span>
|
||||
<span class="lqd-scrl-indc-line flex-grow-1 relative bg-black-20"><span
|
||||
class="lqd-scrl-indc-el inline-block absolute rounded-4"></span></span></span></a>
|
||||
</div>
|
||||
<div class="pl-20 -rotate-90">
|
||||
<a href="cost-calculator.php"
|
||||
class="btn btn-solid btn-icon-right rounded-full pointer-events-auto text-white bg-primary module-btn-circle"
|
||||
data-lqd-interactive-color="true"><span class="btn-icon rotate-90"><i
|
||||
class="fas fa-calculator text-20"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="lqd-mobile-sec relative">
|
||||
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full bg-white">
|
||||
<div class="lqd-mobile-modules-container empty"></div>
|
||||
<button type="button"
|
||||
class="p-0 navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent"
|
||||
data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav"
|
||||
aria-expanded="false" data-toggle-options='{ "changeClassnames": {"html": "mobile-nav-activated"} }'>
|
||||
<span class="sr-only">Menu</span>
|
||||
<span class="bars inline-block relative z-1"><span
|
||||
class="bars-inner flex flex-col w-full h-full"><span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span></span></span>
|
||||
</button>
|
||||
<a class="navbar-brand flex relative py-20 w-100" href="index.php"><span
|
||||
class="navbar-brand-inner -mr-20"><img width="100" src="assets/images/logo/logo.png"
|
||||
alt="raffle logo" /></span></a>
|
||||
</div>
|
||||
<div class="lqd-mobile-sec-nav w-full absolute z-10">
|
||||
<div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav"
|
||||
aria-expanded="false" role="navigation">
|
||||
<ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav"
|
||||
data-localscroll="true"
|
||||
data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
<li><a href="about.php">About </a></li>
|
||||
<li class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
<div class="accordion-item panel ">
|
||||
<div class="accordion-heading" role="tab" id="service-menu-1">
|
||||
<h4 class="accordion-title px-25">
|
||||
<a class="collapsed text-17 font-normal " role="button"
|
||||
data-bs-toggle="collapse" data-bs-parent="#menu-dropdown"
|
||||
href="index.php#collapse-service-menu-1" aria-expanded="false"
|
||||
aria-controls="collapse-service-menu-1" href="#">Our Services <span
|
||||
class="link-icon inline-flex hide-if-empty right-icon"><i
|
||||
class="lqd-icn-ess icon-ion-ios-arrow-down"></i></span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-service-menu-1" class="accordion-collapse collapse menu-dropdown"
|
||||
data-bs-parent="#menu-dropdown" role="tabpanel" aria-labelledby="service-menu-1">
|
||||
<ul>
|
||||
<li><a class="hover:text-brand" href="study-uk.php">Study in UK</a></li>
|
||||
<li><a class="hover:text-brand" href="study-usa.php">Study in USA</a></li>
|
||||
<li><a class="hover:text-brand" class="hover:text-brand"
|
||||
href="study-canada.php">Study in Canada</a></li>
|
||||
<li><a class="hover:text-brand" href="study-denmark.php">Study in Denmark</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="study-australia.php">Study in Australia</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="ielts.php">Prepare IELTS</a></li>
|
||||
|
||||
|
||||
<li><a class="hover:text-brand" href="pte.php">Prepare PTE</a></li>
|
||||
<li><a class="hover:text-brand" href="duolingo.php">Prepare Duolingo</a></li>
|
||||
<li><a class="hover:text-brand" href="interview-preparation.php">Interview
|
||||
Preparation</a></li>
|
||||
<li><a class="hover:text-brand" href="visa-assistance.php">Visa Assistance</a>
|
||||
</li>
|
||||
<li><a class="hover:text-brand" href="financial-guidance.php">Financial
|
||||
Guidance</a></li>
|
||||
<li><a class="hover:text-brand" href="travel-assistance.php">Travel
|
||||
Assistance</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="contact-us.php">Contact</a></li>
|
||||
<li><a href="blogs.php">Blog</a></li>
|
||||
<li>
|
||||
<a href="book-counsellor.php">Book a Counsellor</a>
|
||||
</li>
|
||||
<li><a href="course-finder.php">Course Finder</a></li>
|
||||
<li><a href="resources.php">Free Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="content" id="lqd-site-content">
|
||||
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
|
||||
22
resources/views/client/raffles/pagination/custom.blade.php
Normal file
22
resources/views/client/raffles/pagination/custom.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<div class="row">
|
||||
<div class="col-12 mt-2 d-flex justify-content-center">
|
||||
<ul class="pagination pagination-style-01 fs-13 fw-500 mb-0"
|
||||
data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||
<li class="page-item"><a class="page-link" href="{{ $data->previousPageUrl() }}"><i
|
||||
class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
|
||||
|
||||
@foreach ($data->links()->elements[0] as $page => $url)
|
||||
@if ($page == $data->currentPage())
|
||||
<li class="page-item active"><a class="page-link" href="javascript:void(0);">{{ $page }}</a>
|
||||
</li>
|
||||
@else
|
||||
<li><a href="{{ $url }}">{{ $page }}</a></li>
|
||||
<li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<li class="page-item"><a class="page-link" href="{{ $data->nextPageUrl() }}"><i
|
||||
class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
36
resources/views/client/raffles/parts/achievements.blade.php
Normal file
36
resources/views/client/raffles/parts/achievements.blade.php
Normal file
@@ -0,0 +1,36 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstPage = $page->children[3];
|
||||
$words = explode(' ', $firstPage->title);
|
||||
$last_word = array_pop($words);
|
||||
$new_title = implode(' ', $words);
|
||||
@endphp
|
||||
<div class="container py- scroll-section" id="achievement" data-name="Achievement">
|
||||
<div class="w-full block section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec text-ter">
|
||||
Achievements
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-40">
|
||||
<div class="swiper mySwiper-img">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($firstPage as $item)
|
||||
@foreach ($firstPage->images as $data)
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-10" src="{{ $data }}" alt="">
|
||||
</div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
170
resources/views/client/raffles/parts/banner.blade.php
Normal file
170
resources/views/client/raffles/parts/banner.blade.php
Normal file
@@ -0,0 +1,170 @@
|
||||
<div id="lqd-contents-wrap">
|
||||
<section class="lqd-section banner pt-140 pb-80 scroll-section" id="banner" data-name="Banner">
|
||||
<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 class="banner-size">
|
||||
<div class="swiper swiper-banner">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($sliders as $slider)
|
||||
<div class="swiper-slide">
|
||||
<div class="row">
|
||||
<div class="col col-12 col-md-7 col-xl-6" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"y": "60px", "rotationY":65, "opacity":0, "transformOrigin": "50% 50% 80px"} , "animations":{"y": "0px", "rotationY":0, "opacity":1, "transformOrigin": "50% 50% 0px"}}'>
|
||||
<div class="flex flex-wrap module-content mt-5 mr-80">
|
||||
<div class=" w-full ld-fancy-heading relative animation-element">
|
||||
|
||||
<h1
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 text-four font-light">
|
||||
{{ $slider->title }}
|
||||
</h1>
|
||||
|
||||
|
||||
</div>
|
||||
<div class=" w-full ld-fancy-heading relative animation-element">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 font-light text-ter">
|
||||
with expert
|
||||
</h3>
|
||||
</div>
|
||||
<div class="mb-20 w-full ld-fancy-heading relative animation-element">
|
||||
<h3
|
||||
class="ld-fh-element inline-block relative -tracking-1/5 mb-0 font-light text-ter">
|
||||
guidance from
|
||||
</h3>
|
||||
</div>
|
||||
<div class="-mt-10 mb-10 w-full ld-fancy-heading relative animation-element">
|
||||
<h3 class="ld-fh-element inline-block relative text-rotator-activated bg-transparent -tracking-1/5 m-0 animated-text"
|
||||
data-text-rotator="true">
|
||||
<span class="txt-rotate-keywords"><span
|
||||
class="txt-rotate-keyword active">international
|
||||
students</span>
|
||||
<span class="txt-rotate-keyword ">international students</span>
|
||||
<span class="txt-rotate-keyword ">international
|
||||
students</span></span>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="w-full flex flex-wrap flex-xl-nowrap">
|
||||
<div class="w-100percent lg:w-full flex animation-element">
|
||||
|
||||
<a href="study-usa.php"
|
||||
class="btn btn-solid btn-hover-txt-marquee btn-hover-txt-marquee-y btn-icon-right lg:text-12 text-18 font-light rounded-20 leading-5 bg-brand module-btn-sm">
|
||||
<span class="btn-txt " data-text="Find my dream university"
|
||||
data-split-text="true"
|
||||
data-split-options='{"type": "chars, words"}'>Find my dream
|
||||
university</span>
|
||||
<span class="btn-icon mt-3"><i
|
||||
class="fa-solid fa-arrow-right text-11 bg-white rounded-full text-brand banner-arrow"></i></span></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<section class="lqd-section social-media pt-40 w-85percent">
|
||||
<div class="">
|
||||
<div class="row py-25 px-5 rounded-20 bg-yellow">
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="4">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
Universities
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0 ">
|
||||
<div
|
||||
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="3">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
mentors
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class="iconbox flex flex-grow-1 relative flex-col iconbox-default border-right border-white">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="40">0</span> </h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
countries
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-3 text-center p-0">
|
||||
<div
|
||||
class=" iconbox flex flex-grow-1 relative flex-col iconbox-default ">
|
||||
<div>
|
||||
<h3 class=" text-ter text-22 font-light m-0"><span
|
||||
class="counter" data-target="90">0</span> k</h3>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<h3
|
||||
class="font-title text-11 font-light leading-20 m-0 text-gray-700 lqd-iconbox-heading text-ter">
|
||||
success stories
|
||||
</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-5 col-xl-6">
|
||||
<div class="mb-20"></div>
|
||||
<div class="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 class="lqd-imggrp-single block relative" data-float="ease-in-out">
|
||||
<div
|
||||
class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<figure class="w-full relative">
|
||||
<video autoplay muted loop src="{{ asset($slider->images[0]) }}">
|
||||
</video>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
81
resources/views/client/raffles/parts/contact.blade.php
Normal file
81
resources/views/client/raffles/parts/contact.blade.php
Normal file
@@ -0,0 +1,81 @@
|
||||
<section class="lqd-section how-it-work scroll-section" id="contact" data-name="Contact">
|
||||
<div class="container w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Do you have a <span class="section-heading-sec text-ter">Query?</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class=" bg-brand rounded-20 py-20 px-20">
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-md-6 " 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-10 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all pt-30 px-20 mr-50 sm:mr-0">
|
||||
|
||||
<div class="d-flex justify-center pt-10">
|
||||
<h2
|
||||
class="ld-fh-element mb-0/2em inline-block relative leading-45 -mt-0/2em section-heading">
|
||||
Get in Touch
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
|
||||
@csrf
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
|
||||
id="" placeholder="Full Name">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="phone"
|
||||
id="" placeholder="Phone">
|
||||
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
|
||||
id="" placeholder="Email">
|
||||
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="" placeholder="Message"></textarea>
|
||||
<button class="button-hover px-20 py-10 bg-brand text-white rounded-30 text-14 border-0"
|
||||
type="submit" id="submit-btn">Submit</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- next column -->
|
||||
<div class="col col-12 col-md-6" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".accordion", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
|
||||
<h2 class="text-26 text-white text-center">FAQ</h2>
|
||||
<div class="accordion accordion-title-underlined accordion-sm xl:ml-0 pl-10"
|
||||
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
||||
@foreach ($faqs as $index => $faq)
|
||||
<div class="accordion-item panel mb-10">
|
||||
<div class="accordion-heading" role="tab" id="contact-question-{{ $index + 1 }}">
|
||||
<h4 class="accordion-title">
|
||||
<a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
|
||||
data-bs-parent="#accordion-questions"
|
||||
href="index.php#collapse-question-contact-{{ $index + 1 }}"
|
||||
aria-expanded="false" aria-controls="collapse-question-contact-1"><span
|
||||
class="accordion-title-txt">{{ $faq->title }}</span>
|
||||
<span class="accordion-expander text-16 text-white"><i
|
||||
class="lqd-icn-ess icon-ion-ios-add"></i>
|
||||
<i class="lqd-icn-ess icon-ion-ios-remove"></i></span></a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse-question-contact-{{ $index + 1 }}"
|
||||
class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
|
||||
role="tabpanel" aria-labelledby="contact-question-{{ $index + 1 }}">
|
||||
<div class="accordion-content text-14 leading-20 text-white">
|
||||
<p>
|
||||
{{ $faq->description }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
41
resources/views/client/raffles/parts/courses.blade.php
Normal file
41
resources/views/client/raffles/parts/courses.blade.php
Normal file
@@ -0,0 +1,41 @@
|
||||
@if ($page->children->count() > 0)
|
||||
@php
|
||||
$firstCourse = $page->children[2];
|
||||
@endphp
|
||||
|
||||
<section class="course-section">
|
||||
|
||||
|
||||
<div class="container mb-20 scroll-section" id="course" data-name="Course">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec">
|
||||
Courses
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ">
|
||||
@foreach ($firstCourse->custom as $index => $data)
|
||||
<div class=" col col-md-3">
|
||||
<a href="course-finder.php" class=" course-box rounded-10 ">
|
||||
<div class="w-100">
|
||||
<img class="w-full " src="{{ asset($firstCourse->images[$index]) }}" alt="">
|
||||
</div>
|
||||
<div class="pt-10">
|
||||
<p class=" text-16 text-white m-0">{{ $data['key'] ?? '' }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="flex justify-center mt-30">
|
||||
<a class="button-hover px-10 py-5 bg-sec text-16 text-white rounded-30" href="/course-finder">Apply
|
||||
Now</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
99
resources/views/client/raffles/parts/get-in-touch.blade.php
Normal file
99
resources/views/client/raffles/parts/get-in-touch.blade.php
Normal file
@@ -0,0 +1,99 @@
|
||||
<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="{{ route('enquiry.store') }}" method="POST" id="contact-form">
|
||||
@csrf
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="name" id="name" placeholder=" Name">
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||||
name="address" id="address" 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="email" id="email" placeholder="Your Email">
|
||||
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
|
||||
inputmode="numeric" name="mobile" id="mobile" placeholder="Contact">
|
||||
</div>
|
||||
|
||||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" name="score"
|
||||
id="score" 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="qualification" id="qualification"
|
||||
placeholder="Recent Education Qualification">
|
||||
<input class="mb-20" type="checkbox">
|
||||
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
|
||||
<button type="submit" id="submit-btn"
|
||||
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{{ setting('phone') }}">{{ setting('phone') }}</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:{{ setting('email') }}">{{ setting('email') }}</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="{{ setting('map') }}" width="100%" height="100%" style="border:0;"
|
||||
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
278
resources/views/client/raffles/parts/process.blade.php
Normal file
278
resources/views/client/raffles/parts/process.blade.php
Normal file
@@ -0,0 +1,278 @@
|
||||
<section class="lqd-section process scroll-section " id="process" data-name="Process" data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
<div class="container">
|
||||
<div class="w-full block mb-15 section">
|
||||
<div class="w-700 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Get Real Guidelines <span class="section-heading-sec text-ter">From Expert Counsellor</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="w-full pt-80 -mt-60 mb-0 bg-no-repeat bg-center transition-all bg-auto module-icon-box">
|
||||
<div class="container">
|
||||
<div class="row items-center -mr-20 -ml-20">
|
||||
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center curve-1">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
<div class="iconbox-icon-wrap curve-1 relative">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/handshake.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
<img src="{{ asset('raffles/assets/images/icons/dotted-curve.png') }}"
|
||||
alt="">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-1"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">MEET</h3>
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center curve-2">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/meet.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
<img class="curve-img1"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">PLAN</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/prepare.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-3"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">PREPARE</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/apply.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
<img class="curve-img1"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-4"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">APPLY</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mt-115 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/visa.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-sec text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-5"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">VISA</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-sec h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-md-4 col-lg-2 text-center">
|
||||
<div
|
||||
class="shadow-green mb-30 mx-20 sm:mx-0 iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-circle animation-element">
|
||||
|
||||
<div class="iconbox-icon-wrap curve-1 icon1">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 w-80 h-80 bg-sec text-white">
|
||||
<img class="w-30 process-icon"
|
||||
src="{{ asset('raffles/assets/images/icons/plane.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
<img class="curve-img"
|
||||
src="{{ asset('raffles/assets/images/icons/curve.png') }}"
|
||||
alt="">
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="dotted-b"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div
|
||||
class="iconbox-icon-container inline-flex relative z-1 rounded-full text-18 mb-15 w-40 h-40 bg-change text-white">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-num-6"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-22 font-bold pb-10">FLY ABROAD</h3>
|
||||
|
||||
</div>
|
||||
<div class="w-40 bg-black h-2 mx-auto mb-5"></div>
|
||||
|
||||
|
||||
<div class="contents">
|
||||
<p class="text-14 leading-20 text-secondary">
|
||||
Bring your ideas to life with an intuitive
|
||||
visual editor.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="section-break"></div> -->
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading">
|
||||
Blogs
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="swiper mySwiper-img">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading">
|
||||
Blogs
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="swiper mySwiper-img">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide ">
|
||||
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30" src="assets/images/general/about-banner.png" alt="">
|
||||
<div class="absolute left-5percent bottom-20">
|
||||
<h3 class="text-white text-20">How do i manage my financials?</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="container mt-40">
|
||||
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">Slide 1</div>
|
||||
<div class="swiper-slide">Slide 2</div>
|
||||
<div class="swiper-slide">Slide 3</div>
|
||||
<div class="swiper-slide">Slide 4</div>
|
||||
<div class="swiper-slide">Slide 5</div>
|
||||
<div class="swiper-slide">Slide 6</div>
|
||||
<div class="swiper-slide">Slide 7</div>
|
||||
<div class="swiper-slide">Slide 8</div>
|
||||
<div class="swiper-slide">Slide 9</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
636
resources/views/client/raffles/parts/testimonial-text.blade.php
Normal file
636
resources/views/client/raffles/parts/testimonial-text.blade.php
Normal file
@@ -0,0 +1,636 @@
|
||||
<div class="container mt-40">
|
||||
|
||||
<div class="swiper mySwiper-text">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($testimonials as $testimonial)
|
||||
<div class="swiper-slide">
|
||||
<div class="box">
|
||||
<div class="flex gap-10 flex-col mt-10">
|
||||
<div class="flex gap-20 ">
|
||||
<img class="w-50 rounded-100 h-50" src="{{ asset($testimonial->image) }}" alt="">
|
||||
<div class="flex flex-col">
|
||||
<h3 class="text-18 font-bold">{{ $testimonial->title }}</h3>
|
||||
<h4 class="text-14 font-light">{{ $testimonial->designation }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-5 ml-55">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
<img class="w-15" src="{{ asset('raffles/assets/images/icons/star.svg') }}"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-10">
|
||||
<h3 class="text-14 text- font-medium">It was a very good experience!</h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- Pagination -->
|
||||
<!-- <div class="swiper-pagination"></div> -->
|
||||
<!-- Navigation Buttons -->
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <div class="w-full block mb-70 sm:m-0 module-carousels mt-30">
|
||||
<div
|
||||
class="carousel-container carousel-dots-mobile-outside carousel-dots-mobile-center animation-element"
|
||||
>
|
||||
<div
|
||||
class="carousel-items relative"
|
||||
data-lqd-flickity='{"cellAlign": "center", "autoPlay": true, "wrapAround": true, "groupCells": false, "pauseAutoPlayOnHover": false, "prevNextButtons": false, "pageDots": false}'
|
||||
>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-hulu.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
Design quality and optimization are the key
|
||||
points because of which I chose this theme.
|
||||
Thank you to the developers and support team,
|
||||
you are great.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-spotify.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
I'm only just starting to work with this
|
||||
theme, but so far it looks great and extremely
|
||||
customizable. Not everything was clear to me
|
||||
though, but the support has been absolutely
|
||||
amazing and they solved all my questions so
|
||||
far.
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-hulu.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
HUB is by far the best theme here in
|
||||
Themeforest, I don't think anyone can match
|
||||
it's code quality, design or anything anytime
|
||||
soon! I hope you sell 10 million copies, I'm
|
||||
soooo glad I found it
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-amd-logo-1-1.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
I would give LiquidThemes are five stars for
|
||||
each category if I could! I LOVE the demo site
|
||||
I was able to easily download and customize -
|
||||
I'm going to have the best portfolio site
|
||||
ever! Yay microinteractions!
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="carousel-item flex flex-col justify-center px-15 w-50percent lg:w-50percent"
|
||||
>
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<div
|
||||
class="lqd-testi relative lqd-testi-style-19 flex flex-col lqd-testi-card lqd-testi-shadow-sm lqd-testi-details-same lqd-testi-details-inline lqd-testi-quote-18 lqd-testi-avatar-60"
|
||||
>
|
||||
<div class="lqd-testi-extra mb-1/35em">
|
||||
<figure>
|
||||
<img
|
||||
src="assets/images/demo/start-hub-1/client-dark-spotify.svg"
|
||||
alt="Markfortez, Envato User"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-testi-quote mb-1/5em">
|
||||
<blockquote>
|
||||
<p>
|
||||
The theme is beautifully designed with a bunch
|
||||
of eye candy that will make your site stand
|
||||
apart. Customer service is very friendly and
|
||||
responsive as well, great job!
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="flex mb-0/5em">
|
||||
<ul
|
||||
class="lqd-star-rating lqd-star-rating-shaped lqd-star-rating-fill"
|
||||
>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
<li>
|
||||
<svg
|
||||
class="active"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewbox="0 0 576 512"
|
||||
style="width: 1em; height: 1em"
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
|
||||
></path>
|
||||
</svg>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="lqd-testi-info flex flex-col flex-wrap justify-between"
|
||||
>
|
||||
<div class="lqd-testi-details flex items-center">
|
||||
<div class="lqd-testi-np flex items-center">
|
||||
<h3 class="text-blue-500">
|
||||
Markfortez, Envato User
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="swiper mySwiper-video">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($gallaries as $gallery)
|
||||
<div class="swiper-slide">
|
||||
<div class="video-container">
|
||||
<video id="hoverVideo" src="{{ asset($gallery->images[0]) }}" playsinline loop
|
||||
preload="auto"></video>
|
||||
<div class="play-button" id="playBtn">▶</div>
|
||||
<div class="text">
|
||||
<p class="text-black text-14 ">Lorem ipsum dolor sit amet, consectetur </p>
|
||||
</div>
|
||||
<div class="name">
|
||||
<h4 class="text-14">{{ $gallery->title }}</h4>
|
||||
<img class="w-50" src="{{ asset($gallery->images[0]) }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
25
resources/views/client/raffles/parts/testimonial.blade.php
Normal file
25
resources/views/client/raffles/parts/testimonial.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<section class="testimonial-slides pb-30">
|
||||
|
||||
<div class="container scroll-section " id="testimonial" data-name="Testimonial">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 section-heading-sec text-ter">
|
||||
Testimonials
|
||||
</h2>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative animation-element">
|
||||
<p class="ld-fh-element mb-0/5em inline-block relative text-18 font-light leading-25 text-ter">
|
||||
Hear what our students have to say about Raffles
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('client.raffles.parts.testimonial-video')
|
||||
@include('client.raffles.parts.testimonial-text')
|
||||
|
||||
<div class="dot-break">• • •</div> -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="container universities-slider ">
|
||||
<div class="partner-bg">
|
||||
<img src="{{ asset('raffles/assets/images/general/our-partner-img.png') }}" alt="">
|
||||
</div>
|
||||
<div class="swiper mySwiper-unis">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($partners as $partner)
|
||||
<div class="swiper-slide">
|
||||
<div class="image">
|
||||
<img src="{{ asset($partner->image) }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
88
resources/views/client/raffles/parts/universities.blade.php
Normal file
88
resources/views/client/raffles/parts/universities.blade.php
Normal file
@@ -0,0 +1,88 @@
|
||||
<div class="container scroll-section" id="university" data-name="University">
|
||||
<div class="w-full block mb-35 section">
|
||||
<div class="w-full sm:w-full flex flex-col mx-auto text-center p-10">
|
||||
<div class="ld-fancy-heading relative mb-20 animation-element">
|
||||
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
||||
Our Partner <span class="section-heading-sec text-ter">Universities</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@include('client.raffles.parts.universities-slider')
|
||||
|
||||
<div class="flex justify-center py-5 sm:hidden ">
|
||||
<p class="horz-line"></p>
|
||||
</div>
|
||||
|
||||
<div class="testimonial-boxes flex justify-start flex-wrap pl-5 pt-50 gap-5 relative "
|
||||
data-custom-animations="true"
|
||||
data-ca-options='{"animationTarget": ".animation-element", "ease": "power4.inOut", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||||
@foreach ($counters as $counter)
|
||||
<div class="box">
|
||||
<div class="px-15 pt-20 flex flex-col gap-1 items-center justify-center rounded-30 animation-element">
|
||||
<div class="w-70 lg:w-33">
|
||||
<img src="{{ asset($counter->image) }}" alt="">
|
||||
</div>
|
||||
<p class="text-white text-16 lg:text-12 mb-0 pt-20">{{ $counter->title }}</p>
|
||||
<p class="text-white lg:text-30 text-54 m-0 p-0 font-bold"><span class="counter"
|
||||
data-target="50">{{ $counter->counter }}</span>+</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
|
||||
<div class="uni-bg-image">
|
||||
<div class="flex justify-center py-5 sm:hidden ">
|
||||
<p class="horz-line "></p>
|
||||
</div>
|
||||
<!-- image -->
|
||||
<div class="relative flex gap-0" id="animated-section">
|
||||
<div class="line-group left-group">
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
<div class="line"></div>
|
||||
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line-text">Left service</div>
|
||||
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uni-img flex justify-center items-center mx-auto center-imag sm:hidden">
|
||||
<img src="{{ asset('raffles/assets/images/general/years.png') }}" alt="">
|
||||
</div>
|
||||
|
||||
<div class="line-group right-group">
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
<div class="line-item">
|
||||
<div class="line"></div>
|
||||
<div class="line-text">Right service</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<video autoplay muted loop>
|
||||
<source src="{{ asset('raffles/assets/images/video/dots.mp4') }}" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-break"></div>
|
||||
</div>
|
||||
1
resources/views/client/raffles/template/_00.txt
Normal file
1
resources/views/client/raffles/template/_00.txt
Normal file
@@ -0,0 +1 @@
|
||||
hubhtml.liquid-themes.com/index-start-hub-1.html
|
||||
13
resources/views/client/raffles/template/_downloads.html
Normal file
13
resources/views/client/raffles/template/_downloads.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title> Downloads </title>
|
||||
</head>
|
||||
<body>
|
||||
<h1> Downloads </h1>
|
||||
<ul>
|
||||
<li><a id="https://hubhtml.liquid-themes.com/index-start-hub-1.html" href="index-start-hub-1.html"> Start hub One </a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,256 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #225469;
|
||||
--lqd-color-secondary: #54595F;
|
||||
--lqd-body-text-color: #7A7A7A;
|
||||
--lqd-color-accent: #61CE70;
|
||||
--lqd-color-gradient-start: #AEBAE0;
|
||||
--lqd-color-gradient-stop: #E6A042;
|
||||
--lqd-color-darkgreen: #103A40;
|
||||
--lqd-color-amber-100: #FCF5F3;
|
||||
--lqd-color-amber-600: #CC7851;
|
||||
--lqd-color-blue-100: #E9ECFB;
|
||||
--lqd-color-blue-200: #F0F2FA;
|
||||
--lqd-color-blue-300: #C4D4FF;
|
||||
--lqd-color-blue-500: #4D68F9;
|
||||
--lqd-color-blue-600: #2A63EB;
|
||||
--lqd-color-blue-700: #2560FF;
|
||||
--lqd-color-blue-800: #1C206F;
|
||||
--lqd-color-blue-900: #0E1758BD;
|
||||
--lqd-color-emerald-500: #49C193;
|
||||
--lqd-color-gray-100: #F0F0F0;
|
||||
--lqd-color-gray-300: #d1d5db;
|
||||
--lqd-color-gray-400: #B4B6C6;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-green-100: #EAFBF7;
|
||||
--lqd-color-green-200: #D7EDEA;
|
||||
--lqd-color-green-500: #49C193;
|
||||
--lqd-color-green-700: #0DA781;
|
||||
--lqd-color-purple-100: #D4CCFF;
|
||||
--lqd-color-purple-300: #9A8DFF;
|
||||
--lqd-color-purple-400: #B469FF;
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-purple-700: #5725FF;
|
||||
--lqd-color-red-100: #FCEEEC;
|
||||
--lqd-color-slate-100: #EBEFF1;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #4D7184;
|
||||
--lqd-color-slate-700: #45485F;
|
||||
--lqd-color-slate-900: #292B57;
|
||||
--lqd-color-cyan-100: #EAF7FA;
|
||||
--lqd-color-sky-100: #C7ECFE;
|
||||
--lqd-color-sky-800: #104662;
|
||||
--lqd-color-sky-900: #083467;
|
||||
--lqd-color-orange-100: #FDE9CD;
|
||||
--lqd-color-orange-500: #F69F29;
|
||||
--lqd-color-orange-700: #CC7851;
|
||||
--lqd-color-yellow-500: #FFC221;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
|
||||
--lqd-text-font-family: 'Roboto', sans-serif;
|
||||
--lqd-text-font-weight: 400;
|
||||
|
||||
--lqd-sticky-header-height: 56px;
|
||||
--lqd-sticky-header-placeholder-height: 0;
|
||||
--lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 18px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-text-color: #627C89;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-color: #444762;
|
||||
--lqd-h1-font-family: "Nunito", Sans-serif;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-color: #45485F;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.module-icons {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.social-icons-wrapper a:hover {
|
||||
color: #34353C;
|
||||
fill: #34353C;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-xxs {
|
||||
--btn-pt: 4px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 10px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 10px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 12px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 35px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 35px;
|
||||
}
|
||||
|
||||
.module-btn-circle {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 15px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 15px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-btn-sm {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-marquee-y:hover {
|
||||
color: var(--lqd-color-blue-200);
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.main-header .lqd-contact-form {
|
||||
--inputs-margin: 0px 0px 15px 0px;
|
||||
--input-margin-bottom: 15px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .badge-color {
|
||||
--lqd-badge-color: #00CB99;
|
||||
}
|
||||
|
||||
.main-footer .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 12px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 0;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 0;
|
||||
}
|
||||
|
||||
.main-footer .btn-dark:hover {
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-footer .btn-light:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items {
|
||||
--e-icon-list-icon-size: 12px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .module-title h3 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
.form .module-form {
|
||||
border-top: 10px solid #E66C6C;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,800 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-naked {
|
||||
--icon-font-size: 1em;
|
||||
--icon-mt: 04px;
|
||||
--icon-me: 0px;
|
||||
--icon-mb: 0px;
|
||||
--icon-ms: 20px;
|
||||
}
|
||||
|
||||
.banner .btn-hover-txt-switch:hover {
|
||||
color: var(--lqd-color-green-100);
|
||||
background-color: var(--lqd-color-green-700);
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 4%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 120px 14px 0 14px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0 40px 0 0;
|
||||
}
|
||||
|
||||
.banner .module-left {
|
||||
padding: 10px 0 10px 36px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 6px 0 6px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.banner .module-text p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 10px 14px 0 14px;
|
||||
}
|
||||
|
||||
.clients .right-space {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
|
||||
.clients .left-space {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.clients .module-client {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** BG Shape ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.bg-shape {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about .iconbox h3 {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-green-100 {
|
||||
background-color: #129B67;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-blue-100 {
|
||||
background-color: #3750E0;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-gray-100 {
|
||||
background-color: #767B7E;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100 {
|
||||
background-color: #E8664D;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100 {
|
||||
background-color: #476D83;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-cyan-100 {
|
||||
background-color: #40B8D5;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) {
|
||||
fill: #E6F4EE;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) {
|
||||
stroke: #FCEEEC;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) {
|
||||
stroke: #EBEFF1;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 768px) {
|
||||
.about .module-text {
|
||||
width: 18%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.about .module-icon-box {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.about .ld-fancy-heading h2 {
|
||||
margin-right: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.about .module-spacer {
|
||||
padding-right: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-tabs-nav>li>a,
|
||||
.features .lqd-tabs-nav .h3,
|
||||
.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
font-size: 35px;
|
||||
line-height: 1.14em;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
|
||||
}
|
||||
|
||||
.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
|
||||
background-color: #A5B5C3;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features .lqd-slsh-item .ld-slideelement-hidden-inner,
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext {
|
||||
opacity: 1;
|
||||
transform: translateX(var(--lqd-tabs-nav-translate, 0));
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
min-height: 510px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-content .container {
|
||||
max-width: 980px;
|
||||
}
|
||||
|
||||
.features .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 40px;
|
||||
}
|
||||
|
||||
.features .btn-icon-right:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: #30546F;
|
||||
}
|
||||
|
||||
.features .module-btn-xs:hover {
|
||||
background-color: var(--lqd-color-blue-700);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.features .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box Image ***** */
|
||||
.text-box-image .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -2%;
|
||||
--float-animate-to: 1%;
|
||||
--float-delay: 0s;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: #2A63EB;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.text-box-image {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box-image {
|
||||
padding: 60px 6px 80px 6px;
|
||||
}
|
||||
|
||||
.text-box-image .module-section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.text-box-image .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 34px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner {
|
||||
transform-origin: left;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.tab-items .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -3%;
|
||||
--float-animate-to: 3%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-items {
|
||||
padding: 0 14px 0 14px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 14px 80px 14px;
|
||||
}
|
||||
|
||||
.tab-items .module-img {
|
||||
margin-bottom: -160px;
|
||||
}
|
||||
|
||||
.tab-items .module-img .lqd-imggrp-img-container {
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items .lqd-tabs {
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-items {
|
||||
padding: 80px 6px 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .module-title h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-avatar {
|
||||
margin-right: -50px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-avatar {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-text {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .background-overlay {
|
||||
background-size: 120% auto;
|
||||
}
|
||||
|
||||
.pricing .module-section:hover {
|
||||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(110% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
left: -368px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
|
||||
background-color: #EFF3F5;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a {
|
||||
color: #033350;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a.active {
|
||||
color: #FF4D12;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .btn:hover,
|
||||
.pricing .btn:focus {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .bg-red-100 {
|
||||
box-shadow: 0px 16px 33px 0px #FAF1EC;
|
||||
}
|
||||
|
||||
.pricing .bg-green-100 {
|
||||
box-shadow: 0px 17px 33px 0px #EAFBF7;
|
||||
}
|
||||
|
||||
.pricing .module-btn-1:hover,
|
||||
.pricing .module-btn-1:focus {
|
||||
background-color: var(--lqd-color-amber-600)
|
||||
}
|
||||
|
||||
.pricing .module-btn-3:hover,
|
||||
.pricing .module-btn-3:focus {
|
||||
background-color: var(--lqd-color-emerald-500);
|
||||
}
|
||||
|
||||
.pricing .module-btn-2:hover,
|
||||
.pricing .module-btn-2:focus {
|
||||
color: var(--lqd-color-blue-500);
|
||||
background-color: #F0F4FE;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding: 20px 14px 320px 14px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.pricing .module-section-bottom {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.pricing .lqd-imggrp-img-container {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(180% + 1.3px);
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.pricing .pos-abs {
|
||||
left: -274px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.pricing .background-overlay {
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(220% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-pricing {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pricing .module-sections {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.pricing .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Analysis ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.analysis {
|
||||
padding: 80px 0 40px 0;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -190px;
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-right {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.analysis {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -60px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.analysis .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
.process .btn-solid:hover {
|
||||
background-color: var(--lqd-color-green-100);
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.process .module-icon-box {
|
||||
background-size: 60% auto;
|
||||
}
|
||||
|
||||
.process .iconbox:hover .iconbox-icon-container {
|
||||
box-shadow: 0 0 20px 0px rgba(22, 92, 253, 0.271);
|
||||
}
|
||||
|
||||
.process .shadow-green:hover .bg-green-500 {
|
||||
box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.process {
|
||||
padding: 0 14px 60px 14px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-single {
|
||||
margin-bottom: -80px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-img-container {
|
||||
width: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process {
|
||||
padding: 40px 6px;
|
||||
}
|
||||
|
||||
.process .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .background-overlay {
|
||||
background-size: 150% auto;
|
||||
}
|
||||
|
||||
/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
} */
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(200% + 1.3px);
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating-fill:before {
|
||||
background: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .testimonials-clients .container {
|
||||
max-width: 1040px;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-items {
|
||||
--e-icon-list-icon-size: 14px;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-icon i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-item>.elementor-icon-list-text,
|
||||
.testimonials-clients .icon-list-item>a {
|
||||
font-family: var(--lqd-text-font-family), Sans-serif;
|
||||
font-weight: var(--lqd-text-font-weight);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-text {
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: #9B9B9B;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-size: 240vw auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
padding-inline-start: 15px;
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding: 40px 6px 60px 6px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-position: -130px 570px;
|
||||
background-size: 1000px auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.testimonials .module-carousels {
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.testimonials .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 1);
|
||||
padding-inline-start: 30px;
|
||||
padding-inline-end: 30px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-img-container {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .btn-label:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: var(--lqd-color-blue-500);
|
||||
}
|
||||
|
||||
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
|
||||
background-color: #430080C7;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-work .bg-size {
|
||||
background-size: 64% auto;
|
||||
}
|
||||
|
||||
.how-it-work .accordion-title a {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.how-it-work {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.how-it-work .module-title {
|
||||
background-position: top center;
|
||||
padding: 0 6px 60px 6px;
|
||||
}
|
||||
|
||||
.how-it-work .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Social Media ***** */
|
||||
@media (max-width: 767px) {
|
||||
.social-media {
|
||||
padding: 30px 0 60px 0;
|
||||
}
|
||||
|
||||
.social-media .iconbox-icon-container {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .btn-solid {
|
||||
--icon-font-size: 1.2em;
|
||||
background-color: #083467;
|
||||
}
|
||||
|
||||
.contact .module-lines {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 60px 14px 20px 14px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.contact .btn-solid {
|
||||
--icon-ms: 10px;
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 0 6px 40px 6px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.contact .module-section {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="864.807" viewBox="0 0 1500.416 864.807" width="1500.416" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h1486v839h-1486z" transform="matrix(1 .017 -.017 1 -11.508 6334.471)"/></clipPath><g clip-path="url(#a)" fill="none" stroke-width="44" transform="translate(26.15 -6334.471)"><g stroke="#6d73c1" transform="translate(-117 6799)"><circle cx="306" cy="306" r="306" stroke="none"/><circle cx="306" cy="306" fill="none" r="284"/></g><g opacity=".137" stroke="#fff" transform="translate(1000 6129)"><circle cx="306" cy="306" r="306" stroke="none"/><circle cx="306" cy="306" fill="none" r="284"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 680 B |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="578" viewBox="0 0 1758 578" width="1758" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx=".5" cy=".5" gradientTransform="matrix(-.04412505 -.99902602 .99902602 -.04412505 .023 1.022)" gradientUnits="objectBoundingBox" r=".58"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset=".256" stop-color="#fff" stop-opacity="0"/><stop offset=".507" stop-color="#fff" stop-opacity="0"/><stop offset=".719" stop-color="#fff" stop-opacity=".153"/><stop offset="1" stop-color="#fff"/></radialGradient><g fill="url(#a)"><circle cx="127" cy="127" opacity=".157" r="127" transform="translate(0 324)"/><circle cx="127" cy="127" opacity=".157" r="127" transform="translate(1504)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 757 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="75.311" height="17.962" viewBox="0 0 75.311 17.962"><path d="M17.688,16.768H13.511l-1.278-3.082H5.272L4.108,16.768H0L6.276,1.2h4.5ZM8.581,4.922,6.3,10.97h4.793ZM32.86,1.2h3.378V16.768h-3.88V7.046l-4.2,4.884h-.593l-4.2-4.884v9.722h-3.88V1.2h3.378l5,5.774Zm13.209,0c5.683,0,8.6,3.537,8.6,7.8,0,4.473-2.83,7.761-9.037,7.761H39.2V1.2Zm-2.99,12.713h2.533c3.9,0,5.067-2.648,5.067-4.931,0-2.671-1.438-4.929-5.112-4.929H43.079v9.86ZM62.392,4.893,57.5,0H75.311V17.812l-4.893-4.893V4.893Zm-.006.981-5.037,5.037v7.051H64.4l5.037-5.037h-7.05Z" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 601 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="60.796" height="14.5" viewBox="0 0 60.796 14.5"><path d="M14.279,13.536H10.907L9.875,11.048H4.256l-.94,2.488H0L5.066.971H8.7ZM6.927,3.973,5.085,8.856H8.954Zm19.6-3h2.727V13.536H26.121V5.688L22.731,9.63h-.479l-3.39-3.942v7.849H15.73V.971h2.727l4.035,4.661Zm10.664,0c4.587,0,6.945,2.855,6.945,6.3,0,3.611-2.284,6.265-7.3,6.265h-5.2V.971ZM34.776,11.233h2.045a3.714,3.714,0,0,0,4.09-3.98c0-2.156-1.161-3.979-4.127-3.979H34.776v7.96ZM50.367,3.95,46.417,0H60.8V14.379l-3.95-3.95V3.95Zm0,.792L46.3,8.808V14.5h5.691l4.066-4.066H50.362Z" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 598 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="57.954" height="18.871" viewBox="0 0 57.954 18.871"><path d="M63.3,37.581H58.687v7.606a1.285,1.285,0,0,1-.348.874,1.322,1.322,0,0,1-.858.344H54.8a1.342,1.342,0,0,1-.886-.344,1.279,1.279,0,0,1-.349-.874V37.581H48.95v8a5.416,5.416,0,0,0,.671,2.729,4.231,4.231,0,0,0,1.823,1.67,6.515,6.515,0,0,0,2.763.584h4.481v-.053a4.959,4.959,0,0,0,2.495-.609,4.135,4.135,0,0,0,1.557-1.75,5.686,5.686,0,0,0,.562-2.571v-8Zm-46.176.477a6.244,6.244,0,0,0-2.656-.477H11.492l-1.154.133c-.269.079-.4.132-.4.132V31.7H5.348V50.568H9.936V42.935a1.243,1.243,0,0,1,.376-.848,1.268,1.268,0,0,1,.885-.344H13.88a1.308,1.308,0,0,1,.859.344,1.246,1.246,0,0,1,.376.848v7.634H19.7V42.352a5.106,5.106,0,0,0-.7-2.783,4.181,4.181,0,0,0-1.879-1.51Zm15.615,7.13a1.429,1.429,0,0,1-.349.874,1.456,1.456,0,0,1-.885.343H28.825a1.329,1.329,0,0,1-.859-.343,1.31,1.31,0,0,1-.376-.874V37.581H23v8a5.412,5.412,0,0,0,.644,2.729,4.092,4.092,0,0,0,1.825,1.67,6.425,6.425,0,0,0,2.763.584h4.507v-.053a4.79,4.79,0,0,0,2.469-.609,4.376,4.376,0,0,0,1.582-1.75,6.471,6.471,0,0,0,.564-2.571v-8H32.742v7.607Zm8.1,5.38h4.588V31.7H40.845V50.568Z" transform="translate(-5.348 -31.697)" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="82.877" height="24.857" viewBox="0 0 82.877 24.857"><path d="M86.856,1369.145a12.428,12.428,0,1,0,12.428,12.428,12.428,12.428,0,0,0-12.428-12.428Zm5.7,17.925a.774.774,0,0,1-1.065.258c-2.919-1.784-6.592-2.187-10.918-1.2a.774.774,0,1,1-.345-1.51c4.734-1.082,8.8-.617,12.071,1.385a.775.775,0,0,1,.257,1.066Zm1.521-3.384a.97.97,0,0,1-1.333.319,16.313,16.313,0,0,0-12.384-1.448.969.969,0,1,1-.563-1.854,18.131,18.131,0,0,1,13.961,1.651.969.969,0,0,1,.319,1.332Zm.131-3.524c-4.006-2.379-10.614-2.6-14.439-1.437a1.162,1.162,0,1,1-.675-2.225c4.39-1.333,11.688-1.075,16.3,1.662a1.162,1.162,0,0,1-1.186,2Zm14.034.456c-2.146-.512-2.528-.871-2.528-1.625,0-.713.671-1.193,1.669-1.193a4.878,4.878,0,0,1,2.933,1.114.141.141,0,0,0,.106.026.139.139,0,0,0,.093-.057l1.048-1.477a.141.141,0,0,0-.027-.191,6.34,6.34,0,0,0-4.121-1.428c-2.317,0-3.935,1.391-3.935,3.38,0,2.134,1.4,2.889,3.809,3.472,2.053.473,2.4.869,2.4,1.578,0,.785-.7,1.273-1.829,1.273a4.929,4.929,0,0,1-3.417-1.412.147.147,0,0,0-.1-.034.139.139,0,0,0-.1.05l-1.175,1.4a.139.139,0,0,0,.014.195,7,7,0,0,0,4.73,1.814c2.5,0,4.11-1.364,4.11-3.476,0-1.782-1.063-2.769-3.676-3.405Zm9.329-2.116a3.366,3.366,0,0,0-2.7,1.3v-.983a.141.141,0,0,0-.14-.141h-1.921a.141.141,0,0,0-.14.141v10.923a.141.141,0,0,0,.14.141h1.921a.141.141,0,0,0,.14-.141v-3.448a3.451,3.451,0,0,0,2.7,1.223c2.011,0,4.046-1.548,4.046-4.507s-2.033-4.508-4.044-4.508Zm1.812,4.508a2.316,2.316,0,0,1-2.257,2.558,2.572,2.572,0,0,1,0-5.117,2.342,2.342,0,0,1,2.257,2.558Zm7.452-4.508a4.517,4.517,0,1,0,4.6,4.508,4.531,4.531,0,0,0-4.6-4.508Zm0,7.081a2.444,2.444,0,0,1-2.416-2.574,2.386,2.386,0,0,1,2.384-2.543,2.451,2.451,0,0,1,2.432,2.575,2.392,2.392,0,0,1-2.4,2.542Zm10.132-6.906h-2.114v-2.162a.14.14,0,0,0-.14-.141h-1.921a.141.141,0,0,0-.141.141v2.162h-.924a.14.14,0,0,0-.14.141v1.651a.141.141,0,0,0,.14.141h.924v4.273a2.286,2.286,0,0,0,2.554,2.6,3.507,3.507,0,0,0,1.8-.448.14.14,0,0,0,.071-.122v-1.573a.141.141,0,0,0-.2-.126,2.423,2.423,0,0,1-1.128.272c-.616,0-.892-.28-.892-.907v-3.971h2.114a.14.14,0,0,0,.14-.141v-1.651a.136.136,0,0,0-.138-.141Zm7.367.009v-.266c0-.781.3-1.129.971-1.129a3.244,3.244,0,0,1,1.083.2.14.14,0,0,0,.185-.134v-1.619a.141.141,0,0,0-.1-.135,5.277,5.277,0,0,0-1.6-.229c-1.775,0-2.713,1-2.713,2.889v.407h-.923a.141.141,0,0,0-.141.141v1.66a.141.141,0,0,0,.141.141h.923v6.591a.141.141,0,0,0,.14.141h1.921a.141.141,0,0,0,.141-.141v-6.59h1.794l2.748,6.589c-.312.692-.619.83-1.038.83a2.216,2.216,0,0,1-1.06-.3.143.143,0,0,0-.112-.01.142.142,0,0,0-.083.076l-.651,1.429a.14.14,0,0,0,.061.182,4.045,4.045,0,0,0,2.052.525c1.419,0,2.2-.661,2.894-2.439l3.333-8.614a.141.141,0,0,0-.13-.192h-2a.141.141,0,0,0-.133.094l-2.049,5.853-2.244-5.857a.14.14,0,0,0-.131-.091h-3.282Zm-4.271-.009h-1.921a.141.141,0,0,0-.141.141v8.383a.141.141,0,0,0,.141.141h1.921a.141.141,0,0,0,.141-.141v-8.382a.141.141,0,0,0-.141-.141Zm-.95-3.817a1.378,1.378,0,1,0,1.378,1.377,1.378,1.378,0,0,0-1.378-1.377Zm16.833,6.512a1.356,1.356,0,1,1,1.359-1.36,1.347,1.347,0,0,1-1.359,1.36Zm.007-2.577a1.221,1.221,0,1,0,1.21,1.217,1.209,1.209,0,0,0-1.21-1.217h0Zm.3,1.356.382.536h-.322l-.344-.491h-.3v.491h-.27v-1.42h.633c.33,0,.547.169.547.453a.421.421,0,0,1-.328.431Zm-.229-.641h-.352v.449h.352c.176,0,.281-.086.281-.225s-.105-.224-.28-.224h0Z" transform="translate(-74.428 -1369.145)" fill="#474a6f"/></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="85.568" height="25.976" viewBox="0 0 85.568 25.976"><path d="M0,18.374V.381H3.161V18.374H0ZM11.251,5.32a6.7,6.7,0,1,0,.031,13.4,6.7,6.7,0,1,0-.031-13.4ZM11.214,8.37a3.65,3.65,0,1,1-3.607,3.65,3.62,3.62,0,0,1,3.607-3.65ZM26.027,5.32a6.7,6.7,0,1,0,.032,13.4,6.636,6.636,0,0,0,6.8-6.731A5.046,5.046,0,0,0,31.83,8.56l.876-.3V5.694H28.217A6.773,6.773,0,0,0,26.027,5.32ZM25.989,8.37a3.65,3.65,0,1,1-3.607,3.65,3.62,3.62,0,0,1,3.607-3.65Zm3.659,10.884a3.647,3.647,0,1,1-7.295,0H19.148a6.622,6.622,0,0,0,6.888,6.722,6.629,6.629,0,0,0,6.8-6.722Zm4.478-.88V5.694h3.161V18.374Zm6.23,0V8.534H38.661V5.694h1.695V1.8h3.161V5.694h1.741v2.84H43.517v9.839ZM37.793,2.093A2.093,2.093,0,1,1,35.7,0,2.093,2.093,0,0,1,37.793,2.093Zm14.57,3.219a6.564,6.564,0,0,0-6.7,6.805,6.367,6.367,0,0,0,6.762,6.616,7.5,7.5,0,0,0,5.746-2.405l-2.113-2.116a5.628,5.628,0,0,1-3.593,1.721A3.417,3.417,0,0,1,49.008,13.3h9.849v-.87c0-3.473-2.01-7.117-6.493-7.117Zm-.1,2.783a3.14,3.14,0,0,1,3.278,2.64H48.922A3.3,3.3,0,0,1,52.263,8.095Zm14.5,10.64A6.714,6.714,0,1,1,66.75,5.309a6.951,6.951,0,0,1,5.419,2.53l-2.205,2.195a4.511,4.511,0,0,0-3.229-1.65,3.559,3.559,0,0,0-3.643,3.622,3.585,3.585,0,0,0,3.619,3.671,4.5,4.5,0,0,0,3.251-1.648l2.227,2.194a6.927,6.927,0,0,1-5.425,2.511h0Zm6.575-.352V.335H76.5V6.966a4.831,4.831,0,0,1,3.843-1.656c3.31,0,5.227,2.46,5.227,5.607v7.467H82.408V11.394A2.668,2.668,0,0,0,79.633,8.4,2.916,2.916,0,0,0,76.5,11.558v6.825H73.338Z" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="20.715" viewBox="0 0 57.558 20.715" width="57.558" xmlns="http://www.w3.org/2000/svg"><path d="m30.663 69.972c-3.745 4.4-7.337 9.853-7.373 13.93a4.826 4.826 0 0 0 1.65 3.888 8.007 8.007 0 0 0 5.407 1.979 20.793 20.793 0 0 0 7.5-1.932c3.553-1.418 42.759-18.444 42.759-18.444.378-.19.307-.426-.166-.308-.191.048-42.683 11.563-42.683 11.563a9.39 9.39 0 0 1 -2.473.352c-3.266.019-6.171-1.793-6.148-5.613a12.526 12.526 0 0 1 1.527-5.415z" fill="#9fa0b2" fill-rule="evenodd" opacity=".999" transform="translate(-23.29 -69.054)"/></svg>
|
||||
|
After Width: | Height: | Size: 542 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="101.902" height="30.563" viewBox="0 0 101.902 30.563"><path d="M89.709,1369.145a15.282,15.282,0,1,0,15.281,15.281,15.282,15.282,0,0,0-15.281-15.281Zm7.008,22.04a.952.952,0,0,1-1.31.317c-3.588-2.193-8.105-2.689-13.425-1.474a.952.952,0,1,1-.424-1.856c5.821-1.331,10.814-.758,14.842,1.7a.952.952,0,0,1,.316,1.31Zm1.87-4.16a1.192,1.192,0,0,1-1.639.392,20.058,20.058,0,0,0-15.227-1.781,1.191,1.191,0,1,1-.692-2.28,22.294,22.294,0,0,1,17.166,2.031,1.191,1.191,0,0,1,.392,1.638Zm.161-4.333c-4.926-2.925-13.051-3.194-17.753-1.767a1.429,1.429,0,1,1-.83-2.735c5.4-1.639,14.371-1.322,20.042,2.044a1.429,1.429,0,0,1-1.459,2.458Zm17.255.561c-2.639-.629-3.108-1.071-3.108-2,0-.877.825-1.467,2.053-1.467a6,6,0,0,1,3.606,1.37.174.174,0,0,0,.245-.039l1.288-1.816a.173.173,0,0,0-.033-.235,7.8,7.8,0,0,0-5.067-1.755c-2.849,0-4.839,1.71-4.839,4.156,0,2.623,1.717,3.552,4.683,4.269,2.525.582,2.951,1.069,2.951,1.94,0,.965-.862,1.565-2.248,1.565a6.06,6.06,0,0,1-4.2-1.736.181.181,0,0,0-.127-.041.171.171,0,0,0-.119.061l-1.445,1.719a.171.171,0,0,0,.017.24,8.612,8.612,0,0,0,5.816,2.231c3.07,0,5.054-1.677,5.054-4.274.005-2.192-1.307-3.405-4.52-4.187Zm11.471-2.6a4.139,4.139,0,0,0-3.322,1.6v-1.209a.173.173,0,0,0-.173-.173h-2.363a.173.173,0,0,0-.173.173v13.431a.173.173,0,0,0,.173.173h2.363a.173.173,0,0,0,.173-.173v-4.24a4.244,4.244,0,0,0,3.322,1.5c2.472,0,4.975-1.9,4.975-5.542s-2.5-5.543-4.973-5.543Zm2.228,5.543a2.848,2.848,0,0,1-2.775,3.146,3.163,3.163,0,0,1,0-6.291,2.88,2.88,0,0,1,2.776,3.145Zm9.162-5.543a5.554,5.554,0,1,0,5.659,5.543,5.571,5.571,0,0,0-5.659-5.543Zm0,8.707a3,3,0,0,1-2.97-3.165,2.934,2.934,0,0,1,2.931-3.127,3.014,3.014,0,0,1,2.99,3.166,2.941,2.941,0,0,1-2.951,3.125Zm12.458-8.491h-2.6v-2.658a.173.173,0,0,0-.172-.173h-2.362a.173.173,0,0,0-.173.173v2.658h-1.136a.173.173,0,0,0-.172.173v2.03a.173.173,0,0,0,.172.173h1.136v5.254c0,2.123,1.057,3.2,3.141,3.2a4.311,4.311,0,0,0,2.213-.551.172.172,0,0,0,.087-.15v-1.933a.173.173,0,0,0-.25-.155,2.977,2.977,0,0,1-1.387.335c-.758,0-1.1-.344-1.1-1.115v-4.882h2.6a.173.173,0,0,0,.172-.173v-2.03a.167.167,0,0,0-.17-.173Zm9.058.01v-.327c0-.96.368-1.389,1.194-1.389a3.989,3.989,0,0,1,1.331.245.173.173,0,0,0,.227-.164v-1.991a.173.173,0,0,0-.122-.166,6.487,6.487,0,0,0-1.964-.282c-2.182,0-3.336,1.229-3.336,3.552v.5h-1.135a.174.174,0,0,0-.173.173v2.041a.174.174,0,0,0,.173.173h1.135v8.1a.173.173,0,0,0,.172.173h2.363a.173.173,0,0,0,.173-.173v-8.1h2.206l3.379,8.1c-.384.851-.761,1.021-1.276,1.021a2.725,2.725,0,0,1-1.3-.37.177.177,0,0,0-.138-.013.175.175,0,0,0-.1.093l-.8,1.757a.172.172,0,0,0,.074.224,4.975,4.975,0,0,0,2.523.646c1.745,0,2.709-.813,3.559-3l4.1-10.591a.173.173,0,0,0-.16-.236h-2.459a.174.174,0,0,0-.164.116l-2.52,7.2-2.76-7.2a.173.173,0,0,0-.161-.111h-4.036Zm-5.252-.01h-2.363a.173.173,0,0,0-.173.173v10.307a.173.173,0,0,0,.173.173h2.363a.173.173,0,0,0,.173-.173V1381.04a.173.173,0,0,0-.173-.173Zm-1.168-4.693a1.694,1.694,0,1,0,1.694,1.694,1.694,1.694,0,0,0-1.694-1.694Zm20.7,8.007a1.667,1.667,0,1,1,1.671-1.672,1.656,1.656,0,0,1-1.671,1.672Zm.009-3.169a1.5,1.5,0,1,0,1.488,1.5,1.487,1.487,0,0,0-1.488-1.5h0Zm.369,1.667.47.658h-.4l-.423-.6h-.364v.6h-.332v-1.745h.778c.405,0,.672.208.672.557a.518.518,0,0,1-.4.53Zm-.281-.787h-.433v.552h.433c.216,0,.345-.106.345-.276s-.13-.276-.345-.276h0Z" transform="translate(-74.428 -1369.145)" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30.781" height="25" viewBox="0 0 30.781 25"><path d="M15.391-22.031a13.219,13.219,0,0,1-3.164,3.262q.02.273.02.82a17.921,17.921,0,0,1-.742,5.068A18.316,18.316,0,0,1,9.248-8.027a19.079,19.079,0,0,1-3.6,4.111A16.044,16.044,0,0,1,.605-1.064,18.442,18.442,0,0,1-5.7,0a17.519,17.519,0,0,1-9.687-2.832,13.5,13.5,0,0,0,1.523.078,12.351,12.351,0,0,0,7.832-2.7,6.151,6.151,0,0,1-3.672-1.26,6.171,6.171,0,0,1-2.227-3.115,7.992,7.992,0,0,0,1.191.1,6.526,6.526,0,0,0,1.66-.215,6.207,6.207,0,0,1-3.623-2.178,6.1,6.1,0,0,1-1.436-4.014v-.078a6.259,6.259,0,0,0,2.852.8,6.3,6.3,0,0,1-2.051-2.246,6.147,6.147,0,0,1-.762-3.008,6.181,6.181,0,0,1,.859-3.184A17.883,17.883,0,0,0-7.49-19.189,17.578,17.578,0,0,0-.234-17.246a7.007,7.007,0,0,1-.156-1.445,6.08,6.08,0,0,1,1.846-4.463A6.08,6.08,0,0,1,5.918-25a6.082,6.082,0,0,1,4.609,1.992,12.37,12.37,0,0,0,4-1.523,6.125,6.125,0,0,1-2.773,3.477A12.57,12.57,0,0,0,15.391-22.031Z" transform="translate(15.391 25)" fill="#9fa0b2"/></svg>
|
||||
|
After Width: | Height: | Size: 1005 B |
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" xml:space="preserve">
|
||||
<path fill="none" stroke="rgb(219, 223, 229)" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" d="M1,30L63,1L23,41Z"></path>
|
||||
<path fill="none" stroke="rgb(219, 223, 229)" stroke-width="2" stroke-linejoin="bevel" stroke-miterlimit="10" d="M34,63L63,1L23,41Z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 455 B |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="19.867" viewBox="0 0 601.983 19.867" width="601.983" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#bfc9dd" stroke-dasharray="4 5" stroke-miterlimit="10"><path d="m0 4.622s18.179 7.278 46.045 5.428 47.877-10.05 47.877-10.05" transform="translate(250.372 9.007)"/><path d="m0 5.73s16.858-7.281 42.7-5.43 44.4 10.05 44.4 10.05" transform="translate(.198 .507)"/><path d="m0 5.73s18.179-7.281 46.045-5.43 47.877 10.05 47.877 10.05" transform="translate(507.872 3.819)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 502 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="421.166" viewBox="0 0 414.193 421.166" width="414.193" xmlns="http://www.w3.org/2000/svg"><path d="m165-209.5c36.4 43.4 45 107.2 37.1 159.5s-32.2 93.2-59.5 124.8-57.4 54.1-90.9 65.4c-33.5 11.4-70.3 11.7-101.1-1s-55.7-38.5-85.8-70.8c-30.2-32.3-65.7-71.2-72.8-118-7.2-46.9 13.9-101.7 53.3-144.6 39.4-42.8 97.1-73.8 158-77.8 61-3.9 125.3 19.1 161.7 62.5" fill="#f7f8ff" transform="translate(209.395 272.427)"/></svg>
|
||||
|
After Width: | Height: | Size: 426 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user