Skip to main content
title

CTA Section

1 • 2 • 3 • 4

title

Join over 150,000 entrepreneurs who have used
Onekit to write their business plans

Start Business Plan 
                
                  <!-- =========={ CTA }==========  -->
                  <div id="cta" class="section py-6 py-md-7 bg-primary jarallax">
                    <!-- background parallax -->
                    <img class="jarallax-img" src="src/img-min/bg/bg3.jpg" alt="title">

                    <!-- background overlay -->
                    <div class="overlay bg-dark opacity-70 z-index-n1"></div>

                    <div class="container text-center" data-aos="fade-up">
                      <h3 class="text-light mb-5">Join over 150,000 entrepreneurs who have used <br>Onekit to write their business plans</h3>

                      <!-- buttom -->
                      <a class="btn btn-outline-light btn-lg text-start" href="#pricing">
                        <!-- <i class="fas fa-paper-plane me-3"></i> -->
                        <svg xmlns="http://www.w3.org/2000/svg" width="1.2rem" height="1.2rem" fill="currentColor" class="me-2" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                        Start Business Plan
                      </a>
                    </div>
                  </div><!-- End cta -->
Want to boost your smartphone?
Download App for free! 
                
                  <!-- =========={ CTA }==========  -->
                  <div id="cta" class="section py-5 py-md-4 bg-primary">
                    <div class="container">
                      <div class="row align-items-center">
                        <div class="col-md-9">
                          <h5 class="mb-4 mb-md-0 text-white text-center text-md-start">Want to boost your smartphone?</h5>
                        </div>

                        <div class="col-md-3 text-center text-md-end">
                          <a class="btn btn-light" href="#pricing">Download <span class="d-none d-lg-inline-block">App for free</span>!</a>
                        </div>
                      </div>
                    </div>
                  </div><!-- End cta -->
title

Availability is limited

$390

Purchase Now 
                
                  <!-- =========={ CTA }==========  -->
                  <div id="cta" class="section py-6 py-md-7 jarallax">
                    <!-- background parallax -->
                    <img class="jarallax-img" src="src/img-min/bg/bg-event2.jpg" alt="title">

                    <!-- background overlay -->
                    <div class="overlay bg-gradient-secondary opacity-80 z-index-n1"></div>

                    <div class="container" data-aos="fade-up">
                      <div class="text-center">
                        <h2 class="h1-md fw-bold text-white mb-3">Availability is limited</h2>
                        <hr class="divider my-4 bg-warning border-warning">
                        <h3 class="display-4 display-md-2 fw-bold text-warning mb-4"><span>$</span>390</h3>
                        <!-- Purchase -->
                        <a class="btn btn-white text-start" href="#">
                          <!-- <i class="fas fa-paper-plane me-3"></i> -->
                          <svg xmlns="http://www.w3.org/2000/svg" class="me-1" width="1.5rem" height="1.5rem" fill="currentColor" viewBox="0 0 512 512"><circle cx="176" cy="416" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></circle><circle cx="400" cy="416" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></circle><polyline points="48 80 112 80 160 352 416 352" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><path d="M160,288H409.44a8,8,0,0,0,7.85-6.43l28.8-144a8,8,0,0,0-7.85-9.57H128" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path></svg>
                          Purchase Now</a>
                      </div>
                    </div>
                  </div><!-- end cta -->

Want to boost your smartphone? Download App for free!

                
                  <!-- =========={ CTA }==========  -->
                  <div id="cta" class="section py-5 py-md-4 bg-primary">
                    <div class="container">
                      <div class="row align-items-center">
                        <div class="col-12 text-center">
                          <p class="mb-0 text-white">Want to boost your smartphone? <a class="btn btn-light ms-3 mt-4 mt-md-0" href="#pricing">Download <span class="d-none d-lg-inline-block">App for free</span>!</a></p>
                        </div>
                      </div>
                    </div>
                  </div><!-- End cta -->