Creative Tim Builder

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/png" href="https://builder.creative-tim.com/img/favicon.ico">  <meta name="csrf-token" content="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <title>Creative Tim Builder</title>  <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"> <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>  <link href="https://builder.creative-tim.com/css/argon.css?v=0.1.3" rel="stylesheet">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NKDMSK6');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="app"> <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm"> <div class="container"> <a class="navbar-brand" href="https://builder.creative-tim.com"> <img src="https://builder.creative-tim.com/img/logo-ct.png" style="width:30px"> <span class="text-sm">Creative Tim</span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent">  <ul class="navbar-nav mr-auto"> </ul>  <ul class="navbar-nav ml-auto">  <a class="nav-link" href="https://builder.creative-tim.com/new-project">Create Project</a> <a class="nav-link" href="../#pricing">Pricing</a> <li class="nav-item"> <a class="nav-link" href="https://builder.creative-tim.com/login">Login</a> </li> </ul> </div> </div> </nav> <main> <div class="header pt-lg-8"> <div class="container"> <div class="header-body text-center mb-7"> <div class="row justify-content-center"> <div class="col-lg-6 col-md-8 px-5"> <div class="card"> <div class="card-body"> <h2 class="text-center">Pick the best solution</h2> <h3 class="border-0 text-center">Limited time <span class="text-danger">80% discount.</span></h3> <hr> <form method="POST" action="/makePayment" enctype="multipart/form-data" class="d-inline"> <input type="hidden" name="_token" value="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <input type="hidden" name="product" value="price_1JhIzMLDk0qEKSl1W1P17gOy"> <button type="submit" class="btn btn-primary text-white w-100 mb-4"> Buy Now $19 </button> <div class="text-center mb-4 d-flex justify-content-center"> <script src="https://www.google.com/recaptcha/api.js?" async defer></script> <div data-size="small" data-sitekey="6LfpTpgiAAAAAOviU6L-uBHVmH05eEy9fMHWtBWv" class="g-recaptcha"></div> </div> </form> <p class="text-center d-flex justify-content-center"> <img class="mr-2" style="width:15px;" src="/img/money-back-icon.svg">30 Days money back.</p> <p class="text-center"> <i class="fa fa-lock" aria-hidden="true"></i> Secured Payment by <b> Stripe</b> with: <br> <i class="fa fa-cc-visa fa-2x mt-2 mr-1" aria-hidden="true"></i> <i class="fa fa-cc-mastercard fa-2x mt-2 mr-1" aria-hidden="true"></i> <i class="fa fa-cc-amex fa-2x mt-2 mr-1" aria-hidden="true"></i> </p> </div> </div> </div> </div> </div> </div> </div> <div class="container mt--8 pb-5"> <div class="row justify-content-center"> <div class="col-12 text-center mt-3"> <span class="loopple-text-sm mx-auto">Got a question?<a href="https://www.creative-tim.com/contact-us" target="_blank"> Contact Us.</a></span> </div> </div>  <div class="modal fade" id="themesModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header pb-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-0"> <div class="row justify-content-center"> <div class="col-lg-12"> <div class="row mb-4 mt-3"> <div class="col-12 text-center"> <h3 class="display-4 mb-4" id="exampleModalLabel">Choose theme</h3> </div> <div class="col-lg-4 col-sm-6 text-center mb-5"> <form method="POST" action="https://builder.creative-tim.com/builder-new-project" enctype="multipart/form-data" class="d-inline"> <input type="hidden" name="_token" value="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <input name="projectDesign" class="d-none" value="soft-ui-dashboard-tailwind"> <div class="card card-image mb-4 shadow border-0"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/642/original/soft-ui-dashboard-tailwind.jpg?1654522807" class="rounded rounded-lg w-100" alt="soft-ui-dashboard-tailwind"> </div> <h3>Soft UI Dashboard Tailwind</h3> <p>Access builder based on Soft UI Dashboard Design for Tailwind by Creative Tim - Designed for those who like bold elements and beautiful websites</p> <button type="submit" class="btn btn-primary mx-auto" href="javascript:;"> Go to builder </button> </form> </div> <div class="col-lg-4 col-sm-6 text-center mb-5"> <form method="POST" action="https://builder.creative-tim.com/builder-new-project" enctype="multipart/form-data" class="d-inline"> <input type="hidden" name="_token" value="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <input name="projectDesign" class="d-none" value="soft-ui-dashboard"> <div class="card card-image mb-4 shadow border-0"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/450/original/opt_sd_free_thumbnail.jpg?1617715816" class="rounded rounded-lg w-100" alt="soft-ui-dashboard"> </div> <h3>Soft UI Dashboard</h3> <p>Access builder based on Soft UI Dashboard Design for Bootstrap 5 by Creative Tim</p> <button type="submit" class="btn btn-primary mx-auto" href="javascript:;"> Go to builder </button> </form> </div> <div class="col-lg-4 col-sm-6 text-center mb-5"> <form method="POST" action="https://builder.creative-tim.com/builder-new-project" enctype="multipart/form-data" class="d-inline"> <input type="hidden" name="_token" value="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <input name="projectDesign" class="d-none" value="soft-ui-design-system"> <div class="card card-image mb-4 shadow border-0"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/448/original/opt_sds_free_thumbnail.jpg" class="rounded rounded-lg w-100" alt="soft-ui-design-system"> </div> <h3>Soft UI Design System</h3> <p>Access builder based on Soft UI Design System for Bootstrap 5 by Creative Tim</p> <button type="submit" class="btn btn-primary mx-auto" href="javascript:;"> Go to builder </button> </form> </div> <div class="col-lg-4 col-sm-6 text-center mb-5"> <form method="POST" action="https://builder.creative-tim.com/builder-new-project" enctype="multipart/form-data" class="d-inline"> <input type="hidden" name="_token" value="rHtFXAeMMfxmG2kKLkDHbC3mAih21fQ87XmKOoiq"> <input name="projectDesign" class="d-none" value="material-dashboard"> <div class="card card-image mb-4 shadow border-0"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/50/original/material-dashboard.jpg?1634648873" class="rounded rounded-lg w-100" alt="material-dashboard"> </div> <h3>Material Dashboard</h3> <p>Access builder based on MateriaI Dashboard Design for Bootstrap 5 by Creative Tim</p> <button type="submit" class="btn btn-primary mx-auto" href="javascript:;"> Go to builder </button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer> <hr> <div class="container mx-auto px-4"> <div class="row"> <div class="col-md-6"> <span>Useful Links</span> <ul class="list-unstyled mt-2 mb-4"> <li class="mb-1"><a class="text-gray" href="https://builder.creative-tim.com/new-project">Create Project</a></li> <li class="mb-1"><a class="text-gray" href="https://builder.creative-tim.com/profile/projects">My projects</a></li> <li><a class="text-gray" href="https://builder.creative-tim.com/pricing">Pricing</a></li> </ul> </div> </div> </div> </footer> </div> <script src="https://builder.creative-tim.com/js/vendor/jquery.min.js"></script> <script src="https://builder.creative-tim.com/js/vendor/bootstrap.bundle.min.js" defer></script> <script src="https://builder.creative-tim.com/js/vendor/js.cookie.js" defer></script> <script src="https://builder.creative-tim.com/js/vendor/argon.min.js" defer></script>  <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/c9f7f926db0339acd3c529a0b/56e178227d38bf34f781fcfbc.js");</script>  <script async defer src="https://buttons.github.io/buttons.js"></script> </body> </html>

CINXE.COM

Creative Tim Builder