Eran
/
stackveeTemplate


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Stackvee</title>

    <meta name="description" content="Source code generated using layoutit.com">
    <meta name="author" content="LayoutIt!">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

  </head>
  <body>

    <div class="container-fluid">
	<div class="row top15">
		<div class="col-md-12">
			<nav class="main-navigation">
		         <div class="navbar-header animated fadeInUp">
		             <a class="navbar-brand" href="#">Stackvee</a>
		         </div>
		         <ul class="nav-list">
		             <li class="nav-list-item">
		                 <a href="https://app.stackvee.com" class="nav-link">Users login</a>
		             </li>
		         </ul>

		     </nav>
		</div>
	</div>

	<div class="row top30">
		<div class="col-md-12">
	<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Stackvee, Smart your tech stack</h1>
    <div id="error-message"></div>
    <p class="lead">We are helping startups to choose and use the best technical stack for their needs.<br>
			Our team test in real life situations different technical stacks so we can recommend the best one for you<br>
			We belive in open source and use open source tools to give you the best experiance and to keep your private data private<br>
			When you choose commercial solutions that you cannot control your data is out there to scan, analyze, sell and use<br>
			We give you the stack, and the data is 100% yours. <br>
			We are fully GDPR compliance.<br>
			<b>For a limited time we give 30% lifetime discount</b><br>
			You can start as low as 50$ per month for a startup up to 15 employees<br>
			<b>With each plan you will get a consulting meeting to help you to choose the correct stack for you</b><br>
			And 72 hours response time, consulting by email without limitation
		</p>
    <!-- Load Stripe.js on your website. -->

<!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->


  </div>
</div>
</div>
</div>
<div class="row top30">

		<div class="col-md-12">
      <!-- Acordion -->
      <!--Accordion wrapper-->
<div class="accordion md-accordion accordion-1" id="accordionEx23" role="tablist">
  <div class="card">
    <div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
			<div class="row">
				<div class="col-md-8 col-sm-6 col-xs-6">
						<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#starter_pack" aria-expanded="true" aria-controls="starter_pack">
		      <h5 class="text-uppercase">
					<i class="fas fa-chevron-circle-down"></i>
		          Start
		      </h5>
					</a>
				</div>

			<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
				<h3 style="margin:5px auto;">$<span class="price">For only 50</span> <small> (domain included) you get:</small></h3>

			</div>

			<div class="col-md-2 col-sm-4 col-xs-4">
				<button
				  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
				  id="checkout-button-plan_FMS67tF6XAgvwr"
				  role="link"
				>
				  Buy now
				</button>
			</div>
		</div>
    </div>
    <div id="starter_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
      <div class="card-body">
        <div class="row my-4">

					<!-- starter_pack description - web server -->

							<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
									<i class="fab fa-wordpress-simple fa-9x"></i>
							</div>
							<div class="col-md-4 col-sm-6 col-xs-6">
									<h4>Website, blog, and app server</h4>
									<h4 class="subheading">Your own private, fully managed servers</h4>
							<p class="text-muted"> This pack includes a wordpress blog, a website, and app server<br>
                which you can update whenever you wish - Just push the code to the site repository!<br>
								Add our Deploy pack to deploy your app with CI/CD.<br>
							</p>
							</div>

					<!-- # starter_pack description -->

					<!-- comparison table -->
					<div class="col-md-6 col-sm-12 col-xs-12">
					<div class="container mb-8 mt-2">
					    <div class="pricing card-deck flex-column flex-md-row mb-6">
					        <div class="card card-pricing text-center px-3 mb-5">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - hosting service</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
					                    <li>Auto deploy from repo to Website</li>
					                    <li>1TB Bandwidth </li>
					                    <li>20GB Storage</li>
					                    <li><b>No ads</b></li>
					                    <li>Free cancelation</li>
					                </ul>
													<button
													  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
													  id="checkout-button-plan_FMS67tF6XAgvwr"
													  role="link"
													>
													  Buy now
													</button>
					            </div>
					        </div>
					        <div class="card card-pricing popular shadow text-center px-3 mb-4">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Wix</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">€<span class="price">25</span><span class="h6 text-muted ml-2">/ per month</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
					                    <li>35GB Storage</li>
					                    <li>Google Analytics</li>
					                    <li>Vendor lock</li>
					                    <li>yearly subscriptions, paid in full at the time of purchase</li>
					                </ul>
					                <a href="https://www.wix.com/upgrade/website" target="_blank" class="btn btn-outline-secondary mb-3">Go to Wix</a>
					            </div>
					        </div>
					        <div class="card card-pricing text-center px-3 mb-4">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">WordPress.com</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">€<span class="price">25</span><span class="h6 text-muted ml-2">/ per month</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
					                    <li>annual commitment - billed yearly</li>
					                    <li>WordPress.com Branding</li>
					                    <li>Google Analytics Integration</li>
					                </ul>
					                <a href="https://wordpress.com/pricing/" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
					            </div>
					        </div>
					    </div>
					</div>
				</div>

				<!-- # comparison table -->
			</div>
			<hr class="my-4">
