CTA
Call to action (CTA) is a marketing term for any device designed to prompt an immediate response or encourage an immediate sale.
CTA #1
Let’s find the right course for you!
…and achieve their learning goals. With our expert tutors, your goals are closer than ever!
<section class="py-lg-10">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1 col-md-12 col-12">
<div class="bg-primary py-6 px-6 px-xl-0 rounded-4 ">
<div class="row align-items-center">
<div class="offset-xl-1 col-xl-5 col-md-6 col-12">
<div>
<h2 class="h1 text-white mb-3">Let’s find the right course for you!</h2>
<p class="text-white fs-4">…and achieve their learning goals. With our expert tutors, your goals are
closer
than ever!</p>
<button class="btn btn-dark">Start learning</button>
</div>
</div>
<div class="col-xl-6 col-md-6 col-12">
<div class="text-center">
<img src="../assets/images/education/course.png" alt="learning" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>CTA #2
Become an instructor today
Instructors from around the world teach millions of students on Geeks. We provide the tools and skills to teach what you love.
Start Teaching Today<section class="my-lg-14 mb-8">
<!-- container -->
<div class="container bg-primary rounded-3">
<!-- row -->
<div class="row align-items-center">
<!-- col -->
<div class="col-lg-6 col-12 d-none d-lg-block">
<div class="d-flex justify-content-center ">
<!-- img -->
<div class="position-relative">
<img src="../assets/images/png/cta-instructor-1.png" alt="" class="img-fluid mt-n13">
<div class="ms-n12 position-absolute bottom-0 start-0 mb-6">
<img src="../assets/images/svg/dollor.svg" alt="">
</div>
<!-- img -->
<div class="me-n4 position-absolute top-0 end-0">
<img src="../assets/images/svg/graph.svg" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="text-white p-5 p-xl-0">
<!-- text -->
<h2 class="h1 text-white">Become an instructor today</h2>
<p class="mb-0">Instructors from around the world teach millions of students on Geeks. We provide the tools
and skills to teach what you love.</p>
<a href="#" class="btn btn-white mt-4">Start Teaching Today</a>
</div>
</div>
</div>
</div>
</section>CTA #3
Just try it out! You’ll fall in love
Designed for modern companies looking to launch a simple, premium and modern website and apps.
Try For Free<div class="py-14 ">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8 col-md-12 col-12 text-center">
<span class="fs-4 text-warning ls-md text-uppercase
fw-semibold">get things done
</span>
<!-- heading -->
<h2 class="display-3 mt-4 mb-3 fw-bold">Just try it out! You’ll
fall in love</h2>
<!-- para -->
<p class="lead px-lg-8 mb-6">Designed for modern
companies looking to launch
a simple, premium and modern website and apps.</p>
<a href="#" class="btn btn-primary">Try For Free</a>
</div>
</div>
</div>
</div>CTA #4
Get early access
Geeks is currently invite only. Sign up to the waitlist to be the first to try out Geeks and stay in the loop.
<div class="my-4">
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12 ">
<div class="row px-3 pt-3 pb-0 pe-lg-0 pt-lg-5 align-items-center
rounded-3 border smooth-shadow-sm">
<div class="col-lg-6 p-4 p-md-6 pt-lg-0">
<h1 class="display-4 fw-bold lh-1 mb-3">Get early access</h1>
<p class="lead mb-5">Geeks is currently invite only. Sign up to the
waitlist to be the first to try out Geeks and
stay in the loop.
</p>
<form class="row">
<div class="mb-3 col-md-7 col-12">
<input type="email" class="form-control" placeholder="Work Email" required="">
</div>
<div class="d-grid mb-3 col-md-5 col-12 ps-md-0">
<button class="btn btn-primary" type="submit">Request Access</button>
</div>
</form>
</div>
<div class="col-lg-5 offset-lg-1 p-0 overflow-hidden shadow-lg rounded-end-md">
<!-- Img -->
<img class="rounded-top-md card-img-size-600"
src="../assets/images/background/analytics.jpg" alt="" >
</div>
</div>
</div>
</div>
</div>
</div>CTA #5
Join more than 1 million learners worldwide
Effective learning starts with assessment. Learning a new skill is hard work—Signal makes it easier.
<div class="py-lg-16 py-10 bg-gray-200" style="background: url(../assets/images/background/course-graphics.svg)no-repeat; background-size: cover; background-position: top center">
<div class="container">
<!-- row -->
<div class="row justify-content-center text-center">
<div class="col-md-9 col-12">
<!-- heading -->
<h2 class="display-4 ">Join more than 1 million learners worldwide</h2>
<p class="lead px-lg-12 mb-6">Effective learning starts with assessment. Learning a new skill is
hard work—Signal makes it easier.</p>
<!-- button -->
<div class="d-grid d-md-block">
<a href="#" class="btn btn-primary mb-2 mb-md-0">Start Learning for Free</a>
<a href="#" class="btn btn-info">Geeks for Business</a>
</div>
</div>
</div>
</div>
</div>CTA #6
Join the Geeks team & shape the future of design
If you’re passionate and ready to dive in, we’d love to meet you. We’re committed to supporting our employee professional development and well-being.
View opportunities
<div class="bg-primary">
<div class="container">
<!-- row -->
<div class="row align-items-center g-0">
<div class="col-xl-6 col-lg-6 col-md-12">
<!-- heading -->
<div>
<h1 class="text-white display-4 fw-bold pe-lg-8">Join the Geeks team & shape the future of design
</h1>
<!-- text -->
<p class="text-white-50 mb-4 lead">
If you’re passionate and ready to dive in, we’d love to meet you. We’re committed to supporting our
employee professional development and well-being.
</p>
<!-- btn -->
<a href="#" class="btn btn-dark">View opportunities</a>
</div>
</div>
<!-- img -->
<div class=" col-xl-6 col-lg-6 col-md-12 text-lg-end text-center pt-6">
<img src="../assets/images/hero/hero-img.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>