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