<div class="row my-4 top15">
<!-- # web server -->
						<!-- starter_pack description - Git server-->

								<div class="col-md-2 col-sm-6 col-xs-6">
										<i class="fab fa-git-square fa-9x"></i>
								</div>
								<div class="col-md-4 col-sm-6 col-xs-6">
										<h4>Your repositories, Your code</h4>
										<h4 class="subheading">On your private fully managed servers</h4>
								<p class="text-muted">
									Git management server.<br>
								</p>
								</div>

						<!-- # starter_pack description -->

						<!-- comparison table -->
						<div class="col-md-6 col-sm-12 col-xs-12">
						<div class="container mb-8 mt-2">
						    <div class="pricing card-deck flex-column flex-md-row mb-6">
						        <div class="card card-pricing text-center px-3 mb-5">
						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - git service</span>
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
						            <div class="bg-transparent card-header pt-4 border-0">
						            </div>
						            <div class="card-body pt-0">
						                <ul class="list-unstyled mb-4">
															  <li>Unlimited public repositories</li>
						                    <li>Unlimited private repositories</li>
						                    <li>Team access controls</li>
						                    <li>Issues and bug tracking</li>
						                    <li>Free cancelation</li>
						                </ul>
														<button
														  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
														  id="checkout-button-plan_FMS67tF6XAgvwr"
														  role="link"
														>
														  Buy now
														</button>
						            </div>
						        </div>
						        <div class="card card-pricing popular shadow text-center px-3 mb-4">
						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Github</span>
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">9</span><span class="h6 text-muted ml-2">/ per user</span></h1>
						            <div class="bg-transparent card-header pt-4 border-0">
						            </div>
						            <div class="card-body pt-0">
						                <ul class="list-unstyled mb-4">
						                    <li>Minimum 5 users</li>
						                    <li>No webhooks</li>
						                    <li>Team access controls</li>
						                    <li>Issues and bug tracking</li>
						                    <li>Backed by Microsoft</li>
						                </ul>
						                <a href="https://github.com/pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Github</a>
						            </div>
						        </div>
						        <div class="card card-pricing text-center px-3 mb-4">
						            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Bitbucket</span>
						            <div class="bg-transparent card-header pt-4 border-0">
						                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">5</span><span class="h6 text-muted ml-2">/ per user</span></h1>
						            </div>
						            <div class="card-body pt-0">
						                <ul class="list-unstyled mb-4">
						                    <li>Minimum 5 users</li>
						                    <li>10GB Storage</li>
						                    <li>Team access controls</li>
						                    <li>Issues and bug tracking</li>
						                </ul>
						                <a href="https://products.office.com/en-us/business/small-business-solutions#office-ContentAreaHeadingTemplate-1cuvapm" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
						            </div>
						        </div>
						    </div>
						</div>
					</div>
						<!-- # comparison table -->
