89 lines
3.5 KiB
PHP
89 lines
3.5 KiB
PHP
<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>
|