Call-to-action (CTA)

Guide your visitors through buying journey using strategic call-to-action (CTA).

CTA #1 #

Become A Freelancer, Upload Your Resume Now!

<div class="bg-primary py-5 px-6">
											    <div class="row align-items-center flex-lg-nowrap py-2">
											        <h3 class="mb-0 col-xl-8 text-white">
											            <span class="font-weight-bold">Become A Freelancer,</span>
											            <span class="font-weight-light">Upload Your Resume Now!</span>
											        </h3>
											        <div class="col-xl-4 text-left text-lg-right mt-4 mt-xl-0">
											            <a href="#"
											               class="btn btn-outline-white btn-icon-left font-size-h5 py-3 lh-1"><i
											                    class="fas fa-cloud-upload-alt"></i>
											                Upload Your CV
											            </a>
											        </div>
											    </div>
											</div>

CTA #2 #

Are you an automotive services provider?

Learn how Thedir can help you double your business

<div class="bg-primary py-7 px-3">
										    <div class="row align-items-center flex-lg-nowrap">
										        <div class="text-white col-xl-9">
										            <h2 class="mb-1 text-white">
										                Are you an automotive services provider?
										            </h2>
										            <p class="mb-0 font-size-md">
										                Learn how Thedir can help you double your business
										            </p>
										        </div>

										        <div class="col-xl-3 text-left text-lg-right mt-4 mt-xl-0">
										            <a href="#"
										               class="btn btn-outline-white btn-icon-right font-size-h5 px-6 py-3 lh-1">
										                Learn More
										                <i class="fal fa-chevron-right"></i>
										            </a>
										        </div>
										    </div>
										</div>

CTA #3 #

Are you a local service professional?

Learn how Thedir can help you double your business

<div class="bg-primary py-7 px-3">
											    <div class="row align-items-center flex-lg-nowrap">
											        <div class="text-white col-xl-9">
											            <h2 class="mb-1 text-white">
											                Are you a local service professional?
											            </h2>
											            <p class="mb-0 font-size-md">
											                Learn how Thedir can help you double your business
											            </p>
											        </div>

											        <div class="col-lg-3 mt-4 mt-xl-0 text-left text-xl-right">
											            <a href="#"
											               class="btn btn-outline-white btn-lg btn-icon-right font-size-h5 px-6 py-3 lh-1">
											                Learn More
											                <i class="fal fa-chevron-right"></i>
											            </a>
											        </div>
											    </div>
											</div>

CTA #4 #

Are you own a store and want to develop it?

Learn how Thedir can help you double your business

<div class="bg-primary py-7 px-3">
											    <div class="row align-items-center flex-lg-nowrap">
											        <div class="text-white col-lg-9">
											            <h3 class="mb-1 text-uppercase text-white">
											                Are you own a store and want to develop it?
											            </h3>
											            <p class="mb-0 font-size-md">
											                Learn how Thedir can help you double your business
											            </p>
											        </div>

											        <div class="col-lg-3 mt-4 mt-lg-0 text-left text-lg-right">
											            <a href="#"
											               class="btn btn-outline-white btn-lg btn-icon-right font-size-h5 px-6 py-3 lh-1">
											                Learn More
											                <i class="fal fa-chevron-right"></i>
											            </a>
											        </div>
											    </div>
											</div>

CTA #5 #

Have a question? Contact us now !

We're here to help. Check out our FAQs, send us an email or call us at 1 (800) 555-5555

<div id="cta" class="bg-primary py-7">
    <div class="container">
        <div class="row align-items-center flex-lg-nowrap">
            <div class="text-white col-xl-9">
                <h2 class="mb-1 text-white">
                    Have a question? Contact us now !
                </h2>
                <p class="mb-0 font-size-md">
                    We're here to help. Check out our FAQs, send us an email or call
                    us at 1 (800) 555-5555
                </p>
            </div>

            <div class="col-xl-3 mt-4 mt-xl-0 text-left text-xl-right">
                <a class="btn btn-white btn-icon-right font-size-h5 px-6 py-3 lh-1 text-primary"
                   href="page-contact.html">
                    Contact US
                    <i class="fal fa-chevron-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>