<!-- # Git server -->
</div>
<hr class="my-4">
<div class="row my-4 top15">
					<!-- starter_pack description - email -->

							<div class="col-md-2 col-sm-6 col-xs-6">
									<i class="fas fa-mail-bulk fa-9x"></i>
							</div>
							<div class="col-md-4 col-sm-6 col-xs-6">
									<h4>Our self hosted email service</h4>
									<h4 class="subheading">On your private fully managed servers</h4>
							<p class="text-muted">Our server includes: spam filtering, greylisting, backups, and free TLS (SSL) certificates. <br>
								We implements modern mail protocols (SPF, DKIM, and DMARC) and the latest security best practices,<br>
								including opportunistic TLS, strong ciphers, and HSTS. <br>
								The highest level of protection against active attacks. <br>
								Exchange ActiveSync is also available for beta testers.</p>
							</div>

					<!-- # starter_pack description -->

					<!-- comparison table -->
					<div class="col-md-6 col-sm-12 col-xs-12">
					<div class="container mb-8 mt-2">
					    <div class="pricing card-deck flex-column flex-md-row mb-6">
					        <div class="card card-pricing text-center px-3 mb-5">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - email service</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">50</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
														  <li>up to 15 users</li>
					                    <li>Your data / Your servers</li>
					                    <li>Not extra cost</li>
					                    <li>Monthly updates</li>
					                    <li><b>No ad-tracking in you emails</b></li>
					                    <li>Free cancelation</li>
					                </ul>
													<button
													  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
													  id="checkout-button-plan_FMS67tF6XAgvwr"
													  role="link"
													>
													  Buy now
													</button>
					            </div>
					        </div>
					        <div class="card card-pricing popular shadow text-center px-3 mb-4">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Gmail</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">12</span><span class="h6 text-muted ml-2">/ per user</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
					                    <li>Minimum 5 users</li>
					                    <li>2-week free trial of G Suite</li>
					                    <li>Vendor lock</li>
					                    <li>Integrated ad-tracking</li>
					                </ul>
					                <a href="https://suitebriar.com/blog/gmail-for-business-pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Gmail</a>
					            </div>
					        </div>
					        <div class="card card-pricing text-center px-3 mb-4">
					            <span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Microsoft</span>
					            <div class="bg-transparent card-header pt-4 border-0">
					                <h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">12.50</span><span class="h6 text-muted ml-2">/ per user</span></h1>
					            </div>
					            <div class="card-body pt-0">
					                <ul class="list-unstyled mb-4">
					                    <li>annual commitment</li>
					                    <li>Free descktop Office apps</li>
					                    <li>Exchange Online Protection</li>
					                    <li>Backed by Microsoft</li>
					                </ul>
					                <a href="https://products.office.com/en-us/business/small-business-solutions#office-ContentAreaHeadingTemplate-1cuvapm" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
					            </div>
					        </div>
					    </div>
					</div>
				</div>
					<!-- # comparison table -->

        </div>
      </div>
    </div>
  </div>


<!-- ======================  communication pack -->

