@extends('layouts.jv')
@section('content')
 <!-- =========== Start of Hero ============ -->
      <section class="space-top--md space-bottom pb-lg-0 hero hero--reverse hero--dark bg-color-primary" id="launch" >
            <!-- <div class="background-holder opacity-05 z-index-1">
               <img src="files/img/hero-8.png" alt="hero-image" class="background-image-holder">
               </div> -->
            <!-- end background image -->
            <div class="overlap overlap--lg overlap--white z-index-1 d-none d-xl-block"></div>
            <!-- end of overlap -->
            <div class="container">
               <div class="row">
                  <div class="col-12">
                     <div class="d-lg-flex align-items-lg-center position-relative">
                        <picture class="hero__image d-flex justify-content-center mt-50 d-lg-inline-block">
                           <img src="img/mobilenew.png" alt="hero-image" class="mob-hide">
						   <img src="img/450mob.png" alt="hero-image" class="mob-show">
                        </picture>
                        <div class="hero-content" id="launchdet">
                           <h1 class="hero__title">Join me for the massive launch of Extempore on <span style="font-size:32px;">May 22, 2019, 11 AM EST</span></h1>
						  <p class="lead hero__description" > <b>
								Earn upto $600 per sale with the Hottest video creator App </b> </p>
                           <p class="lead hero__description" id="downloadapp">What if you needed a video where you present your content without a glitch?
                              All you need is your smartphone. Yes. You don't have to spend a fortune on expensive studio equipment.Extempore is the Fastest way to shoot and process a video.
                           </p>
                           <div class="button-group flex-column flex-sm-row align-items-center" >
                              <a href="https://itunes.apple.com/in/app/extempore-io/id1453708923?mt=8" class="mr-sm-3 mb-10 mb-sm-0 box-shadow-2 rounded-md btn-3d-hover transition-default"><img src="img/app-store.png" class="rounded-md" alt="app-store"></a>
                              <a href="https://play.google.com/store/apps/details?id=com.jargon.extempore" class="box-shadow-2 rounded-md btn-3d-hover transition-default"><img src="img/google-play.png" class="rounded-md" alt="google-play"></a>
                           </div>
                        </div>
                        <!-- end of content -->
                     </div>
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of container -->
         </section>

		  <section class="space border-bottom-light hidden" >
            <div class="container">
               <div class="row align-items-center flex-column-reverse flex-md-row justify-content-center">
                  <div class="col-12 col-md-5">
                     <div class="section-title reveal text-center text-md-left mb-80 mb-sm-50 reveal">
                        <h3 class="mb-3">Give the app a try yourself, make sure its a fit for your customer. You are going to love this</h3>
                        <h5 class="m_top1"> Here is the review access</h5>
                        <p> <b>Login URL : </b><a  href="https://extempore.io/login" target="_blank" style="color:#2f5bea;">https://extempore.io/login</a></u></p>
						<p>  <b> Username : </b> demo@extempore.io</p>
						<p>  <b>Password : </b> demo@123</p>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 ml-md-auto text-center text-md-right reveal">
                     <div class="position-relative">
                        <picture><img class="rounded-default" src="img/login.png"  alt=""></picture>
                      
                     </div>
                  </div>
               </div>
            </div>
         </section>
		 
		 <section class="space-top" style="padding-top: 2rem;">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-md-10 col-lg-7 col-xl-6 mx-auto">
                     <div class="section-title reveal text-center mb-80">
                        
                        <h3>Why should you promote extempore?</h3>
                     </div>
                     <!-- end of section title -->
                  </div>
               </div>
               <!-- end of row -->
               <div class="row border-bottom-light space-bottom reveal">
                  <div class="col-12 col-md-6 col-lg-4 mb-30 mb-lg-0">
                     <div class="features">
                        <div class="d-flex mb-20">
                           <span class="mr-20">
                           <img src="img/family.png" alt="family">
                           </span>
                           <h5> Impeccable Product</h5>
                        </div>
                        <!--<p><span class="color-primary">We have crafted a powerful customer</span>  management platform that is sure to improve your process.Nothing else does this and your customer need it, and will love it.
                        </p>-->
						<p>We have developed a powerful phone teleprompter app that is going to make video creation a breeze for your customers. Nothing else does this and your customer need it,<br> and will love it.</p>
                     </div>
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-md-6 col-lg-4 mb-30 mb-lg-0">
                     <div class="features">
                        <div class="d-flex mb-20">
                           <span class="mr-20">
                           <img src="img/b-meeting.png" alt="communication">
                           </span>
                           <h5>Awesome Support</h5>
                        </div>
                        <p><span class="color-primary">Our refund rates are miniscule</span>  because we have A-grade support team who treat our customers like gold. Any customer you send our way will be in safe hands
                        </p>
                     </div>
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-md-6 col-lg-4 mb-30 mb-lg-0">
                     <div class="features">
                        <div class="d-flex mb-20">
                           <span class="mr-20">
                           <img src="img/filter-organization.png" alt="management">
                           </span>
                           <h5>Profit For All </h5>
                        </div>
                        <p>With $120+ per customer in our tried and tested sales funnel, and a generous prize pool, with a little planning you can make Extempore one of your best promos of 2019.
                        </p>
                     </div>
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of container -->
         </section>
		  <section class="bg-color-primary" style="padding-top: 4rem;
			padding-bottom: 4rem;">
            <div class="background-holder background-holder--contain">
               <img src="img/cta-bg.png" alt="pattern" class="background-image-holder">
            </div>
            <div class="container">
               <div class="row">
                  <div class="col-12 col-lg-12 text-center mx-auto reveal">
                     <h3 class="mb-20">Signup for updates</h3>
				
                    
                     <div class="position-relative text-center">
                        <form action="https://www.aweber.com/scripts/addlead.pl" class="form form-subscription" method="post" role="form">
						<div style="display: none;">
							<input type="hidden" name="meta_web_form_id" value="1799660441" />
							<input type="hidden" name="meta_split_id" value="" />
							<input type="hidden" name="listname" value="awlist5329846" />
							<!--<input type="hidden" name="redirect" value="https://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_f66b936720c9c106b45075d221b3ebba" />-->
							<input type="hidden" name="redirect" value="https://extempore.io/jv" id="redirect_f66b936720c9c106b45075d221b3ebba" />
							<input type="hidden" name="meta_adtracking" value="My_Web_Form" />
							<input type="hidden" name="meta_message" value="1" />
							<input type="hidden" name="meta_required" value="name,email" />

							<input type="hidden" name="meta_tooltip" value="" />
						</div>
					
						<div class="col-md-4" style="float:left;margin-top:6px;">
							<div class="input-group mb-3">
								<input type="text" class="form-control" id="name" name="name" placeholder="Enter your name">
							</div>
						</div>
						<div class="col-md-4" style="float:left;margin-top:6px;">
							<div class="input-group mb-3">
								<input type="email" class="form-control" id="email" name="email" placeholder="Enter your email to start">
							</div>
						</div>
						<div class="col-md-4" style="float:left;margin-top:6px;">
							 <div class="input-group mb-3 ">
								<button class="btn btn--submit btn--color-primary btn--bg-white zindexbtn" type="submit">
									<span class="btn__text">Get started</span>
								</button>
							  </div>
						</div>
						     <div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=jOycnGxsDCwsjA==" alt="" /></div>
                        </form>
                        
                     </div>
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of container -->
         </section>
		 
		 
		  
	
		 
		 
		 
		 
		 
		 
    
         <section class="space">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-md-10 col-lg-5 mb-50 mb-lg-0">
                     
                     <h3 class="mb-20">What is extempore?</h3>
						 <ul class="extem">
							<li>This Brand New App Turns Your Smartphone Into Your Personal Teleprompter</li>
							<li>Incredibly Easy To Setup and Use!</li>
							<li>100% Newbie Friendly (No Technical Savvy Required).</li>
							<li>Saves Tons of Hours of Editing - Know EXACTLY What To Say Without Any Mishaps.</li>
							<li>Create Pro Quality Videos On Demand</li>
							<li>Export Your Videos to HD!</li>
							<li>Upload To YouTube Seamlessly</li>
							<li>Share On Popular Social Networks</li>
							<li>Everything Is Saved To Your Smartphone - No Need To Purchase Any Further Equipment.</li>
							<li>Major Discount For A Limited Time Only!</li>
						</ul>
						
					
                  
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-md-9 col-lg-5 ml-lg-auto reveal">
                     <div class="position-relative">
                        <picture><img class="rounded-default" src="img/about-1.png" alt=""></picture>
                        <!-- <a class="lightbox pos-center media-player-icon media-player-icon--md media-player-icon--fill-primary btn-splash-hover" data-autoplay="true" data-vbtype="video" href="https://vimeo.com/75976293"><i class="icon icon-triangle-right-17"></i>
                           </a> -->
                     </div>
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of container -->
         </section>
		 
		  <section class="space border-bottom-light hidden" id="demo">
				<div class="container">
				   <div class="row align-items-center flex-column-reverse flex-md-row justify-content-center">
					  <div class="col-12 col-md-5">
						   <h5 class="mb-4">Watch the detailed walkthrough
