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="g7Kr9hFbTxaKx3BCIIZPMtU8sM40F54RiWW3tGRx"> <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="container"> <div class="row justify-content-center"> <div class="col-md-8"> <div class="card mt-5"> <div class="card-header text-center"> <div class="text-muted text-center mt-2 mb-3">Login with</div> <a href="https://builder.creative-tim.com/auth/google" class="btn btn-neutral btn-icon"> <span class="btn-inner--icon"><img src="img/google.svg"></span> <span class="btn-inner--text">Google</span> </a> </div> <div class="card-body"> <div class="text-center text-muted mb-4"> <small>Or login with credentials</small> </div> <form method="POST" action="https://builder.creative-tim.com/login"> <input type="hidden" name="_token" value="g7Kr9hFbTxaKx3BCIIZPMtU8sM40F54RiWW3tGRx"> <div class="form-group row"> <label for="email" class="col-md-4 col-form-label text-md-right">E-Mail Address</label> <div class="col-md-6"> <input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email" autofocus> </div> </div> <div class="form-group row"> <label for="password" class="col-md-4 col-form-label text-md-right">Password</label> <div class="col-md-6"> <input id="password" type="password" class="form-control " name="password" required autocomplete="current-password"> </div> </div> <div class="form-group row"> <div class="col-md-6 offset-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="remember" id="remember" > <input class="custom-control-input" id=" customCheckLogin" type="checkbox"> <label class="form-check-label text-muted text-sm" for="remember"> Remember Me </label> </div> </div> </div> <div class="form-group row mb-0"> <div class="col-md-8 offset-md-4"> <button type="submit" class="btn btn-primary"> Login </button> <a class="btn btn-link" href="https://builder.creative-tim.com/password/reset"> Forgot Your Password? </a> </div> </div> </form> </div> <div class="card-footer mt-3"> <div class="row"> <div class="col-md-8 offset-md-4"> <small>Don't have an account?</small> <a class="btn btn-link p-0" href="https://builder.creative-tim.com/register">Register here</a> </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