CINXE.COM

<!DOCTYPE html> <html lang="nl-NL" dir="ltr" > <head> <meta charset="utf-8"> <title>Login - Webton Services</title> <base href="https://www.webton.services/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="apple-touch-icon" sizes="180x180" href="/files/service/files/favicon/apple-touch-icon.png?v=2"> <link rel="icon" type="image/png" sizes="32x32" href="/files/service/files/favicon/favicon-32x32.png?v=2"> <link rel="icon" type="image/png" sizes="192x192" href="/files/service/files/favicon/android-chrome-192x192.png?v=2"> <link rel="icon" type="image/png" sizes="16x16" href="/files/service/files/favicon/favicon-16x16.png?v=2"> <link rel="mask-icon" href="/files/service/files/favicon/safari-pinned-tab.svg?v=2" color="#002e5a">  <style>@import url(https://fonts.googleapis.com/css?family=Oswald:400,500,700|Roboto:400,500);@import url(https://fonts.googleapis.com/css?family=Montserrat:700&display=swap);@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(../fonts/material-icons/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2"),url(../fonts/material-icons/MaterialIcons-Regular.woff) format("woff"),url(../fonts/material-icons/MaterialIcons-Regular.ttf) format("truetype")}[dir=ltr] .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-display:block}[dir=ltr] *,[dir=ltr] :after,[dir=ltr] :before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}[dir=ltr] body{margin:0;font-family:Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:.9375rem;font-weight:400;line-height:1.5;color:#383b3d;text-align:left;background-color:#f5f6f7}[dir=ltr] hr{box-sizing:content-box;height:0;overflow:visible}[dir=ltr] h4{margin-top:0;margin-bottom:1rem}[dir=ltr] a{color:rgba(33,150,243,.85);text-decoration:none;background-color:transparent}[dir=ltr] img{border-style:none}[dir=ltr] img{vertical-align:middle}[dir=ltr] label{display:inline-block;margin-bottom:.5rem}[dir=ltr] button{border-radius:0}[dir=ltr] button,[dir=ltr] input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[dir=ltr] button,[dir=ltr] input{overflow:visible}[dir=ltr] button{text-transform:none}[dir=ltr] [type=submit],[dir=ltr] button{-webkit-appearance:button}[dir=ltr] [type=submit]::-moz-focus-inner,[dir=ltr] button::-moz-focus-inner{padding:0;border-style:none}[dir=ltr] ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[dir=ltr] h4{margin-bottom:1rem;font-family:Oswald,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5;color:rgba(57,68,77,.84)}[dir=ltr] h4{font-size:1.414rem}[dir=ltr] hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}[dir=ltr] .col-lg-4,[dir=ltr] .col-md-6,[dir=ltr] .col-sm-8{position:relative;width:100%;padding-right:.625rem;padding-left:.625rem}@media (min-width:576px){[dir=ltr] .col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media (min-width:768px){[dir=ltr] .col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:992px){[dir=ltr] .col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}[dir=ltr] .form-control{display:block;width:100%;height:calc(2.40625rem + 2px);padding:.5rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #f0f1f2;border-radius:.25rem;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}[dir=ltr] .form-control::-ms-expand{background-color:transparent;border:0}[dir=ltr] .form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}[dir=ltr] .form-control:-ms-input-placeholder{color:#6c757d;opacity:1}[dir=ltr] .form-control::-ms-input-placeholder{color:#6c757d;opacity:1}[dir=ltr] .form-group{margin-bottom:1rem}[dir=ltr] .btn{display:inline-block;font-weight:400;color:#383b3d;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.5rem 1rem;font-size:.9375rem;line-height:1.5;border-radius:.25rem}[dir=ltr] .btn-primary{color:#fff;background-color:#2196f3;border-color:#2196f3;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075)}[dir=ltr] .btn-block{display:block;width:100%}[dir=ltr] .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}[dir=ltr] .input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}[dir=ltr] .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}[dir=ltr] .input-group-prepend{display:flex}[dir=ltr] .input-group-prepend{margin-right:-1px}[dir=ltr] .input-group-text{display:flex;align-items:center;padding:.5rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid #f0f1f2;border-radius:.25rem}[dir=ltr] .input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}[dir=ltr] .input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}[dir=ltr] .navbar-brand{display:inline-block;padding-top:.32421875rem;padding-bottom:.32421875rem;margin-right:1rem;font-size:1.171875rem;line-height:inherit;white-space:nowrap}[dir=ltr] .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #f0f1f2;border-radius:.1875rem}[dir=ltr] .card-body{flex:1 1 auto;padding:1.25rem}[dir=ltr] .card-title{margin-bottom:.75rem}[dir=ltr] .card-header{padding:.75rem 1.25rem;margin-bottom:0;color:inherit;background-color:#fff;border-bottom:1px solid #f0f1f2}[dir=ltr] .card-header:first-child{border-radius:calc(.1875rem - 1px) calc(.1875rem - 1px) 0 0}[dir=ltr] .card-footer{padding:.75rem 1.25rem;background-color:#fff;border-top:1px solid #f0f1f2}[dir=ltr] .card-footer:last-child{border-radius:0 0 calc(.1875rem - 1px) calc(.1875rem - 1px)}[dir=ltr] .d-flex{display:flex!important}[dir=ltr] .justify-content-center{justify-content:center!important}[dir=ltr] .align-items-center{align-items:center!important}[dir=ltr] .m-0{margin:0!important}[dir=ltr] .mb-1{margin-bottom:.25rem!important}[dir=ltr] .mt-5{margin-top:3rem!important}[dir=ltr] .mb-5{margin-bottom:3rem!important}[dir=ltr] .mx-auto{margin-right:auto!important}[dir=ltr] .mx-auto{margin-left:auto!important}[dir=ltr] .text-center{text-align:center!important}[dir=ltr] .text-black-50{color:rgba(0,0,0,.5)!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=ltr] .text-black-50{color:rgba(56,59,61,.5)!important}[dir=ltr] .btn{display:inline-flex;align-items:center;justify-content:center}[dir=ltr] .btn:not(.btn-lg):not(.btn-sm){font-size:.9375rem}[dir=ltr] .card{box-shadow:0 2px 3px rgba(56,59,61,.05)}[dir=ltr] .card-title:last-child{margin-bottom:0}[dir=ltr] .card{margin-bottom:1.5rem}[dir=ltr] .form-label{font-size:.75rem;text-transform:uppercase;font-weight:500;color:rgba(56,59,61,.5)}[dir=ltr] .input-group-text .material-icons{font-size:inherit}[dir=ltr] .input-group.input-group-merge .form-control{box-shadow:none}[dir=ltr] .input-group.input-group-merge .form-control-prepended{padding-left:0;border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}[dir=ltr] .input-group.input-group-merge .input-group-prepend{order:-1}[dir=ltr] .input-group.input-group-merge .input-group-prepend>.input-group-text{border-right-width:0!important;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}[dir=ltr] body,html{height:100%;position:relative}[dir=ltr] .material-icons{vertical-align:sub}[dir=ltr] .navbar-brand{padding-top:0;padding-bottom:0;font-size:1.6rem;font-weight:500;display:flex;align-items:center}[dir=ltr] .navbar-shadow{box-shadow:0 5px 15px 0 hsla(0,0%,89%,.5)}[dir=ltr] .navbar-light{color:#949799}[dir=ltr] .navbar-light .navbar-brand{color:rgba(57,68,77,.84)}[dir=ltr] .avatar{font-size:1rem;display:inline-block;width:3rem;height:3rem;position:relative;z-index:0}[dir=ltr] .avatar-lg{font-size:1.33333rem;width:4rem;height:4rem}body.login{background-color:#84d0f5;background-image:url(../files/services-login-background.png);background-repeat:no-repeat;background-position:center;background-size:cover}body.login .navbar-light .navbar-brand{font-family:'Montserrat',sans-serif!important;color:#002e5a}body.login h4.card-title{font-family:'Montserrat',sans-serif!important;color:#ed6c7b;text-transform:uppercase;font-size:10pt}body.login button.submit{background-color:#ed6c7b;border-radius:0;border:1px solid #ed6c7b}body.login .form-group:last-child{margin-bottom:0}body.login hr{width:35px;border:2px solid #ed6c7b;border-radius:20%}body.login .avatar-lg{width:20rem;margin-top:-103px;z-index:0}body.login .card{z-index:1}body{background-image:url(../files/services-background.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:rgba(124,206,243,.1)!important}</style> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link type="text/css" href="files/service/assets/mdk/material-icons.css" rel="stylesheet">  <link type="text/css" href="files/service/assets/app.css" rel="stylesheet"> <link type="text/css" href="files/service/assets/app-custom.css" rel="stylesheet">  <script async src="//www.googletagmanager.com/gtag/js?id=UA-50571942-16"></script> <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)} gtag('js',new Date());gtag('config','UA-50571942-16')</script>  </head> <body id="top" class="win ie trident ie7 login" itemscope itemtype="http://schema.org/WebPage"> <div class="d-flex align-items-center" style="min-height: 100vh"> <div class="col-sm-8 col-md-6 col-lg-4 mx-auto" style="min-width: 300px;"> <div class="mb-5 navbar-light text-center"> <a href="" class="d-flex justify-content-center navbar-brand m-0">Webton Services</a> <hr> </div> <div class="card navbar-shadow">  <div class="card-header text-center"> <h4 class="card-title">Inloggen</h4> </div> <div class="card-body"> <form id="tl_login_1" method="post"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="tl_login_1"> <input type="hidden" name="REQUEST_TOKEN" value=""> <input type="hidden" name="_target_path" value="aHR0cHM6Ly93d3cud2VidG9uLnNlcnZpY2VzLw=="> <input type="hidden" name="_failure_path" value=""> <input type="hidden" name="_always_use_target_path" value="0"> <div class="form-group"> <label class="form-label" for="email">E-mailadres</label> <div class="input-group input-group-merge"> <input id="email" type="text" name="username" required="" class="form-control form-control-prepended" placeholder="E-mailadres"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="material-icons">email</i> </div> </div> </div> </div> <div class="form-group"> <label class="form-label" for="password">Wachtwoord:</label> <div class="input-group input-group-merge"> <input id="password" type="password" name="password" required="" value="" class="form-control form-control-prepended" placeholder="Wachtwoord"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="material-icons">lock</i> </div> </div> </div> </div> <div class="form-group "> <button type="submit" class="btn btn-primary btn-block submit">Inloggen</button> </div> </div> </form> </div> <div class="card-footer text-center text-black-50" style="text-decoration: underline;"> <a href="wachtwoord" class="text-black-50">Wachtwoord vergeten?</a> </div>  </div> <div class="text-center mt-5 mb-1"> <div class="avatar avatar-lg"> <img src="/files/service/files/webton-logo-tagline.svg" alt="Webton Services" /> </div> </div> </div> </div> <script type="application/ld+json">{"@context":{"contao":"https:\/\/schema.contao.org\/"},"@type":"contao:Page","contao:title":"Login","contao:pageId":4,"contao:noSearch":false,"contao:protected":false,"contao:groups":[],"contao:fePreview":false}</script>  <script src="assets/jquery/js/jquery.min.js"></script>  <script src="assets/contao-component-popper-js/popper.min.js"></script> <script src="assets/contao-component-bootstrap/bootstrap/dist/js/bootstrap.min.js"></script>  <script src="files/service/assets/mdk/dom-factory.js"></script> <script src="files/service/assets/mdk/material-design-kit.js"></script>  <script src="files/service/assets/app.js"></script>  <script>jQuery(document).ready(function(){if(4==5){$('.col-form-label').removeClass('col-sm-3 col-md-2 offset-md-1').addClass('offset-sm-1 col-sm-10');$('input').removeClass('col-sm-9 col-md-8').addClass('offset-sm-1 col-sm-10')}})</script> </body> </html>