title

CTA Sections


CTA Sections style 1
title

Join over 130 personal and 52 company who have used
Upgency to optimize Advertising Campaign.

Start Advertising
                  
                    <!-- start cta -->
                    <div id="start-now" class="relative py-20 md:py-24 bg-black-600 jarallax">
                      <!-- background parallax -->
                      <img class="jarallax-img" src="src/img-min/bg/bg3.jpg" alt="title">

                      <div class="absolute top-0 left-0 w-full h-full opacity-90 bg-gray-900" style="z-index:-1;"></div>

                      <div class="container xl:max-w-6xl mx-auto px-4 text-center">
                        <h3 class="text-2xl md:text-3xl leading-normal md:leading-normal mb-12 font-semibold text-gray-100">Join over 130 personal and 52 company who have used <br>Upgency to optimize Advertising Campaign.</h3>

                        <!-- buttom -->
                        <a class="py-3 px-5 -ml-1 rounded-md leading-5 text-gray-800 bg-gray-100 border border-gray-100 hover:text-gray-900 hover:bg-gray-200 hover:ring-0 hover:border-gray-200 focus:bg-gray-200 focus:border-gray-200 focus:outline-none focus:ring-0" href="#">
                          <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="bi bi-megaphone inline-block ltr:mr-1 rtl:ml-1" viewBox="0 0 16 16">
                            <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975l1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z"/>
                          </svg>
                          Start Advertising
                        </a>
                      </div>
                    </div><!-- End cta -->
                  
                
CTA Sections style 2
Download our App from your smartphone!
                  
                    <!-- start cta  -->
                    <div id="cta" class="relative py-12 md:py-16 bg-blue-700">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <div class="flex flex-wrap flex-row -mx-4 items-center">
                          <div class="flex-shrink max-w-full px-4 w-full md:w-9/12">
                            <h5 class="text-lg leading-normal font-semibold mb-6 md:mb-0 text-white text-center md:ltr:text-left md:rtl:text-right">Download our App from your smartphone!</h5>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full md:w-1/4 text-center md:text-right">
                            <a class="py-3 px-5 -ml-1 rounded-md leading-5 text-gray-800 bg-gray-100 border border-gray-100 hover:text-gray-900 hover:bg-gray-200 hover:ring-0 hover:border-gray-200 focus:bg-gray-200 focus:border-gray-200 focus:outline-none focus:ring-0" href="#pricing">Download <span class="hidden lg:inline-block">Now</span>!</a>
                          </div>
                        </div>
                      </div>
                    </div><!-- End cta -->
                  
                
CTA Sections style 3

Download our App from your smartphone! Download !

                  
                    <!-- start cta  -->
                    <div id="cta" class="relative py-12 md:py-16 bg-blue-700">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <div class="flex flex-wrap flex-row -mx-4 items-center">
                          <div class="max-w-full px-4 w-full text-center">
                            <p class="mb-0 text-white">Download our App from your smartphone! <a class="py-3 px-5 ltr:ml-6 rtl:mr-6 block sm:inline-block mt-4 sm:mt-0 rounded-md leading-5 text-gray-800 bg-gray-100 border border-gray-100 hover:text-gray-900 hover:bg-gray-200 hover:ring-0 hover:border-gray-200 focus:bg-gray-200 focus:border-gray-200 focus:outline-none focus:ring-0" href="#pricing">Download <span class="hidden lg:inline-block">Now</span>!</a></p>
                          </div>
                        </div>
                      </div>
                    </div><!-- End cta -->
                  
                
CTA Sections style 4
title

LET ME KNOW


You want to make an App for business or personal?

Let's talk!
                  
                    <!-- CTA start -->
                    <div id="cta" class="relative py-20 md:py-24 jarallax">
                      <!-- background parallax -->
                      <img class="jarallax-img" src="src/img-min/bg/bg3.jpg" alt="title">

                      <!-- background overlay -->
                      <div class="absolute top-0 left-0 w-full h-full opacity-90 bg-blue-700" style="z-index:-1;"></div>

                      <div class="container xl:max-w-6xl mx-auto px-4 text-center">
                        <h1 class="text-2xl md:text-3xl leading-normal mb-2 font-semibold text-white">LET ME KNOW</h1>    
                        <hr class="block w-12 h-0.5 mx-auto my-5 bg-gray-100 border-gray-100">  
                        <p class="text-gray-100 leading-relaxed font-light text-xl mx-auto pb-2 mb-12">You want to make an App for business or personal?</p>
                        <!-- buttom -->
                        <a class="py-3 px-5 inline-block text-center rounded-md leading-normal text-gray-100 bg-transparent border border-gray-100 hover:text-gray-900 hover:bg-gray-200 hover:ring-0 hover:border-gray-200 focus:text-gray-900 focus:bg-gray-200 focus:border-gray-200 focus:outline-none focus:ring-0" href="#">
                          Let's talk!
                          <svg xmlns="http://www.w3.org/2000/svg" class="inline-block ltr:mr-2 rtl:ml-2 transform ltr:rotate-45 rtl:-rotate-90" width="1.5rem" height="1.5rem" fill="currentColor" 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"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                        </a>
                      </div>
                    </div><!-- End CTA -->