<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Tapflare | Startups</title>
	<meta name="description" content="Qualified startups receive $1,500 in design and website development credit. Apply to the Tapflare startup program.">
	<meta property="og:title" content="Tapflare | Startups">
	<meta property="og:url" content="https://tapflare.com/">
	<meta property="og:image" content="/img/og-meta/og_02.png">
	<meta property="og:type" content="article">
	<meta property="og:description" content="Qualified startups receive $1,500 in design and website development credit. Apply to the Tapflare startup program.">
	<meta property="og:locale" content="en_US">
	<meta property="og:image:secure_url" content="img/og-meta/og_02.png">
	<meta property="og:site_name" content="Tapflare">
	<meta property="og:image:width" content="1200">
	<meta property="og:image:height" content="630">
	<meta property="og:image:alt" content="Tapflare">
	<meta property="og:image:type" content="image/png">
  	<link rel="shortcut icon" href="img/favicon/favicon.svg" type="image/x-icon">
  	<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
	<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/favicon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/favicon-192x192.png">
	
	
	<style type="text/css">@font-face {font-family:'Cabin';font-style:normal;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Cabin';font-style:normal;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Cabin';font-style:normal;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Cabin';font-style:italic;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/latin-ext/wght/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Cabin';font-style:italic;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/latin/wght/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Cabin';font-style:italic;font-weight:400 700;src:url(/cf-fonts/v/cabin/5.2.8/vietnamese/wght/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/latin/wght/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic-ext/wght/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic/wght/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/latin-ext/wght/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/montserrat/5.2.8/vietnamese/wght/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}</style>
	<link rel="prefetch" href="img/startups/herostartupmobile.webp" />
	<link rel="stylesheet" href="css/startups.css">
	<link rel="stylesheet" href="css/discount-popup.css">
	<link rel="prefetch" href="img/header/headerlogo.svg" />
	<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
	<script src="js/tracking.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
	<link rel="canonical" href="https://tapflare.com/startups"/>
</head>
<body>
	<header>
		<div class="container">
			<div class="outer__header">
				<a href="/">
					<img src="img/header/headerlogo.svg" alt="header" width="180" height="80" >
				</a>
				<div class="menu">
					<ul>
						<li><a href="/design-samples">Our Work</a></li>
						<li><a href="/why-tapflare">Why Tapflare</a></li>
						<li><a href="/pricing">Pricing</a></li>
						<li><a href="/contact-us">Contact Us</a></li>
					</ul>
					<div class="btn">
						<a href="/schedule-demo" class="regular-btn">Book a demo</a>
					</div>
				</div>
				<div class="menu__btn">
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
		</div>
	</header>
	
	<div class="hero__startup">
		<div class="container">
			<div class="outer__startup">
				<div class="desc">
					<h1 class="scroll-animate fade-in-up">Let Tapflare handle your startup’s design and development</h1>
					<p class="scroll-animate fade-in-up">Qualified startups receive $1,500 in design and <a href="https://tapflare.com/articles/hubspot-figma-webflow-integration">website development</a> credit. Apply to the Tapflare startup program.</p>
					<div class="btn scroll-animate fade-in-up">
						<a href="#" class="regular-btn dark big get__started--block">Get started</a>
					</div>
				</div>
				<div class="media scroll-animate fade-in-right">
					<picture>
						<source srcset="img/startups/herostartup.webp" media="(min-width: 480px)" type="image/webp">
				        <source srcset="img/startups/herostartupmobile.webp" media="(max-width: 480px)" type="image/webp">
						<img src="img/startups/herostartupmobile.webp" alt="heroplate" width="740"  height="560">
					</picture>
				</div>
			</div>
		</div>
	</div>
	<div class="how__to--earn pink longer smaller-vertical">
		<div class="container">
			<div class="outer__earn">
				<span class="scroll-animate fade-in-up">WHAT YOU GET</span>
				<h2 class="scroll-animate fade-in-up">$1,500 in design and website development credit</h2>
				<p class="scroll-animate fade-in-up">Eligible startups receive up to $1,500 in Tapflare credits to be applied towards any Tapflare plan. This results in 1-3 months of free graphic design and website development from senior level Tapflare talent.</p>
			</div>
		</div>
	</div>
	<div class="article__regular">
		<div class="container">
			<div class="outer__article">
				<div class="media scroll-animate fade-in-left">
					<img src="img/startups/artimg.webp" alt="artimg" width="580" height="495" loading="lazy">
				</div>
				<div class="desc">
					<span class="scroll-animate fade-in-up">CASE STUDY</span>
					<h2 class="scroll-animate fade-in-up">How Cirra AI <br>
					Launched 2x Faster <br>
					With Tapflare</h2>
					<p class="scroll-animate fade-in-up">Learn how Cirra AI, which equips Salesforce admins and consultants with advanced AI-powered tools, is using Tapflare to go to market at the speed of sound.</p>
					<div class="btn scroll-animate fade-in-up">
						<a href="/case-study-cirra-ai" class="regular-btn dark big">Read case study</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="subscription">
		<div class="container">
			<div class="outer__subscription">
				<div class="top">
					<h2 class="scroll-animate fade-in-up">One Subscription For All Your <br> Creative Needs</h2>
					<p class="scroll-animate fade-in-up">Complete all your creative projects by tapping into an elite team of senior-level designers and website developers managed by your dedicated Tapflare project manager.</p>
					<span class="scroll-animate fade-in-up">15 day money back guarantee</span>
				</div>
				<div class="grid">
					<div class="elem">
						<div class="media scroll-animate fade-in-up">
							<img src="img/startups/md1.svg" alt="md" width="89" height="89" loading="lazy">
						</div>
						<p class="scroll-animate fade-in-up">Team of specialists</p>
						<span class="scroll-animate fade-in-up">Access specialists for any design or website development project.</span>
					</div>

					<div class="elem">
						<div class="media scroll-animate fade-in-up">
							<img src="img/startups/md2.svg" alt="md" width="89" height="89" loading="lazy">
						</div>
						<p class="scroll-animate fade-in-up">Same day turnaround</p>
						<span class="scroll-animate fade-in-up">Let's complete your projects today, not next week.</span>
					</div>

					<div class="elem">
						<div class="media scroll-animate fade-in-up">
							<img src="img/startups/md3.svg" alt="md" width="89" height="89" loading="lazy">
						</div>
						<p class="scroll-animate fade-in-up">Dedicated project manager</p>
						<span class="scroll-animate fade-in-up">Your PM manages the specialists to minimize your involvement and improve quality.</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="complete__projects--guide">
		<div class="container">
			<div class="top">
				<span class="scroll-animate fade-in-up">HOW IT WORKS</span>
				<h2 class="scroll-animate fade-in-up">Complete Your Projects Today</h2>
				<p class="scroll-animate fade-in-up">Work with a Tapflare senior project manager and team of creative specialists through our portal.</p>
			</div>
			<div class="outer__complete scroll-animate fade-in-up">
				<div class="switcher">
					<ul>
						<li><a href="#" class="current" data-id="one"><span>1.</span>  Submit Request</a></li>
						<li><a href="#" data-id="two"><span>2.</span>  PM Assigns Senior Designer</a></li>
						<li><a href="#" data-id="three"><span>3.</span>  Senior Designer Works</a></li>
						<li><a href="#" data-id="four"><span>4.</span>  Approval and Delivery</a></li>
						<li><a href="#" data-id="five"><span>5.</span>  Receive Files</a></li>
					</ul>
				</div>
				<div class="elems__box">
					<div class="elem one" style="background-color:#FCE6CF;">
						<div class="inn">
							<div class="desc">
								<span>Step One:</span>
								<h3>Write and submit your request</h3>
								<p>Tell us about your project. We have AI that helps make this process even easier.</p>
							</div>
							<img src="img/startups/frame1.svg" alt="frame" width="500" height="490">
						</div>
					</div>

					<div class="elem two" style="display:none;" style="background-color:#F5F9DA;">
						<div class="inn">
							<div class="desc">
								<span>Step Two:</span>
								<h3>Project manager assigns design specialist</h3>
								<p>Your dedicated project manager knows your brand and preferences, and will use this knowledge, their experience, and your feedback to assign the project internally to a Tapflare senior designer who specializes in this design project category.</p>
							</div>
							<img src="img/startups/frame2.webp" alt="frame" width="500" height="490">
						</div>
					</div>

					<div class="elem three" style="display:none;" style="background-color:#E6E6E6;">
						<div class="inn">
							<div class="desc">
								<span>Step THREE:</span>
								<h3>Tapflare specialist creates designs</h3>
								<p>Leveraging their senior talent and experience, your Tapflare designer completes your output within a few hours.</p>
							</div>
							<img src="img/startups/frame3.webp" alt="frame" width="490" height="470">
						</div>
					</div>
					<div class="elem four" style="display:none;" style="background-color:#FEE6EA;">
						<div class="inn">
							<div class="desc">
								<span>Step FOUR:</span>
								<h3>Your PM reviews and approves the design</h3>
								<p>Your dedicated PM is there to ensure the design is amazing before it's sent your way. </p>
								<p>Our fully managed solution means you barely have to spend time thinking about design.</p>
							</div>
							<img src="img/startups/frame4.webp" alt="frame" width="490" height="470">
						</div>
					</div>

					<div class="elem five" style="display:none;" style="background-color:#F3EEFF;">
						<div class="inn">
							<div class="desc">
								<span>Step FIVE:</span>
								<h3>Receive your files!</h3>
								<p>Receive both export and source files. You retain full ownership of designs we create and we'll keep working until you're 100% satisfied.</p>
								<p>If this was a website mockup project, you even have the option to get it developed through Tapflare.</p>
							</div>
							<img src="img/startups/frame5.webp" alt="frame" width="460" height="440">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="banner__wrapper scroll-animate fade-in-up">
		<div class="container">
			<div class="outer__banner">
				<div class="desc">
					<h2 class="scroll-animate fade-in-up">Like having your own in-house <span></span></h2>
					<p class="scroll-animate fade-in-up">But much simplier.</p>
					<div class="btn scroll-animate fade-in-up">
						<a href="#" class="regular-btn dark big get__started--block">Get Started</a>
					</div>
				</div>
				<div class="media" data-id="1">
					<img src="img/startups/linkedin.webp" alt="linkedin" width="762" height="400">
				</div>
				<div class="media" data-id="2" style="display:none;">
					<img src="img/startups/linkedin2.webp" alt="linkedin" width="762" height="400">
				</div>
				<div class="media" data-id="3" style="display:none;">
					<img id="animvideo" src="video/animation.gif" alt="animation" loading="lazy">
				</div>
				<div class="media" data-id="4" style="display:none;">
					<img src="img/startups/linkedin4.webp" alt="linkedin" width="762" height="400">
				</div>
				<div class="media" data-id="5" style="display:none;">
					<img src="img/startups/linkedin5.webp" alt="linkedin" width="762" height="400">
				</div>
				<div class="media" data-id="6" style="display:none;">
					<img src="img/startups/linkedin6.webp" alt="linkedin" width="762" height="400">
				</div>
			</div>
		</div>
	</div>
	<div class="apply__double scroll-animate fade-in-up">
		<div class="container">
			<div class="outer__apply">
				<div class="desc">
					<h2 class="scroll-animate fade-in-up">Accelerating Growth <br>
					While You Build</h2>
					<p class="scroll-animate fade-in-up">Tapflare for Startups helps startups grow their marketing while they focus on product development. To qualify, organizations must meet several of the following criteria:</p>
					<ul>
						<li class="scroll-animate fade-in-up">Building a Software-based Product Or Service</li>
						<li class="scroll-animate fade-in-up">Founded Within The Last 5 Years</li>
						<li class="scroll-animate fade-in-up">Funded From $50k Up To $5M</li>
						<li class="scroll-animate fade-in-up">Founder has a LinkedIn Profile</li>
						<li class="scroll-animate fade-in-up">Has A Valid Website And Email Address</li>
						<li class="scroll-animate fade-in-up">Bonus: Belongs To An Approved Accelerator</li>
						<li class="scroll-animate fade-in-up">Bonus: Account Email Matches Domain</li>
					</ul>
					<div class="btn scroll-animate fade-in-up">
						<a href="https://forms.gle/RCfuqCD73DWNf5im8" target="_blank" rel="noopener noreferrer" class="regular-btn dark big">Apply now</a>
					</div>
				</div>
			</div>
		</div>
		<div class="cover__image">
			<img src="img/founders/coverimage.webp" alt="cover" loading="lazy" width="1200" height="980">
		</div>
	</div>
	<div class="plates__wrapper">
		<div class="container">
			<div class="outer__plates">
				<div class="top">
					<h2 class="scroll-animate fade-in-up">What Qualified Startups Get</h2>
					<p class="scroll-animate fade-in-up">Accepted startups receive $1,500 in Tapflare credit, usable for any Tapflare plans. This provides your startup with:</p>
				</div>
				<div class="plates__box">
					<div class="elem scroll-animate fade-in-up">
						<p>Expert Team at Your Service</p>
						<span>Collaborate with a team of experts who infuse every project with knowledge and creativity, all overseen by your dedicated project manager for seamless results.</span>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<p>AI-Boosted Design Precision</p>
						<span>Our AI tools enhance your design preferences, giving our designers a clear starting point to deliver exactly what you need.</span>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<p>Fast-Track Your Design with Same-Day Turnaround</p>
						<span>Need a quick solution? We offer same-day delivery on select projects to meet your tightest deadlines.</span>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<p>Seamless Website Development Experience</p>
						<span>Unlock the power of a custom-built website with our expert development services, focused on delivering seamless functionality and tailored designs.</span>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<p>Your Dedicated Project Manager</p>
						<span>Stay on track with a dedicated project manager who’ll guide you every step of the way, from start to finish.</span>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<p>Complete Brand Management Solutions</p>
						<span>Easily manage and elevate your brand assets with our comprehensive brand management services, driving consistency and growth.</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="founders__wrapper">
		<div class="container">
			<div class="outer__founders">
				<div class="top">
					<h2 class="scroll-animate fade-in-up">For Founders by Founders</h2>
					<p class="scroll-animate fade-in-up">Eligible startups receive up to $1,500 in Tapflare credits to be applied towards any <a href="/pricing" target="_blank">Tapflare plan</a>. This results in 1-3 months of free graphic design and website development from senior level Tapflare talent.</p>
				</div>
				<div class="grid__founders">
					<div class="elem scroll-animate fade-in-up">
						<div class="media scroll-animate fade-in-up">
							<img src="img/avatars/founder1.webp" alt="founder" loading="lazy" width="242" height="242">
						</div>
						<div class="desc">
							<p class="scroll-animate fade-in-up">Adrien Laurent</p>
							<span class="scroll-animate fade-in-up">Ex-Modulis</span>
							<span class="scroll-animate fade-in-up">Serial entrepreneur with successful exit in telecom SaaS. Background in software development (patent holder). EO at MIT - Executive EMP.</span>
						</div>
					</div>
					<div class="elem scroll-animate fade-in-up">
						<div class="media scroll-animate fade-in-up">
							<img src="img/avatars/founder2.webp" alt="founder" loading="lazy" width="242" height="242">
						</div>
						<div class="desc">
							<p class="scroll-animate fade-in-up">Kenny Schumacher</p>
							<span class="scroll-animate fade-in-up">Ex-Delesign</span>
							<span class="scroll-animate fade-in-up">Founded two startups with successful exits. Scaled companies as founder from 0 - 70+ employees. Founder Institute mentor.</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="double__article smaller__gap">
		<div class="container">
			<div class="outer__double">
				<div class="el scroll-animate fade-in-up">
					<h6>Schedule a demo</h6>
					<p>Schedule a 15 minute demo today and see how you can scale your creative output while cutting costs.</p>
					<div class="img">
						<img src="img/ads/program1.webp" alt="program2" width="580" height="532" loading="lazy">
					</div>
					<div class="btn">
						<a href="/schedule-demo" class="regular-btn white">Book a demo</a>
					</div>
				</div>
				<div class="el colored scroll-animate fade-in-up">
					<h6>Apply as a startup</h6>
					<p>Complete the form to apply for Tapflare's startup program.</p>
					<div class="img">
						<img src="img/ads/program3.webp" alt="program2" width="440" height="545" loading="lazy">
					</div>
					<div class="btn">
						<a href="https://forms.gle/RCfuqCD73DWNf5im8" target="_blank" rel="noopener noreferrer" class="regular-btn white">Apply now</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="container">
			<div class="outer__footer">
				<div class="top__foot">
					<div class="logo">
						<a href="/">
							<img src="img/footer/logo.svg" alt="logo" width="260" height="90" loading="lazy">
						</a>
					</div>
					
					<div class="menus">
						<div class="menu__el">
							<p>Tapflare</p>
							<ul>
								<li><a href="/why-tapflare">Why Tapflare</a></li>
								<li><a href="/design-samples">Our Work</a></li>
								<li><a href="/pricing">Pricing</a></li>
								<li><a href="/case-study-houseblend">Case Studies</a></li>
							</ul>
						</div>
						<div class="menu__el">
							<p>Comparisons</p>
							<ul>
								<li><a href="/design-pickle-alternative">vs Design Pickle</a></li>
								<li><a href="/penji-alternative">vs Penji</a></li>
								<li><a href="/manypixels-alternative">vs ManyPixels</a></li>
								<li><a href="/superside-alternative">vs Superside</a></li>
							</ul>
						</div>
						<div class="menu__el">
							<p>Industries</p>
							<ul>
								<li><a href="/agencies">Agencies</a></li>
								<li><a href="/ecommerce">Ecommerce</a></li>
								<li><a href="/saas">SaaS</a></li>
								<li><a href="/startups">Startups</a></li>
							</ul>
						</div>
						<div class="menu__el">
							<p>Resources</p>
							<ul>
																<li><a href="/articles/">Articles</a></li>
								<li><a href="/affiliates">Affiliates</a></li>
								<li><a href="/partners">Partners</a></li>
								<li><a href="/turnaround">Turnaround Time</a></li>
								
							</ul>
						</div>
						<div class="menu__el">
							<p>Contact</p>
							<ul>
								<li><a href="/contact-us">Contact Us</a></li>
								<li><a href="/schedule-demo">Book a Call</a></li>
								<li><a href="/watch-demo">Watch Demo</a></li>
															<li><a href="/scope-of-service">Scope of Service</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="mobile__menu--foot">
					<ul>
						<li><a href="/design-samples">Our Work</a></li>
						<li><a href="/why-tapflare">Why Tapflare</a></li>
						<li><a href="/pricing">Pricing</a></li>
						<li><a href="/contact-us">Contact Us</a></li>
					</ul>
				</div>
				<div class="mobile__footer--form">
					<p>See Tapflare in action</p>
					<span>Get a demo and discover how 150+ ambitious companies use Tapflare to free themselves from the shackles of limited budgets, broken processes and stretched in-house teams.</span>
					<form action="">
						<div class="group__input">
							<input type="text" placeholder="What’s your email address?">
							<button type="submit"><img src="img/submitbtn.svg" alt="submit" width="28" height="14" loading="lazy"></button>
						</div>
					</form>
				</div>
				<div class="bottom">
					<ul>
						<li>© <span class="copyright-year"></span> Tapflare. All rights reserved.</li>
						<li><a href="/privacy">Privacy Policy</a></li>
						<li><a href="/terms">Terms</a></li>
						<li><a href="#">Status page</a></li>
					</ul>
					<p>929 Berryessa Road, San Jose, CA 95133</p>
				</div>
			</div>
		</div>
	</footer>
	<div class="tapflare-popup-form">
		<div class="tfpf-container">
			<button class="tfpf-close">
				<img src="img/discount-popup/close-icon-black.svg" alt="close-icon-black">
			</button>
			<div class="tfpf-left">
				<div class="tfpf-init">
					<img src="img/discount-popup/img-gift.png" loading="lazy" alt="gift-render">
				</div>
			</div>
			<div class="tfpf-right">
				<div class="tfpf-init">
					<h3 data-drip-attribute="headline">Receive $100 Off Tapflare</h3>
					<p data-drip-attribute="description">Subscribe to our newsletter to receive $100 off your first month of Tapflare's flat rate unlimited design and development service. Your coupon code will be sent to your email.</p>
					<div class="form-loader">
						<div class="loader-spinner"></div>
					</div>
<div id="sn-92da1344-86f9-423f-b390-213e413b0da4" class="popup-form-drip"></div>
				</div>
			</div>
		</div>
	</div>
	<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
  <script src="https://unpkg.com/typeit@8.7.1/dist/index.umd.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>

	<script type="222ef58bedb9bbcd7c9cfa8c-text/javascript">
	  $(document).ready(function(){
	  	function isInViewport(element) {
		  let el = $(element);
		  let elementHeight = el.outerHeight(); 
		  let viewportHeight = $(window).height();
		  
		  let scrollTop = $(window).scrollTop(); 
		  let elementTop = el.offset().top; 
		  let elementBottom = elementTop + elementHeight;
		  
		  let visibleHeight = Math.min(elementBottom, scrollTop + viewportHeight) - Math.max(elementTop, scrollTop);
		  
		  return visibleHeight / elementHeight > 0.25;
		}
		let valid = false;
		$(window).on("scroll resize", function () {
		  if (isInViewport(".outer__banner")) {
    if (!valid) {
        valid = true;

        let index = 1;
        const maxIndex = 6; // Количество изображений

        function changeImage() {
            setTimeout(function(){
            	$(".outer__banner .media").fadeOut(200);
	            setTimeout(function(){
	            	$(".outer__banner .media[data-id='" + index + "']").fadeIn(200);
	            	// $(".outer__banner .media[data-id='" + index + "'] video")[0].currentDuration = 0;
	            }, 200);
	            index = index < maxIndex ? index + 1 : 1;
            }, 600);
        }

        new TypeIt(".outer__banner .desc>h2 span", {
            speed: 55,
            html: true,
            loop: true,
        })
            .exec(() => $(".outer__banner .desc>h2").addClass("custom-cursor"))
            .type("<span>website designer</span>", { delay: 1000 })
            .exec(changeImage)
            .delete(17, { delay: 500 })

            .type("<span>branding specialist</span>", { delay: 1000 })
            .pause(500)
            .exec(changeImage)
            .delete(20, { delay: 500 })

            .type("<span>video editor</span>", { delay: 1000 })
            .pause(500)
            .exec(changeImage)
            .delete(13, { delay: 500 })

            .type("<span>presentation designer</span>", { delay: 1000 })
            .pause(500)
            .exec(changeImage)
            .delete(22, { delay: 500 })

            .type("<span><a href="https://tapflare.com/articles/graphic-designer-job-market-2025">graphic designer</a></span>", { delay: 1000 })
            .pause(500)
            .exec(changeImage)
            .delete(16, { delay: 500 })

            .type("<span>illustrator</span>", { delay: 1000 })
            .pause(500)
            .exec(changeImage)
            .delete(11, { delay: 500 })

            .go();
    }
}


		});
		  
		});
	</script>
	<script type="222ef58bedb9bbcd7c9cfa8c-text/javascript">
		const vid = document.getElementById('animvideo');
	
		vid.addEventListener('loadedmetadata', () => {
			vid.currentTime = 75;
		});
	
		vid.addEventListener('timeupdate', () => {
			if (vid.currentTime >= 78) {
				vid.currentTime = 75;
			}
		});
	</script>
	
  <script src="js/jquery.countTo.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
  <script src="js/jquery.webticker.min.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
  	<script src="js/slick.min.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
	<script src="js/script.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
	<script src="/js/drip-vanilla.js" type="222ef58bedb9bbcd7c9cfa8c-text/javascript"></script>
	<!-- <script src="js/countDownTimer.js"></script>
	<link rel="stylesheet" href="css/sale-banner.css"> -->
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="222ef58bedb9bbcd7c9cfa8c-|49" defer></script><script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"bd92a1c8ea344a75a35eb401f659578b","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>