Your IP : 18.116.20.205
@extends('layouts.instructor')
@section('page_title', 'Lentoria || Become Affiliate')
@section('page_content')
<style>
label.btn:hover {
text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1)
}
</style>
<!-- Hero Content -->
<div class="bg-primary">
<div class="container">
<!-- Hero Section -->
<div class="row align-items-center g-0">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="py-5 py-lg-0">
<h1 class="text-white display-3 fw-bold">Earn money promoting online courses</h1>
<p class="text-white mb-4 lead">
Become an affiliate to learn how to earn constant cash flow by simply promoting quality
online
courses. We will show you how to automate the entire process.
</p>
<a class="btn btn-outline-white text-white mt-4 gsbtn" href="javascript:void(0)">Get Started</a>
</div>
</div>
<div class=" col-xl-6 col-lg-6 col-md-12 text-lg-end text-center p-5">
<img src="{{ asset('assets/images/teach.png') }}" alt="" class="img-fluid"/>
</div>
</div>
</div>
</div>
<!-- Features -->
<div class="pt-lg-12 pb-lg-3 pt-8">
<div class="container">
<div class="row mb-10 justify-content-center">
<div class="col-lg-8 col-md-12 col-12 text-center">
<!-- caption -->
<span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">Learn how to sell
anything online</span>
<h2 class="mb-2 display-4 fw-bold ">Become a professional top-ranking Affiliate</h2>
<p class="lead">The Lentoria Affiliate Programme introduces you to a complete sales automation
process
that will teach you how to set up a system that automatically generates massive sales for you
and
keep you earning while you are away</p>
</div>
</div>
<!-- row -->
<div class="row">
<div class="col-lg-3 col-md-6 col-12 text-center">
<!-- features -->
<div class="mb-4">
<!-- icon -->
<div class="display-2 text-primary">
<i class="fe fe-settings fe-a"></i>
</div>
<!-- para -->
<div class="mt-4">
<h3>No skill Required</h3>
<p class="fs-4">
You don’t need to have any experience with professional training. The program will take
you
from start to expertise</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 text-center">
<div class="mb-4">
<div class="display-2 text-primary">
<i class="fe fe-user"></i>
</div>
<!-- para -->
<div class="mt-4">
<h3>Equip you with right Tools</h3>
<p class="fs-4">Our tools provide all the guide you need to create multiple simultaneous
online selling systems to work for you 24/7</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 text-center">
<!-- features -->
<div class="mb-4">
<!-- icon -->
<div class="display-2 text-primary">
<i class="fe fe-award"></i>
</div>
<!-- para -->
<div class="mt-4">
<h3>Get you Certified</h3>
<p class="fs-4">You will be trained with practical tools by industry experts to sell any
type
of digital product with very high success rate</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 text-center">
<!-- features -->
<div class="mb-4">
<!-- icon -->
<div class="display-2 text-primary">
<i class="fe fe-users"></i>
</div>
<!-- para -->
<div class="mt-4">
<h3>Help you Build Audience</h3>
<p class="fs-4">Lentoria accelerated marketing and sales program will help you generate all
the
sales you need to cash out regularly</p>
</div>
</div>
</div>
</div>
<div class="row mb-10 justify-content-center">
<div class="col-lg-8 col-md-12 pt-4 col-12 text-center">
<p class="lead"><big>No one is born an expert affiliate. It is a skill anyone can learn and begin to
demonstrate expertise within few days with dedication and commitment and start generating
massive cash flow</big></p>
<p><a href="javascript:void(0)" class="btn btn-outline-primary mt-4 gsbtn">Become an Affiliate
Now</a>
</p>
</div>
</div>
</div>
</div>
<!-- features -->
<div class="py-lg-16 pt-10 bg-primary">
<div class="container">
<div class="row">
<div class="col-md-7 offset-right-md-6 col-12 mb-6">
<!-- caption -->
<h2 class="display-4 mb-3 fw-bold text-white">Why become an Affiliate?</h2>
<p class="lead text-white">The answer is simple! To create online systems that guarantees multiple
independent streams of quality income. You most likely want to create machine-like systems that
can
do the work for you and help you generate a lot of cashflow even while you are away.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 col-12">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<!-- card body -->
<div class="card-body p-4">
<!-- icon -->
<div class="mb-3"><i class="mdi mdi-school-outline mdi-48px text-primary lh-1 "></i></div>
<h3 class="mb-2">Learn how to create Sales systems</h3>
<p class="mb-0"><big>You don't have to pay to create sales systems. You can master the game
and even become a sales consultant</big></p>
</div>
</div>
</div>
<div class="col-md-4 col-12">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<!-- card body -->
<div class="card-body p-4">
<!-- icon -->
<div class="mb-3"><i class="mdi mdi-account-group mdi-48px text-primary lh-1 "></i></div>
<h3 class="mb-2">Creatively engage your sales strategy</h3>
<p class="mb-0"><big>Understanding how to engage your sales skills will put you in control
and
help you drive massive sales</big></p>
</div>
</div>
</div>
<div class="col-md-4 col-12">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<!-- card body -->
<div class="card-body p-4">
<!-- icon -->
<div class="mb-3"><i class="mdi mdi-finance mdi-48px text-primary lh-1 "></i></div>
<h3 class="mb-2">Quality Mentorship: You are not left alone</h3>
<p class="mb-0"><big>The mentorship Lentoria provides will take you from a complete novice
to
the position of a strong mentor</big></p>
</div>
</div>
</div>
<div class="col-md-12 col-12 text-center">
<a href="javascript:void(0)" class="btn btn-outline-white mt-5 text-white gsbtn">Become an Affiliate
Now</a>
</div>
</div>
</div>
</div>
<div class="pt-lg-12 pb-lg-3 pt-8">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12 col-12 text-center">
<!-- caption -->
<span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">Take the bold step to
expanding your opportunities</span>
<h2 class="mb-2 display-4 fw-bold ">Simple Steps with Great Financial Returns</h2>
<p class="lead">You can kick-start your journey towards becoming an expert affiliate with just
simple
bold steps in the right direction. You will practically learn how to sell anything online by
creating reliable online sales systems.</p>
</div>
</div>
</div>
</div>
<!-- Features -->
<div class="pt-lg-12 pb-lg-3 pb-6 pt-0">
<div class="row bg-primary">
<div class="col-lg-6 text-center m-0 p-8">
<h1 class="text-white display-4">Take full control of your online business</h1>
<h2 class="lead text-white">The Lentoria affiliate programme gives you the freedom to structure the way
you
want to work and decide how quick you want to achieve your financial goals. This is a sure pathway
to
financial freedom. The skills learned are applicable to any industry making you a general sales
consultant. </h2>
</div>
<div class="col-lg-6 m-0 p-0">
<img src="{{asset('assets/images/new_img/d0c31f3543.jpg')}}" width="100%" alt=""/>
</div>
</div>
</div>
<!-- Page Content -->
<div class="py-10 bg-white">
<div class="container">
<!-- gallery -->
<div class="row">
<!-- row -->
<div class="col-md-6 offset-right-md-6">
<!-- heading -->
<h1 class="display-4 fw-bold mb-3">Simple Steps to Success</h1>
<!-- para -->
<p class="lead">
</p>
</div>
<div class="col-lg-3">
<!-- counter -->
<h1>1</h1>
<div class="border-top pt-4 mt-0 mb-5">
<h3 class="mb-2">Get Equipped and Learn the Tricks </h3>
<p class=""><big>Being a good instructor start from being able to get prepared and be ready to
tackle any challenges that are ahead of you during the course.</big></p>
</div>
</div>
<div class="col-lg-3">
<!-- counter -->
<h1>2</h1>
<div class="border-top pt-4 mt-0 mb-5">
<h3 class="mb-2">Create Strategic Sales Systems</h3>
<p class=""><big>Generate a comprehensive and attractive sales strategy that communicates
more value about what you can offer. </big></p>
</div>
</div>
<div class="col-lg-3">
<!-- counter -->
<h1>3</h1>
<div class="border-top pt-4 mt-0 mb-5">
<h3 class="mb-2">Take the Affiliate Success Challenge</h3>
<p class=""><big>Our experts will help you re-package your course and make it highly
professional and globally acceptable</big></p>
</div>
</div>
<div class="col-lg-3">
<!-- counter -->
<h1>4</h1>
<div class="border-top pt-4 mt-0 mb-5">
<h3 class="mb-2">Create Reliable Global Audience</h3>
<p class=""><big>Make your choice of topic to teach and streamline it to target the kind
of audience you want to attract</big></p>
</div>
</div>
</div>
</div>
</div>
<div class="pb-16 pt-10"
style=" background-size: cover; background: rgba(221, 218, 255, 0.3) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) top center;">
<!-- Container -->
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12">
<!-- Row -->
<div class="row mb-0">
<div class="col-lg-10 col-md-12 col-12 mb-8">
<!-- Heading -->
<h2 class="display-4 fw-bold">Our instructors are saying
</h2>
<!-- Para -->
<p class="h2 text-muted">Lentoria has greatly impacted their lives positively</p>
</div>
<div class="col-md-12 col-12">
<div class="position-relative">
<!-- controls -->
<ul class="controls-testimonial controls justify-content-start"
id="sliderTestimonialSecondControls">
<li class="prev me-2 ms-0">
<i class="fe fe-chevron-left"></i>
</li>
<li class="next">
<i class="fe fe-chevron-right"></i>
</li>
</ul>
<!-- slider -->
<div class="sliderTestimonialSecond">
<div class="item">
<div class="row">
<div class="col-lg-6">
<img src="{{asset('assets/images/new_img/626c62d596.jpg')}}"
class="d-block w-100"
alt="...">
</div>
<div class="col-lg-6">
<p class="fs-3 text-dark lh-lg mb-4 mt-4">"Mind
afterlife desires when you love with death.
Psychic densities feels most graces.
The seeker forgets vision which is not ultimate.
evil histories discovers most chaos.
the karma experiences hypnosis which is not further.
be bright."</p>
<p><b>Paulo Dichone</b><br>
Developer (Android Speciality)</p>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-lg-6">
<img src="{{asset('assets/images/coding.jpg')}}" class="d-block w-100"
alt="...">
</div>
<div class="col-lg-6">
<p class="fs-3 text-dark lh-lg mb-4 mt-4">"Space
balance and you will be handled essentially.
Inner purposes views most careers.
The sun facilitates purpose which is not inward.
inner lights hears most tantras.
an ultimate form of reincarnation is the vision.
be important."</p>
<p><b>John Blue</b><br>
Developer (Android Speciality)</p>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-lg-6">
<img src="{{asset('assets/images/learn.jpg')}}" class="d-block w-100"
alt="...">
</div>
<div class="col-lg-6">
<p class="fs-3 text-dark lh-lg mb-4 mt-4">"Lama
contact and you will be discovered confidently.
The therapist feels.
The creator acquires everything which is not crystal.
soft afterlife's syntheses most politics.
a superior form of history is the relativity.
be ultimate."</p>
<p><b>Paul Reeves</b><br>
Developer (Android Speciality)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-lg-13 py-8 bg-primary">
<div class="container">
<div class="row align-items-center">
<!-- User info -->
<div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-12">
<div class="text-center mb-6 px-md-6">
<h1 class="text-white display-3 fw-semi-bold ">
Affiliate Membership Plans
</h1>
<p class="text-white lead mb-8">
Membership plans that guarantees your consistent earning as an affiliate. Membership fees
are
one time payments and each membership plan opens up a new stream of income
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Content -->
<div class="mt-n8 pb-10" id="plancon">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border border-primary mb-3">
<!-- Card Body -->
<div class="p-5 text-center">
<div class="mb-5">
<h2 class="fw-bold">BASIC</h2>
<p class="mb-0 ">To start your Affiliate journey today you will get <span
class="text-dark fw-medium">Access to All our Core Services </span>
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">N</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="0"
data-price-yearly="0">5,000
</div>
</div>
<div class="d-grid">
<a href="{{ url('checkout/affiliate_activation/2/' . Str::random(8)) }}"
class="btn btn-primary">Activate Now</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">All core features, including:</h4>
<!-- List -->
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Affiliate Training Package</span>
</li>
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Free Unique Affiliate Links </span>
</li>
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Unlimited Store Links</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border border-primary mb-3 mb-lg-0">
<!-- Card Body -->
<div class="p-5 text-center">
<div class="mb-5">
<h2 class="fw-bold">STANDARD</h2>
<p class="mb-0 ">Become Instructor<span class="text-dark fw-medium"> unlimited team
profits, and access to Short Links Services.</span>
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">N</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="39" data-price-yearly="99">15,000
</div>
</div>
<div class="d-grid">
<a href="{{ url('checkout/affiliate_activation/3/' . Str::random(8)) }}"
class="btn btn-primary">Activate Now</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">Everything in Starter, plus:</h4>
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Become Instuctor</span>
</li>
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Team Profits </span>
</li>
<li class="mb-1">
<span class="text-success me-2"><i class="far fa-check-circle"></i></span>
<span class="fw-bold text-dark">Short Links Services </span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border border-primary mb-3 mb-lg-0">
<!-- Card Body -->
<div class="p-5 text-center">
<div class="mb-5">
<h2 class="fw-bold">PREMIUM</h2>
<p class="mb-0 "><span class="text-dark fw-medium">Access to special features </span>
and
all features in the previous packages.
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">N</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="99" data-price-yearly="199">40,000
</div>
</div>
<div class="d-grid">
<a href="{{ url('checkout/affiliate_activation/4/' . Str::random(8)) }}"
class="btn btn-primary">Activate Now</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">Everything in Standard, plus:</h4>
<!-- List -->
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-primary me-2"><i
class="far fa-check-circle text-success"></i></span>
<span class="fw-bold text-dark">Access to Success Challenge </span>
</li>
<li class="mb-1">
<span class="text-primary me-2"><i
class="far fa-check-circle text-success"></i></span>
<span class="fw-bold text-dark">Global
Profit Sharing </span>
</li>
<li class="mb-1">
<span class="text-primary me-2"><i
class="far fa-check-circle text-success"></i></span>
<span class="fw-bold text-dark">Unique Affiliate Store </span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Instructor -->
<hr class="my-0">
{{-- <div class="pb-16 pt-10"--}}
{{-- style=" background-size: cover;background: rgba(221, 218, 255, 0.3) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) top center;">--}}
{{-- <!-- Container -->--}}
{{-- <div class="container">--}}
{{-- <div class="row">--}}
{{-- <div class="col-xl-12 col-12">--}}
{{-- <div class="col-lg-12 col-md-12 col-12 mb-lg-3 mb-sm-0 ms-7">--}}
{{-- <!-- Heading -->--}}
{{-- <h2 class="display-4 fw-bold">Questionnaire</h2>--}}
{{-- </div>--}}
{{-- <!-- Row -->--}}
{{-- <div class="container mt-sm-0">--}}
{{-- <div id="questionnaire" class="bs-stepper">--}}
{{-- <div class="container">--}}
{{-- <div class="row">--}}
{{-- <div class="col-lg-12 col-md-12 col-12">--}}
{{-- <!-- Stepper Button -->--}}
{{-- <div class="d-none d-lg-block">--}}
{{-- <div class="bs-stepper-header shadow-sm" role="tablist">--}}
{{-- <div class="step" data-target="#test-l-1">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger1" aria-controls="test-l-1">--}}
{{-- <span class="bs-stepper-circle">1</span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Type</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-2">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger2" aria-controls="test-l-2">--}}
{{-- <span class="bs-stepper-circle">2</span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Category</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-3">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger3" aria-controls="test-l-3">--}}
{{-- <span class="bs-stepper-circle">3 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-4">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger4" aria-controls="test-l-4">--}}
{{-- <span class="bs-stepper-circle">4 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-5">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger5" aria-controls="test-l-5">--}}
{{-- <span class="bs-stepper-circle">5 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-6">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger6" aria-controls="test-l-6">--}}
{{-- <span class="bs-stepper-circle">6 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-7">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger7" aria-controls="test-l-7">--}}
{{-- <span class="bs-stepper-circle">7 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-8">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger8" aria-controls="test-l-8">--}}
{{-- <span class="bs-stepper-circle">8 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-9">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger9" aria-controls="test-l-9">--}}
{{-- <span class="bs-stepper-circle">9 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-line"></div>--}}
{{-- <div class="step" data-target="#test-l-10">--}}
{{-- <button type="button" class="step-trigger" role="tab"--}}
{{-- id="qnairetrigger10" aria-controls="test-l-10">--}}
{{-- <span class="bs-stepper-circle">10 </span>--}}
{{-- --}}{{-- <span class="bs-stepper-label">Course Title</span> --}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-center opacity-50 loader my-10">--}}
{{-- <div class="spinner-border text-bold fs-3 text-black-100"--}}
{{-- style="width: 5rem; height: 5rem;" role="status">--}}
{{-- <span class="visually-hidden">Loading...</span>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="bs-stepper-content mt-5">--}}
{{-- <form onSubmit="return false" id="queform">--}}
{{-- <div id="test-l-1" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger1">--}}
{{-- <div class="d-flex justify-content-end">--}}
{{-- <button class="btn btn-primary fibtn">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-2" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger2">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-3" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger3">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-4" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger4">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-5" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger5">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-6" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger6">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-7" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger7">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-8" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger8">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-9" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger9">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" onclick="qnaire.next()">--}}
{{-- Next--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div id="test-l-10" role="tabpanel" class="bs-stepper-pane fade"--}}
{{-- aria-labelledby="qnairetrigger10">--}}
{{-- <div class="d-flex justify-content-between">--}}
{{-- <button class="btn btn-secondary" onclick="qnaire.previous()">--}}
{{-- Previous--}}
{{-- </button>--}}
{{-- <button class="btn btn-primary" id="lastbtn">--}}
{{-- Submit--}}
{{-- </button>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </form>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
<!-- Become an Instructor -->
<!-- call to action -->
<div class="bg-primary-a"
style="background-color: #036 !important; margin-left: -100px; margin-right: -100px; padding-bottom: 60px; padding-top: 60px;">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-md-9 col-12">
<h2 class="display-4 text-white">Join learners worldwide</h2>
<p class="lead text-white px-lg-12 mb-6">Effective learning starts with assessment. Learning a new
skill is hard work—Lentoria makes it easier.</p>
<div class="d-grid d-md-block">
<a href="javascript:void(0)" class="btn btn-success text-white mt-4" data-bs-toggle="modal"
data-bs-target="#signup_modal">Start Learning</a>
</div>
</div>
</div>
</div>
</div>
<script>
// let qnaire;
//
//
// $("#questionnaire").length && document.addEventListener("DOMContentLoaded", (function () {
// qnaire = new Stepper(document.querySelector("#questionnaire"), {
// linear: 1,
// animation: !0
// });
// }));
$(function () {
$(".gsbtn").click(function (e) {
e.preventDefault();
$('html, body').animate({
scrollTop: $('#plancon').offset().top
}, 'slow');
})
$(".fibtn").click(function (e) {
e.preventDefault();
if (!@js(session('info'))) {
$("#login_modal").modal('show');
} else {
qnaire.next();
}
});
// $("#lastbtn").click(function (e) {
// e.preventDefault();
// but = $(this);
// questions = pushToArray();
// console.log(questions);
// answers = [];
// questions.forEach(que => {
// ansd = que.answer;
// answers.push(ansd);
// });
// if (answers.includes("")) {
// salat("Answer all questions before submitting", 1);
// return;
// }
// $.ajax({
// url: api_url + "admin/submit_questionnaire",
// method: "POST",
// data: {
// type: 1,
// questions: questions,
// },
// beforeSend: () => {
// btn(but, '', 'before');
// }
// }).done(res => {
// btn(but, 'Submit', 'after');
// salat(res.message);
// $("#queform")[0].reset();
// qnaire.to(1);
// }).fail(res => {
// console.log(res);
// concatError(res.responseJSON);
// btn(but, 'Submit', 'after');
// })
// })
//
// function getQuestions() {
// $.ajax({
// url: api_url + 'fetch_affiliate_questions',
// beforeSend: () => {
// $(".fibtn").parent().addClass('d-none');
// }
// }).done(res => {
// $(".loader").remove();
// $("#test-l-1").prepend(questionnaire(res.data[0].question, res.data[0].a, res.data[0].b, res.data[0].c, res.data[0].d, res.data[0].id));
// $("#test-l-2").prepend(questionnaire(res.data[1].question, res.data[1].a, res.data[1].b, res.data[1].c, res.data[1].d, res.data[1].id));
// $("#test-l-3").prepend(questionnaire(res.data[2].question, res.data[2].a, res.data[2].b, res.data[2].c, res.data[2].d, res.data[2].id));
// $("#test-l-4").prepend(questionnaire(res.data[3].question, res.data[3].a, res.data[3].b, res.data[3].c, res.data[3].d, res.data[3].id));
// $("#test-l-5").prepend(questionnaire(res.data[4].question, res.data[4].a, res.data[4].b, res.data[4].c, res.data[4].d, res.data[4].id));
// $("#test-l-6").prepend(questionnaire(res.data[5].question, res.data[5].a, res.data[5].b, res.data[5].c, res.data[5].d, res.data[5].id));
// $("#test-l-7").prepend(questionnaire(res.data[6].question, res.data[6].a, res.data[6].b, res.data[6].c, res.data[6].d, res.data[6].id));
// $("#test-l-8").prepend(questionnaire(res.data[7].question, res.data[7].a, res.data[7].b, res.data[7].c, res.data[7].d, res.data[7].id));
// $("#test-l-9").prepend(questionnaire(res.data[8].question, res.data[8].a, res.data[8].b, res.data[8].c, res.data[8].d, res.data[8].id));
// $("#test-l-10").prepend(questionnaire(res.data[9].question, res.data[9].a, res.data[9].b, res.data[9].c, res.data[9].d, res.data[9].id));
// $(".fibtn").parent().removeClass('d-none');
// }).fail(res => {
// console.log(res);
// concatError(res.responseJSON);
// });
// }
//
// function questionnaire(que, a, b, c, d, id) {
// let question = "";
// question += `<div class="card mb-3 question border-0" data-id="${id}">
// <div class="card-header border-bottom px-4 py-3">
// <h3 class="mb-0">${que}</h3>
// </div>
// <div class="card-body">
// <div class="vstack gap-2">
// <!-- Feed ques item -->
// <div>
// <input type="radio" class="btn-check a" name="ques${id}" id="${id}option1">
// <label class="btn btn-outline-primary w-100 opt-a" for="${id}option1">${a}</label>
// </div>
// <!-- Feed ques item -->
// <div>
// <input type="radio" class="btn-check b" name="ques${id}" id="${id}option2">
// <label class="btn btn-outline-primary w-100 opt-b" for="${id}option2">${b}</label>
// </div>
// <!-- Feed ques item -->
// <div>
// <input type="radio" class="btn-check c" name="ques${id}" id="${id}option3">
// <label class="btn btn-outline-primary w-100 opt-c" for="${id}option3">${c}</label>
// </div>
// <!-- Feed ques item -->
// <div>
// <input type="radio" class="btn-check d" name="ques${id}" id="${id}option4">
// <label class="btn btn-outline-primary w-100 opt-d" for="${id}option4">${d}</label>
// </div>
// </div>
// </div>
// </div>`;
// return question;
// }
function pushToArray() {
que_card = $(".question");
arr = [];
que_card.map((que) => {
que = que_card[que];
id = $(que).data('id');
name = `ques${id}`
var opt = $(que).find('input:checked');
question = $(que).find('h3').html();
optionA = $(que).find($('.opt-a')).html();
optionB = $(que).find($('.opt-b')).html();
optionC = $(que).find($('.opt-c')).html();
optionD = $(que).find($('.opt-d')).html();
if (opt.length > 0) {
opt = opt.attr('class').split(' ')[1];
} else {
opt = '';
}
ans = {
id: id,
question: question,
answer: opt,
a: optionA,
b: optionB,
c: optionC,
d: optionD,
}
arr.push(ans)
})
return arr;
}
});
</script>
@endsection