<div class="card">
	<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
		<div class="row">
			<div class="col-md-8 col-sm-6 col-xs-6">
					<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#communication_pack" aria-expanded="true" aria-controls="communication_pack">
				<h5 class="text-uppercase">
				<i class="fas fa-chevron-circle-down"></i>
						Communicate
				</h5>
				</a>
			</div>

		<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
			<h3 style="margin:5px auto;">$<span class="price">25</span></h3>

		</div>

		<div class="col-md-2 col-sm-4 col-xs-4">
			<button
			  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
			  id="checkout-button-plan_FMSHor9dcAkVDl"
			  role="link"
			>
			  Buy now
			</button>
		</div>
	</div>
	</div>
	<div id="communication_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
		<div class="card-body">
			<div class="row my-4">

				<!-- communication_pack description - web server -->

						<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
							<i class="far fa-comments fa-9x"></i>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-6">
								<h4>Communicate efficently with your team</h4>
								<h4 class="subheading">On your private fully managed servers</h4>
						<p class="text-muted">Your wordpress blog, web site, and app server<br>
							Update the website buy just pushing the code to the site repository<br>
							Deploy your app with CI/CD (Require deploy server pack).<br>
						</p>
						</div>

				<!-- # communication_pack description -->

				<!-- comparison table -->
				<div class="col-md-6 col-sm-12 col-xs-12">
				<div class="container mb-8 mt-2">
						<div class="pricing card-deck flex-column flex-md-row mb-6">
								<div class="card card-pricing text-center px-3 mb-5">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - Communication service</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">25</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>Organized conversations in teams and channels</li>
														<li>Fully searchable message history</li>
														<li>1-on-1 and group messaging</li>
														<li>Voice, video, and screen sharing</li>
														<li>File, image, and link sharing</li>
														<li>Emoji and rich Markdown formatting</li>
														<li>Multi-language support </li></li>
														<li>Custom desktop, email, and mobile notifications</li>
														<li>Keyword mention alerts</li>
														<li>Free cancelation</li>
												</ul>
												<button
												  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
												  id="checkout-button-plan_FMSHor9dcAkVDl"
												  role="link"
												>
												  Buy now
												</button>
										</div>
								</div>
								<div class="card card-pricing popular shadow text-center px-3 mb-4">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Slack</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">€<span class="price">11.75</span><span class="h6 text-muted ml-2">/ per month</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>annual commitment - billed yearly</li>
														<li>Vendor lock</li>
														<li>Unlimited workspaces</li>
												</ul>
												<a href="https://zvwxrp.slack.com/plans" target="_blank" class="btn btn-outline-secondary mb-3">Go to Slack</a>
										</div>
								</div>
								<div class="card card-pricing text-center px-3 mb-4">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Teams</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">12.50</span><span class="h6 text-muted ml-2">/ per month</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>annual commitment - billed yearly</li>
														<li>Integrate with Microsoft products</li>
														<li>Backed by Microsoft</li>
												</ul>
												<a href="https://wordpress.com/pricing/" target="_blank" class="btn btn-outline-secondary mb-3">Go to Microsoft</a>
										</div>
								</div>
						</div>
				</div>
			</div>

			<!-- # comparison table -->
		</div>

		</div>
	</div>
</div>


<!-- ======================  Agile pack -->

<div class="card">
	<div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading96">
		<div class="row">
			<div class="col-md-8 col-sm-6 col-xs-6">
					<a class="white-text font-weight-bold white-text" data-toggle="collapse" href="#agile_pack" aria-expanded="true" aria-controls="agile_pack">
				<h5 class="text-uppercase">
				<i class="fas fa-chevron-circle-down"></i>
						Agile
				</h5>
				</a>
			</div>

		<div class="col-md-2 col-sm-2 col-xs-2 price float-right">
			<h3 style="margin:5px auto;">$<span class="price">25</span></h3>

		</div>

		<div class="col-md-2 col-sm-4 col-xs-4">
			<button
				style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
				id="checkout-button-plan_FMSJLpSKdaIrlJ"
				role="link"
			>
				Buy Now
			</button>
		</div>
	</div>
	</div>
	<div id="agile_pack" class="collapse" role="tabpanel" aria-labelledby="heading96" data-parent="#accordionEx23">
		<div class="card-body">
			<div class="row my-4">

				<!-- agile_pack description - web server -->

						<div class="col-md-2 col-sm-6 col-xs-6 justify-content-center">
							<i class="fas fa-chalkboard-teacher fa-9x"></i>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-6">
								<h4>Manage your projects smartly</h4>
								<h4 class="subheading">On your private fully managed servers</h4>
						<p class="text-muted">flexible project management application.<br>
							That can fit in to any company and projects
						</p>
						</div>

				<!-- # agile_pack description -->

				<!-- comparison table -->
				<div class="col-md-6 col-sm-12 col-xs-12">
				<div class="container mb-8 mt-2">
						<div class="pricing card-deck flex-column flex-md-row mb-6">
								<div class="card card-pricing text-center px-3 mb-5">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Stackvee - agile service</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="50">$<span class="price">25</span><span class="h6 text-muted ml-2">/ starter pack</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>Kanban and Scrum boards</li>
														<li>Multiple projects support</li>
														<li>Flexible role based access control</li>
														<li>Flexible issue tracking system</li>
														<li>Gantt chart and calendar</li>
														<li>News, documents & files management</li>
														<li>Feeds & email notifications</li>
														<li>Per project wiki</li>
														<li>Per project forums</li>
														<li>Time tracking</li>
														<li>SCM integration (SVN, CVS, Git, Mercurial and Bazaar)</li>
														<li>Issue creation via email</li>
														<li>Free cancelation</li>
												</ul>
												<button
													style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
													id="checkout-button-plan_FMSJLpSKdaIrlJ"
													role="link"
												>
													Buy Now
												</button>
										</div>
								</div>
								<div class="card card-pricing popular shadow text-center px-3 mb-4">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Jira</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="30">$<span class="price">7</span><span class="h6 text-muted ml-2">/ per user</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>First 10 users for 10$</li>
														<li>7 days free trial</li>
														<li>Kanban and Scrum boards</li>
												</ul>
												<a href="https://www.atlassian.com/software/jira/pricing#pricing-calculator" target="_blank" class="btn btn-outline-secondary mb-3">Go to Jira</a>
										</div>
								</div>
								<div class="card card-pricing text-center px-3 mb-4">
										<span class="h6 w-60 mx-auto px-4 py-1 rounded-bottom bg-primary text-white shadow-sm">Trello</span>
										<div class="bg-transparent card-header pt-4 border-0">
												<h1 class="h1 font-weight-normal text-primary text-center mb-0" data-pricing-value="45">$<span class="price">9.99</span><span class="h6 text-muted ml-2">/ per user</span></h1>
										</div>
										<div class="card-body pt-0">
												<ul class="list-unstyled mb-4">
														<li>annual commitment - billed yearly</li>
														<li>Kanban and Scrum boards</li>
														<li>No git integration</li>
												</ul>
												<a href="https://trello.com/en/pricing" target="_blank" class="btn btn-outline-secondary mb-3">Go to Trello</a>
										</div>
								</div>
						</div>
				</div>
			</div>

			<!-- # comparison table -->

		</div>

		</div>
	</div>
