first change
This commit is contained in:
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>
|
||||
Reference in New Issue
Block a user