Purchase | Argon Web Builder by Creative Tim

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Purchase | Argon Web Builder by Creative Tim</title> <meta name="description" content=""> <meta property="og:type" content="product"> <meta property="og:title" content="Argon Web Builder | Drag & Drop Online Editor by Creative Tim"> <meta property="og:description" content="A powerful online tool for Bootstrap pages. It comes with a huge number of components and sections built by Creative Tim."> <meta property="og:image" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/builder/argon/argon-thumbnail-facebook-og.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Argon Web Builder | Drag & Drop Online Editor by Creative Tim"> <meta name="twitter:description" content="A powerful online tool for Bootstrap pages. It comes with a huge number of components and sections built by Creative Tim."> <meta name="twitter:image:src" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/builder/argon/argon-thumbnail-facebook-og.jpg"> <link rel="icon" type="image/png" sizes="16x16" href="/argon/static/img/favicon.png">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">  <link href="/external/creativetim/css/nucleo-icons.css" rel="stylesheet" /> <link href="/external/creativetim/css/nucleo-svg.css" rel="stylesheet" />  <link href="/external/creativetim/css/font-awesome.css" rel="stylesheet" />  <link href="/external/creativetim/css/argon-design-system.css?v=d1" rel="stylesheet" /> <link rel="stylesheet" href="/static/build/css/creativetim.38d52b46.css"> <link href="/vendor/icons/css/fontello.css?v=dag1" rel="stylesheet" > <script async src="https://www.googletagmanager.com/gtag/js?id=UA-46172202-23"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-46172202-23'); </script> </head> <body class=" purchase-page"> <div class="paypal"> <div class="paypal__content"> <div class="paypal__spinner"></div> <h4 class="text-2xl font-semibold">Redirecting to PayPal</h4> </div> </div>  <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg bg-transparent navbar-dark navbar-dark headroom"> <div class="container"> <a class="navbar-brand mr-lg-5" href="/"> <img src="/external/creativetim/img/brand/white.png"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse" id="navbar_global"> <div class="navbar-collapse-header"> <div class="row"> <div class="col-6 collapse-brand"> <a href="/"> <img src="/external/creativetim/img/brand/blue.png"> </a> </div> <div class="col-6 collapse-close"> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"> <span></span> <span></span> </button> </div> </div> </div> </div> </div> </nav>  <div class="wrapper"> <div class="page-header bg-default"> <div class="page-header-image" style="background-image: url('/external/creativetim/img/ill/bg1.png');"></div> <div class="container"> <div class="row"> <div class="col-lg-8 mx-auto"> <div class="card py-4 px-5"> <div class="card-header"> <h5 class="h3 border-0 text-center">Pick the best solution</h5> <h5 class="h5 border-0 text-center">Limited time <span class="text-danger">50% discount.</span></h5> </div> <div class="text-center mt-4 mb-3" id="billing-type"> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="billing" id="billing-monthly" value="monthly" data-price="14" > <label class="form-check-label" for="billing-monthly">  1 month <span class="mx-1" style="text-decoration: line-through; font-size: 1rem">$29</span> <span class="mr-1 p-1 badge badge-warning" style="font-size: 1.2rem;">$14</span> </label> </div> <div class="form-check form-check-inline mt-2 mt-md-0"> <input class="form-check-input" type="radio" name="billing" id="billing-quarterly" value="quarterly" data-price="44" checked> <label class="form-check-label" for="billing-quarterly">  3 months <span class="mx-1" style="text-decoration: line-through; font-size: 1rem">$89</span> <span class="mr-1 p-1 badge badge-warning" style="font-size: 1.2rem;">$44</span> </label> </div> <div class="form-check form-check-inline mt-2 mt-lg-0"> <input class="form-check-input" type="radio" name="billing" id="billing-annual" value="annual" data-price="124" > <label class="form-check-label" for="billing-annual">  Annual <span class="mx-1" style="text-decoration: line-through; font-size: 1rem">$249</span> <span class="p-1 badge badge-warning" style="font-size: 1.2rem;">$124</span><br> </label> </div> </div> <form action="/purchase" method="post" id="account-form" autocomplete="off"> <div class="form-group mt-3"> <label for="account-email">Your e-mail</label> <input type="email" name="email" class="form-control" id="account-email" placeholder="E-mail" value="" autocomplete="new-account" > </div> <div class="form-group"> <label for="account-password">Choose a password</label> <input type="password" name="password" class="form-control" id="account-password" placeholder="Password" autocomplete="new-password"> </div> <div class="form-group mb-4"> <label>Choose a payment method <small class="d-block d-md-inline">(Click one of the options below)</small></label> <div class="row purchase__methods mt-1"> <div class="col-lg-6 method-column"> <a href="#" data-method="stripe" class="active"> <img src="/static/img/logos/cards.png" height="24" alt="Pay with card" /> <br /> <small>Pay with card</small> </a> </div> <div class="col-lg-6 method-column"> <a href="#" data-method="paypal"> <img src="/static/img/logos/paypal.png" height="24" alt="Pay with PayPal" /> <br /> <small>Pay with PayPal™</small> </a> </div> </div> </div> <div class="text-center"> <button class="btn btn-lg btn-primary mb-2 buy-license copy-monthly d-none" type="submit"><img src="/static/img/loading.gif" alt="Loading..." class="d-none float-left mt-1" width="16" height="16"/> Buy now $14</button> <button class="btn btn-lg btn-primary mb-2 buy-license copy-quarterly btn-block" type="submit"><img src="/static/img/loading.gif" alt="Loading..." class="d-none float-left mt-1" width="16" height="16"/> Buy now $44</button> <button class="btn btn-lg btn-primary mb-2 buy-license copy-annual d-none" type="submit"><img src="/static/img/loading.gif" alt="Loading..." class="d-none float-left mt-1" width="16" height="16"/> Buy now $124</button> <div class="form-check mt-4"> <input type="checkbox" class="form-check-input" id="terms-accept" name="terms" value="1" /> <label class="form-check-label purchase__terms" for="terms-accept"> I agree to the <a href="/argon/static/files/terms-of-use.pdf" target="_blank" rel="noopener">terms of use</a> and <a href="/argon/static/files/privacy-policy.pdf" target="_blank" rel="noopener">privacy policy</a> <small>You must agree before submitting.</small> </label> </div> </div> </form> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row row-grid align-items-center mb-5"> <div class="col-lg-6"> <h3 class="text-primary font-weight-light mb-2">Thank you for supporting us!</h3> <h4 class="mb-0 font-weight-light">Let's get in touch on any of these platforms.</h4> </div> <div class="col-lg-6 text-lg-center btn-wrapper"> <button target="_blank" href="https://twitter.com/creativetim" rel="nofollow" class="btn btn-icon-only btn-twitter rounded-circle" data-toggle="tooltip" data-original-title="Follow us"> <span class="btn-inner--icon"><i class="fa fa-twitter"></i></span> </button> <button target="_blank" href="https://www.facebook.com/CreativeTim/" rel="nofollow" class="btn-icon-only rounded-circle btn btn-facebook" data-toggle="tooltip" data-original-title="Like us"> <span class="btn-inner--icon"><i class="fab fa-facebook"></i></span> </button> <button target="_blank" href="https://dribbble.com/creativetim" rel="nofollow" class="btn btn-icon-only btn-dribbble rounded-circle" data-toggle="tooltip" data-original-title="Follow us"> <span class="btn-inner--icon"><i class="fa fa-dribbble"></i></span> </button> <button target="_blank" href="https://github.com/creativetimofficial" rel="nofollow" class="btn btn-icon-only btn-github rounded-circle" data-toggle="tooltip" data-original-title="Star on Github"> <span class="btn-inner--icon"><i class="fa fa-github"></i></span> </button> </div> </div> <hr> <div class="row align-items-center justify-content-md-between"> <div class="col-md-6"> <div class="copyright"> © 2020 <a href="" target="_blank">Creative Tim</a>. </div> </div> <div class="col-md-6"> <ul class="nav nav-footer justify-content-end"> <li class="nav-item"> <a href="" class="nav-link" target="_blank">Creative Tim</a> </li> <li class="nav-item"> <a href="" class="nav-link" target="_blank">About Us</a> </li> <li class="nav-item"> <a href="https://www.creative-tim.com/blog" class="nav-link" target="_blank">Blog</a> </li> <li class="nav-item"> <a href="" class="nav-link" target="_blank">License</a> </li> </ul> </div> </div> </div> </footer></div>  <script src="/external/creativetim/js/core/jquery.min.js"></script> <script src="/external/creativetim/js/core/popper.min.js"></script> <script src="/external/creativetim/js/core/bootstrap.min.js"></script> <script src="/external/creativetim/js/plugins/perfect-scrollbar.jquery.min.js"></script> <script src="/external/creativetim/js/plugins/bootstrap-switch.js"></script> <script src="/external/creativetim/js/plugins/nouislider.min.js"></script> <script src="/external/creativetim/js/plugins/glide.js"></script> <script src="/external/creativetim/js/plugins/moment.min.js"></script> <script src="/external/creativetim/js/plugins/choices.min.js"></script> <script src="/external/creativetim/js/plugins/datetimepicker.js"></script> <script src="/external/creativetim/js/plugins/jasny-bootstrap.min.js"></script> <script src="/external/creativetim/js/plugins/headroom.min.js"></script> <script src="/external/creativetim/js/argon-design-system.min.js?v=1.0.2"></script> <script src="/static/build/runtime.1b16522e.js" defer></script><script src="/static/build/js/landing.52253a59.js" defer></script> <script src="/components/js/components-previews.js?v=cai"></script> <script src="https://js.stripe.com/v3/"></script> <script> var stripe_publishable_key = 'pk_live_nmgMlxxspPYyD9m6pvHbiMkT00LvwKgsDv'; </script> </body> </html>

CINXE.COM

Purchase | Argon Web Builder by Creative Tim