</div>
<!--  CARD template >
	<div class="card">
    <div class="card-header blue lighten-3 z-depth-1" role="tab" id="heading97">
      <h5 class="text-uppercase mb-0 py-1">
        <a class="collapsed font-weight-bold white-text" data-toggle="collapse" href="#collapse97"
          aria-expanded="false" aria-controls="collapse97">
          I am the second title of accordion
        </a>
      </h5>
    </div>
    <div id="collapse97" class="collapse" role="tabpanel" aria-labelledby="heading97"
      data-parent="#accordionEx23">
      <div class="card-body">
        <div class="row my-4">
          <div class="col-md-8">
            <h2 class="font-weight-bold mb-3 black-text">Hi! I am the second one.</h2>
            <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
              incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
              ullamco laboris</p>
            <p class="mb-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
              fugiat nulla pariatur.</p>
          </div>
          <div class="col-md-4 mt-3 pt-2">
            <div class="view z-depth-1">
              <img src="https://mdbootstrap.com/img/Photos/Others/nature.jpeg" alt="" class="img-fluid">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

-->

</div>
<!--Accordion wrapper-->

		</div>
	</div>
</div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scripts.js"></script>
		<script src="https://kit.fontawesome.com/25ece1fdd4.js"></script>
    <script src="https://js.stripe.com/v3"></script>

    <script>
      var stripe = Stripe('pk_live_L9wdYA9uQpAuu3pnEVeX84b5');

      var checkoutButton = document.getElementById('checkout-button-plan_FMSJLpSKdaIrlJ');
      checkoutButton.addEventListener('click', function () {
        // When the customer clicks on the button, redirect
        // them to Checkout.
        stripe.redirectToCheckout({
          items: [{plan: 'plan_FMSJLpSKdaIrlJ', quantity: 1}],

          // Do not rely on the redirect to the successUrl for fulfilling
          // purchases, customers may not always reach the success_url after
          // a successful payment.
          // Instead use one of the strategies described in
          // https://stripe.com/docs/payments/checkout/fulfillment
          successUrl: 'https://stackvee.com/success',
          cancelUrl: 'https://stackvee.com/canceled',
        })
        .then(function (result) {
          if (result.error) {
            // If `redirectToCheckout` fails due to a browser or network
            // error, display the localized error message to your customer.
            var displayError = document.getElementById('error-message');
            displayError.textContent = result.error.message;
          }
        });
      });
    </script>
  </body>
</html>