171 lines
12 KiB
PHP
171 lines
12 KiB
PHP
<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>
|