of the Extempore app. </h5>
						   <!--<h5> View Demo </h5>
							<p class="mb-5">Sitting proudly atop M3565 is the two-storey penthouse. The master bedroom suite
							   is phenomenally spacious and opens out to a breathtaking plunge pool and bar area that makes
							   the most of its unrivalled position.
							</p>-->
							<!--<a href="#" class="btn btn--bg-primary btn-3d-hover btn-splash-hover">View Demo</a>-->
						
					  </div>
					  <div class="col-12 col-md-6 ml-md-auto text-center text-md-right reveal">
							<div class="video">
								<div class="video_wrap">
									<!--<iframe width="560" height="315" src="https://www.youtube.com/embed/aRh_eUQSmIg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>-->
								<!-- 	<iframe src="https://player.vimeo.com/video/335642334" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
<p><a href="https://vimeo.com/335642334">Extempore Demo</a> from <a href="https://vimeo.com/user17140763">Karthik Ramani</a> on <a href="https://vimeo.com">Vimeo</a>.</p> -->			 

										<iframe title="vimeo-player" src="https://player.vimeo.com/video/336660978" width="640" height="360" frameborder="0" allow="autoplay; fullscreen"allowfullscreen></iframe>
								</div>
							</div>
					  </div>
				   </div>
				</div>
         </section>
		 
		      
		
	
         <!-- =========== End of About ============ -->
         <!-- =========== Start of Features Tab Slider ============ -->
         <section class="bg-color-primary features-custom-container">
            <div class="overlap overlap--lg overlap--gray z-index1 d-none d-xl-block"></div>
            <div class="content-wrapper">
               <div class="container">
                  <div class="row align-items-center align-items-xl-start">
                     <div class="col-12 col-md-6 col-xl-6 mb-md-40 mb-xl-0 mt-xl-5">
                        <p class="lead mb-10 font-w-700 text-uppercase">Everything on mobile</p>
                        <h3 class="mb-20">Use your android or ios device to manage everything.</h3>
                        <p class="mb-30 mb-lg-0">Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider.</p>
                     </div>
                     <!-- end of col -->
                     <div class="col-12 col-md-5 offset-md-1 offset-xl-0 col-xl-6 z-index2 reveal">
                        <picture class="device-image"><img src="img/1.gif" alt="mobile"></picture>
                     </div>
                     <!-- end of col -->
                  </div>
                  <!-- end of row -->
               </div>
               <!-- end of container -->
            </div>
            <!-- end of container -->
            <div class="features features--slider-2 pt-100 mt-xl-5">
               <div class="container">
                  <div class="row">
                     <div class="col-12">
                        <div class="slider slider-tabs mb-20">
                           <div class="slide"><button class="slider-tab">Write</button></div>
                           <div class="slide"><button class="slider-tab">Record</button></div>
                           <div class="slide"><button class="slider-tab">Edit</button></div>
                           <div class="slide"><button class="slider-tab">Publish</button></div>
                           <div class="slide"><button class="slider-tab">Write</button></div>
                           <div class="slide"><button class="slider-tab">Record</button></div>
                        </div>
                        <!-- end of slider tab -->
                        <div class="slider slider-contents">
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <!-- end of single item -->
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <!-- end of single item -->
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <!-- end of single item -->
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <!-- end of single item -->
                           <div class="slide">
                              <p>Silent sir say desire fat him letter. Whatever settling goodness too and honoured she building answered her. Strongly thoughts remember mr to do consider. Now it had seen unable uneasy. Drawings can followed by improved
                                 out sociable not.
                              </p>
                           </div>
                           <!-- end of single item -->
                        </div>
                        <!-- end of slider content -->
                     </div>
                     <!-- end of col -->
                  </div>
                  <!-- end of row -->
               </div>
               <!-- end of container -->
            </div>
            <!-- end of features -->
         </section>
         <!-- =========== End of Features Tab Slider ============ -->
         <!-- =========== Start of CTA ============ -->
         <section class="space-top--md bg-color-grey">
            <div class="overlap overlap--white z-index1"></div>
            <div class="background-holder background-holder--auto background-holder--bottom">
               <img src="img/bg-diagonal-lines.png" alt="pattern" class="background-image-holder">
            </div>
            <div class="container ">
               <div class="row">
                  <div class="col-12 col-lg-6 mx-auto">
                     <div class="section-title reveal text-center mb-80">
                        <p class="mb-10 text-uppercase font-w-700">SHOOTING VIDEOS WILL NEVER BE THE SAME</p>
                        <h3>Just unlock your phone, load your script and talk to <br> your audience.</h3>
                     </div>
                     <!-- end of section title -->
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
               <div class="row justify-content-center">
                  <div class="col-12 col-md-6 col-lg-5 col-xl-4 z-index2 reveal">
                     <div class="card text-center mb-30 mb-md-0">
                        <div class="header pl-40 pr-40 py-5 border-bottom-light">
                           <span class="mb-30 icon-rounded position-relative">
                           <i class="icon icon-p-heart"></i>
                           </span>
                           <h5 class="mb-10">Extempore, <br> <span class="color-primary" style="font-size:22px;">No More Worry About Gathering Your Thoughts</span></h5>
                           <p >Create amazing videos that engage your audience in minutes</p>
                           <a href="#" class="btn btn--transparent btn--arrow-after btn--color-dark btn-border-hover">
						    <a class="nav-link affli-nav fixedaffl " style="margin-top:0px;"  href="https://www.jvzoo.com/affiliates/info/329222">Get Your Affiliate Link Now</a>
                         
                           </a>
                        </div>
                     </div>
                  </div>
                  <!-- end of row -->
                  <div class="col-12 col-md-6 col-lg-5 col-xl-4 z-index2 reveal">
                     <div class="card text-center mb-30 mb-md-0">
                        <div class="header pl-40 pr-40 py-5 border-bottom-light">
                           <span class="mb-30 icon-rounded position-relative">
                           <i class="icon icon-grid-45"></i>
                           </span>
                           <h5 class="mb-10">Local Video Processing <br> <span class="color-primary" style="font-size:22px;">Unlock the Power of your Smart Phone</span></h5>
                           <p class="mb-40">Edit right from your phone and share it to your Social networks</p>
                           <a href="#downloadapp"  class="btn btn--transparent btn--arrow-after btn--color-dark btn-border-hover">
                           <span class="btn__text mr-30">Download the App Now</span>
                           </a>
                        </div>
                     </div>
                  </div>
                  <!-- end of row -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of col -->
         </section>
         <!-- =========== End of CTA ============ -->
         <!-- =========== Start of Features-2 ============ -->
         <section class="space">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-md-10 col-lg-7 col-xl-6 mx-auto">
                     <div class="section-title reveal text-center mb-80">
                        <p class="mb-10 text-uppercase font-w-700">More than a software</p>
                        <h3>We support those who <br>support us</h3>
                     </div>
                     <!-- end of section title -->
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of row -->
               <div class="row d-lg-flex flex-column-reverse flex-lg-row align-items-center ">
                  <div class="col-12 col-md-8 col-lg-6 col-xl-4 offset-xl-1 reveal">
                     <div class="features mb-30 mb-lg-40 reveal">
                        <div class="d-flex align-items-center mb-10">
                           <span class="mr-20">
                           <i class="icon icon-book-open-2 color-primary h3-font"></i>
                           </span>
                           <h5>Easy Installation</h5>
                        </div>
                        <p>No more Untested Installations. Now your can install right from App Store or Google Play Store
                        </p>
                     </div>
                     <!-- end of single item -->
                     <div class="features mb-30 mb-lg-40 reveal">
                        <div class="d-flex align-items-center mb-10">
                           <span class="mr-20">
                           <i class="icon icon-phone-2 color-primary h3-font"></i>
                           </span>
                           <h5>Support Desk</h5>
                        </div>
                        <p>Right from the App, you can raise tickets, provide screenshots / Feedbacks. Plus we have extensive training in the web based app.
                        </p>
                     </div>
                     <!-- end of single item -->
                     <div class="features mb-30 mb-lg-40 reveal">
                        <div class="d-flex align-items-center mb-10">
                           <span class="mr-20">
                           <i class="icon icon-preferences-circle color-primary h3-font"></i>
                           </span>
                           <h5>Easy setup process</h5>
                        </div>
                        <p>No more expensive camera set up hassle. Unlock the power of your Smart Phone
                        </p>
                     </div>
                     <!-- end of single item -->
                  </div>
                  <!-- enf of col -->
                  <div class="col-12 col-lg-6 col-xl-6 mb-50 mb-lg-0 text-center reveal">
                     <picture><img class="rounded-default" src="img/1.png" ></picture>
                  </div>
                  <!-- end of image -->
               </div>
               <!-- end of row -->
            </div>
            <!-- end of container -->
         </section>
         <!-- =========== End of Features-2 ============ -->
         <!-- =========== Start of Content Block ============ -->
       
         <!-- =========== End of Content Block ============ -->
         <!-- =========== Start of Pricing ============ -->
		  <section class="space " id="contest">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-lg-6 mx-auto">
                     <div class="section-title reveal text-center mb-32 ">
                         <h3>Contest</h3>
                        
						
                     </div>
                     <!-- end of section title -->
				 </div>
				 <div class="col-12 col-lg-11 mx-auto mb-32 " style="text-align:center;">
					    <picture><img class="rounded-default" src="img/contest.png" style="width:550px;" alt=""></picture>
				 </div>
				    <div class="col-12" style="text-align:center;margin-bottom:25px;">
					    
						<h3>Jv Content Guidelines</h3>
					</div>
				  
                   <div class="col-12 col-md-10 col-lg-6 mb-50 mb-lg-0">
                     
                     <p>If you want to team up, please notify us in advance before<br> we update the first leaderboard. You should use the same<br> JVzoo account to do the promotion, making it transparent <br>for all the other JVs- as every one should have a <br>fair chance at winning the contest.</p>
					 
					
                  
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-md-9 col-lg-6 ml-lg-auto reveal">
                      <p style="margin-top:24px;">Qualify for prize commissions should be equal or more. <br>If it is less and they are on the spot, prize money equal<br> to their commissions to be given! Team up notification<br> before the start of launch (Max 2)</p>
				
                  </div>
               </div>
			 </div>
		</section>
		    
		 
         <section class="space bg-color-grey" id="funnel">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-lg-6 mx-auto">
                     <div class="section-title reveal text-center mb-32 ">
                        
                        <h3>Earn upto $600 per sale with the Hottest video creator App</h3>
						
                     </div>
                     <!-- end of section title -->
				 </div>
				 <div class="col-12 col-lg-11 mx-auto mb-32 ">
					<img src="img/funnel.png" >
				 </div>
				  
                  <!-- end of col -->
               </div>
               <!-- end of row -->
            
               <!-- end of tab row -->
               <div class="row justify-content-center reveal">
                  <div class="col-12 col-sm-6 mx-sm-auto col-xl-3 mb-40 mb-xl-0">
                     <div class="card text-center rounded-md">
                        <div class="header d-flex flex-column align-items-center pt-30 pb-20 border-bottom-light">
                           <span class="font-size-14 text-uppercase font-w-600 mb-20">FRONTEND</span>
                              <h2 class="h4-font color-light-secondary">$27-$37</h2>
                           <h2 class="h4-font color-light-secondary">Commercial</h2>
						  
                        </div>
                        <div class="body pb-40 pr-30 pl-30">
                           <ul class="mt-30 mb-30">
                              <li class="mb-3 color-light-secondary-2">Maximum video length : 10 minutes</li>
                              <li class="mb-3 color-light-secondary-2">Unlimited takes</li>
                              <li class="mb-3 color-light-secondary-2">Pro-Quality Videos</li>
                              <li class="mb-3 color-light-secondary-2">25 Stories</li>
							   <!--<li class="mb-3 color-light-secondary-2">10 Simultaneous Campaigns</li>-->
                              <li class="mb-3 color-light-secondary-2">Download video or share on Whats app/Social Networks</li>
                              <li class="mb-3 color-light-secondary-2">Vertical(Portrait) /Horizontal(Landscape) Video Recording</li>
                              <li class="mb-3 color-light-secondary-2">Full HD Video Export</li>
							   <li class="mb-3 color-light-secondary-2">1 License for Web</li>
							   <li class="mb-3 color-light-secondary-2">Trim your videos</li>
                              <li class="mb-3 color-light-secondary-2">1 License for Andriod / IOS(Iphone & Ipad)</li>
                              <!--<li class="mb-3 color-light-secondary-2">Powered by Extempore watermark</li>-->
                              <li class="mb-3 color-light-secondary-2">Unrestricted File size</li>
							  <li class="mb-3 color-light-secondary-2">Direct Youtube Upload</li>
							   <li class="mb-3 color-light-secondary-2">Auto-Stop recording at story's end</li>
                              <li class="mb-3 color-light-secondary-2">Resize text</li>
                              <li class="mb-3 color-light-secondary-2">Override script scroll/scroll up,down while recording live</li>
                              <li class="mb-3 color-light-secondary-2">Control Marquee Speed</li>
							  <li class="mb-3 color-light-secondary-2">Auto scroll text while recording</li>
							   <li class="mb-3 color-light-secondary-2">Instagram friendly square videos</li>
                              <li class="mb-3 color-light-secondary-2">Record with front or rear Camera</li>
                              <li class="mb-3 color-light-secondary-2">Embedd videos with urls</li>
                              <li class="mb-3 color-light-secondary-2">Words per minute speed control</li>
							   <li class="mb-3 color-light-secondary-2">Silent Mode while recording</li>
                           </ul>
                 
                        </div>
                     </div>
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-sm-6 mx-sm-auto col-xl-3 mb-40 mb-xl-0">
                     <div class="card text-center rounded-md card--focused">
                        <div class="header d-flex flex-column align-items-center pt-30 pb-20 border-bottom-light">
                           <span class="font-size-14 text-uppercase font-w-600 mb-20">OTO 1</span>
                           <h2 class="card__value h4-font">$67</h2>
                           <h2 class="card__value h4-font">Pro</h2>
                         
                        </div>
                        <div class="body pb-40 pr-30 pl-30">
                           <ul class="mt-30 mb-30">
                              <li class="mb-3 color-light-secondary-2">Take videos up to a maximum length of 20 minutes</li>
                              <li class="mb-3 color-light-secondary-2">Unlimited takes</li>
							   <li class="mb-3 color-light-secondary-2">50 stories</li>
                              <li class="mb-3 color-light-secondary-2">Create Pro-Quality Videos</li>
           
                              <li class="mb-3 color-light-secondary-2">Share on Whats app, Social Networks Or Download the file</li>
                              <li class="mb-3 color-light-secondary-2">Vertical(Portrait) /Horizontal(Landscape) Video Recording</li>
                              <li class="mb-3 color-light-secondary-2">Full HD Video Export</li>
							  <li class="mb-3 color-light-secondary-2">1 License for Web</li>
                              <li class="mb-3 color-light-secondary-2">1 License for Andriod/ IOS</li>
                              <li class="mb-3 color-light-secondary-2">Advanced Editing features</li>
                              <li class="mb-3 color-light-secondary-2">Add Lowerthird and Captions</li>
							  <!--<li class="mb-3 color-light-secondary-2">Removing Green Background</li>-->
                              <li class="mb-3 color-light-secondary-2">Add BG Music</li>
                              <li class="mb-3 color-light-secondary-2">Brand your videos with your logo</li>
                              <li class="mb-3 color-light-secondary-2">Faster Rendering time</li>
							  <li class="mb-3 color-light-secondary-2">Direct Youtube Upload Integration</li>
                              <li class="mb-3 color-light-secondary-2">Auto Stop Recording Once the story is Over</li>
                              <li class="mb-3 color-light-secondary-2">Text Size can be adjusted based on the Preferences</li>
                              <li class="mb-3 color-light-secondary-2">Override the script scroll and scroll up or down during an actual take</li>
							  <li class="mb-3 color-light-secondary-2">Text Marquee Speed</li>
                              <li class="mb-3 color-light-secondary-2">Auto text running while recording</li>
                              <li class="mb-3 color-light-secondary-2">Make Square Videos for Instagram</li>
                              <li class="mb-3 color-light-secondary-2">Choose Both Front & Rear Camera</li>
							  <li class="mb-3 color-light-secondary-2">Make videos like a Pro for your Social Media</li>
                              <li class="mb-3 color-light-secondary-2">Export Video to a webhook URL Used for Third Party Integrations</li>
                              <li class="mb-3 color-light-secondary-2">Customize the speed of words per minute as per your talking speed</li>
                              <li class="mb-3 color-light-secondary-2">Silent Mode- Put your phone on Silent Mode while recording</li>
							  <li class="mb-3 color-light-secondary-2">Adjust Teleprompter Speed</li>
                           </ul>
                           
                        </div>
                     </div>
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-sm-6 mx-sm-auto col-xl-3 mb-40 mb-xl-0">
                     <div class="card text-center rounded-md">
                        <div class="header d-flex flex-column align-items-center pt-30 pb-20 border-bottom-light">
                           <span class="font-size-14 text-uppercase font-w-600 mb-20">OTO 2</span>
                            <h2 class="card__value h4-font color-light-secondary">$97</h2>
                           <h2 class="card__value h4-font color-light-secondary">Agency</h2>
                        </div>
                        <div class="body pb-40 pr-30 pl-30">
                           <ul class="mt-30 mb-30">
                              <li class="mb-3 color-light-secondary-2">Take videos up to a maximum length of 20 minutes </li>
                              <li class="mb-3 color-light-secondary-2">Unlimited takes</li>
                              <li class="mb-3 color-light-secondary-2">50 stories</li>
                              <li class="mb-3 color-light-secondary-2">Manage upto 25 clients</li>
							  <li class="mb-3 color-light-secondary-2">Share on Whats app, Social Networks Or Download the file</li>
                              <li class="mb-3 color-light-secondary-2">Vertical(Portrait) /Horizontal(Landscape) Video Recording</li>
                              <li class="mb-3 color-light-secondary-2">Full HD Video Export</li>
                              <li class="mb-3 color-light-secondary-2">1 License for Web</li>
							  <li class="mb-3 color-light-secondary-2">1 License for Andriod/ IOS</li>
                              <li class="mb-3 color-light-secondary-2">Advanced Editing features</li>
                              <li class="mb-3 color-light-secondary-2">Add Lowerthird and Captions</li>
                              <!--<li class="mb-3 color-light-secondary-2">Removing Green Background</li>-->
							   <li class="mb-3 color-light-secondary-2">Add BG Music</li>
							  <!--<li class="mb-3 color-light-secondary-2">Remove Water Mark</li>-->
                              <li class="mb-3 color-light-secondary-2">Add Logo</li>
                              <li class="mb-3 color-light-secondary-2">Direct Youtube Upload Integration</li>
                              <li class="mb-3 color-light-secondary-2">Auto Stop Recording Once the story is Over</li>
							  <li class="mb-3 color-light-secondary-2">Text Size can be adjusted based on the Preferences</li>
                              <li class="mb-3 color-light-secondary-2">Override the script scroll and scroll up or down during an actual take</li>
                              <li class="mb-3 color-light-secondary-2">Text Marquee Speed</li>
                              <li class="mb-3 color-light-secondary-2">Auto text running while recording</li>
							   <li class="mb-3 color-light-secondary-2">Make Square Videos for Instagram</li>
							  <li class="mb-3 color-light-secondary-2">Choose Both Front & Rear Camera</li>
                              <li class="mb-3 color-light-secondary-2">Make videos like a Pro for your Social Media</li>
                              <li class="mb-3 color-light-secondary-2">Export Video to a webhook URL Used for Third Party Integrations</li>
                              <li class="mb-3 color-light-secondary-2">Customize the speed of words per minute as per your talking speed</li>
							  <li class="mb-3 color-light-secondary-2">Silent Mode- Put your phone on Silent Mode while recording</li>
                              <li class="mb-3 color-light-secondary-2">Adjust Teleprompter Speed</li>
						
                           </ul>
                          
                        </div>
                     </div>
                  </div>
                  <!-- end of col -->
                  <div class="col-12 col-sm-6 mx-sm-auto col-xl-3 mb-40 mb-xl-0">
                     <div class="card text-center rounded-md">
                        <div class="header d-flex flex-column align-items-center pt-30 pb-20 border-bottom-light">
                           <span class="font-size-14 text-uppercase font-w-600 mb-20">OTO 3</span>
                           <h2 class="card__value h4-font color-light-secondary">Starting from</h2>
                            <h2 class="card__value h4-font color-light-secondary">$247</h2>
                        </div>
                        <div class="body pb-40 pr-30 pl-30">
                           <ul class="mt-30 mb-30">
                              <li class="mb-3 color-light-secondary-2">50 Accounts - $247 </li>
                              <li class="mb-3 color-light-secondary-2">100 Accounts - $397</li>
							  <li class="mb-3 color-light-secondary-2">Sell Extempore commercial and keep 100% profits</li>
                              <li class="mb-3 color-light-secondary-2">Sell Extempore pro and agency at 50% commissions</li>
							  <li class="mb-3 color-light-secondary-2"> Get reseller access 30 days after the launch</li>
                           </ul>
                         
                        </div>
                     </div>
                  </div>
                  <!-- end of col -->
               </div>
               <!-- end of pricing row -->
            </div>
         </section>
         <!-- =========== End of Pricing ============ -->
         <!-- =========== Start of Testimonial ============ -->
		<section class="space bg-color-darkgrey testimonial-carousel">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-lg-6 mx-auto">
                     <div class="section-title reveal text-center mb-80">
                       
                        <h3>People love extempore. <br> See some of the stories.</h3>
                     </div>
                   
                  </div>
                 
               </div>
               
               <div class="row justify-content-center">
                  <div class="col-12 col-lg-6 col-xl-5 mt-lg-5 mr-xl-1 mb-50 mb-lg-0 reveal">
                     <div class="testimonial-content text-center text-lg-left">
                        <div class="slide">
                           <blockquote class="blockquote mb-40">
                              <h5 class="font-w-300">Karthik showed me Extempore during an event and I was blown away. I’ve always wanted something like this. He’s done it! This is one app I am going to use again and again.</h5>
                           </blockquote>
                           <span class="font-size-21 font-w-700 text-uppercase mb-1 color-white">Cyril Jeet</span>
                           <p class="mb-20">Creative Director</p>
                          
                        </div>
                     </div>
                  </div>
                
                  <div class="col-12 col-lg-6 col-xl-5 reveal">
                     <div class=" text-center text-lg-left">
                        <div class="slide">
                           <picture><img class="rounded-default" src="img/cyril.png" alt="client"></picture>
                        </div>
                     </div>
                 </div>
              </div>
              
            </div>
           
         </section>
		 
		 
        <!-- <section class="space bg-color-darkgrey testimonial-carousel">
            <div class="container">
               <div class="row">
                  <div class="col-12 col-lg-6 mx-auto">
                     <div class="section-title reveal text-center mb-80">
                       
                        <h3>People love extempore. <br> See some of the stories.</h3>
                     </div>
                   
                  </div>
                 
               </div>
               
               <div class="row justify-content-center">
                  <div class="col-12 col-lg-6 col-xl-5 mt-lg-5 mr-xl-1 mb-50 mb-lg-0 reveal">
                     <div class="testimonial-content text-center text-lg-left">
                        <div class="slide">
                           <blockquote class="blockquote mb-40">
                              <h5 class="font-w-300">Karthik showed me Extempore during an event and I was blown away. I’ve always wanted something like this. He’s done it! This is one app I am going to use again and again.</h5>
                           </blockquote>
                           <span class="font-size-21 font-w-700 text-uppercase mb-1 color-white">Cyril Jeet</span>
                           <p class="mb-20">Creative Director</p>
                          
                        </div>
                        
                        <div class="slide">
                           <blockquote class="blockquote mb-40">
                              <h5 class="font-w-300">?Life before extempoe was very chaotic ? we got a lot of phone calls, a lot of mistyped orders. So with Company, the ability to see the order directly from the customer makes it so streamlined.? </h5>
                           </blockquote>
                           <span class="font-size-21 font-w-700 text-uppercase mb-1 color-white">Frank Hardy</span>
                           <p class="mb-20">Creative Director</p>
                           <span><img src="img/atlassian.png" alt="atlassian"></span>
                        </div>
                       
                        <div class="slide">
                           <blockquote class="blockquote mb-40">
                              <h5 class="font-w-300">?Life before extempoe was very chaotic ? we got a lot of phone calls, a lot of mistyped orders. So with Company, the ability to see the order directly from the customer makes it so streamlined.? </h5>
                           </blockquote>
                           <span class="font-size-21 font-w-700 text-uppercase mb-1 color-white">Frank Hardy</span>
                           <p class="mb-20">Creative Director</p>
                           <span><img src="img/atlassian.png" alt="atlassian"></span>
                        </div>
                       
                     </div>
                     
                  </div>
                
                  <div class="col-12 col-lg-6 col-xl-5 reveal">
                     <div class="testimonial-image text-center text-lg-left">
                        <div class="slide">
                           <picture><img class="rounded-default" src="img/cyril.png" alt="client"></picture>
                        </div>
                       
                        <div class="slide">
                           <picture><img class="rounded-default" src="img/img-client-2.png" alt="client"></picture>
                        </div>
                       
                        <div class="slide">
                           <picture><img class="rounded-default" src="img/img-client-3.png" alt="client"></picture>
                        </div>
                        
                     </div>
                    
                  </div>
                  
               </div>
              
            </div>
           
         </section>-->
         <!-- =========== End of Pricing ============ -->
         <!-- =========== Start of Newsletter ============ -->
        
         <!-- =========== End of Newsletter ============ -->
         <!-- =========== Start of CTA ============ -->
         <section class="space border-bottom-light hidden" id="contest">
            <div class="container">
               <div class="row align-items-center flex-column-reverse flex-md-row justify-content-center">
                  <div class="col-12 col-md-5">
                     <div class="section-title reveal text-center text-md-left mb-80 mb-sm-50 reveal" >
                        <h3 class="mb-3">Try extempore for free!</h3>
                        <p class="lead">Big, small, online, offline, local or international. Size doesn't matter. We work on diverse projects for top brands as well as for cool startups. Check out some of our favorites.</p>
                        <div class="button-group flex-column flex-sm-row align-items-center justify-content-center justify-content-md-start mt-50">
                           <a href="https://itunes.apple.com/in/app/extempore-io/id1453708923?mt=8" class="mr-sm-3 mb-10 mb-sm-0 box-shadow-2 rounded-md btn-3d-hover transition-default">
                           <img src="img/app-store-md.png" class="rounded-md" alt="app-store">
                           </a>
                           <a href="https://play.google.com/store/apps/details?id=com.jargon.extempore" class="box-shadow-2 rounded-md btn-3d-hover transition-default">
                           <img src="img/google-play-md.png" class="rounded-md" alt="google-play">
                           </a>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-md-6 ml-md-auto text-center text-md-right reveal">
                     <div class="position-relative d-flex align-items-center justify-content-center z-index1">
                        
                        <picture>
                           <img src="img/f8.png" alt="mobile">
                        </picture>
                     </div>
                  </div>
               </div>
            </div>
         </section>
		 
		 <div class="py-5 bg-color-grey">
            <div class="container" style="max-width:750px;">
                <div class="row">
                    <div class="col-12 col-sm-12 col-lg-12 text-center mb-40 mb-lg-0">
					   
                        <div class="col-md-4" style="float:left;">
						    <img src="img/kar.png" style="border-radius:50px;width:100px;">
							<!--<p> Name : Karthik Ramani<br>-->
							<span class="com m_top1" style="font-size:15px;"><b>Skype:</b> <a href="skype:car_ssn?chat" style="color:#2f5bea;">car_ssn</a></span></p>
						</div>
						 <div class="col-md-4" style="float:left;">
						    <img src="img/maddy.jpg" style="border-radius:50px;width:100px;">
							<!--<p> Name : Madasamy Shanmugavel<br>-->
							<span class="com m_top1" style="font-size:15px;"><b>Skype:</b> <a href="skype:maddy_ssnce" style="color:#2f5bea;">maddy_ssnce</a></span></p>
						</div>
						<div class="col-md-4" style="float:left;">
						    <img src="img/ford.jpg" style="border-radius:50px;width:100px;">
							<!--<p> Name : Matt Ford<br>-->
							<span class="com m_top1" style="font-size:15px;"><b>Skype:</b> <a href="skype:ustartnow" style="color:#2f5bea;">ustartnow</a></span></p>
						</div>
                    </div>
                   
                   <!-- <div class="col-12 col-sm-12 col-lg-6 text-center  mb-40 mb-lg-0">
						<form action="https://www.aweber.com/scripts/addlead.pl" method="post" role="form" class="contactForm">
							<div style="display: none;">
								<input type="hidden" name="meta_web_form_id" value="1799660441" />
								<input type="hidden" name="meta_split_id" value="" />
								<input type="hidden" name="listname" value="awlist5329846" />
								<input type="hidden" name="redirect" value="https://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_f66b936720c9c106b45075d221b3ebba" />

								<input type="hidden" name="meta_adtracking" value="My_Web_Form" />
								<input type="hidden" name="meta_message" value="1" />
								<input type="hidden" name="meta_required" value="name,email" />

								<input type="hidden" name="meta_tooltip" value="" />
							</div>
							<div class="form-group">
								<input type="text" name="name" class="form-control input-text" style="height:3.158rem;" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
								<div class="validation"></div>
							</div>
							<div class="form-group">
								<input type="email" class="form-control input-text"  style="height:3.158rem;" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
								<div class="validation"></div>
							</div>
							<div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=jOycnGxsDCwsjA==" alt="" /></div>
						
						<div class="form-row">
							<div class="form-group  text-center">
								<button type="submit" class="btn btn--bg-primary btn-splash-hover btn-3d-hover" style="margin-left:12px;"><span class="btn__text">Submit</span></button>
							</div>
						</div>
						
						</form>
						
						
					</div>-->
                   
                </div>
            </div>
        </div>
        <!-- =========== End of CTA ============ -->
@endsection