https://www.kolau.com/users/secure-0152-link-log-in

1<!DOCTYPE html>
2<html>
3<head>
4    

4<script>!function(w,d,s,u){if(w.oaiq)return;var q=function(){q.q.push(arguments)};q.q=[];w.oaiq=q;var j=d.createElement(s);j.async=1;j.src=u;var f=d.getElementsByTagName(s)[0];f.parentNode.insertBefore(j,f)}(window,document,"script","https://bzrcdn.openai.com/sdk/oaiq.min.js");oaiq("init",{pixelId:"XjAkeebd6PNMxkGSJ3Bku4",debug:true});</script>

4
5
6    <title>
7        Small Business Marketing Solution - Kolau
8    </title>
9
10    <meta name="description" content="With Kolau, you can do your Small Business digital marketing by yourself. No knowledge or time required because Kolau is very quick and easy to use. Let&#39;s do it!" />
11
12    <!-- <title> </title> -->
13    <link rel="stylesheet" href="/assets/application-773337ce0f46c2c35d81c33550d93984e2da1a6224807c1d073f3a417045bc25.css" media="screen" />
14    <link rel="icon" type="image/x-icon" href="/assets/favicon-2d97ccabdee260e954b15023caa4fd4264d89c00c046f1f47618d83315a669e9.ico" />
15    <!-- For the homepage -->
16    <meta name=viewport content="width=device-width, initial-scale=1">
17
18    <link href='https://fonts.googleapis.com/css?family=Open+Sans:600,400|Roboto+Slab:300|Lato:400,700|Noto+Sans:700|Baloo+Tamma+2:600' rel='stylesheet' type='text/css'>
19
20    <link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@800&display=swap|Open+Sans:600,400|Roboto+Slab:300|Lato:400,700|Noto+Sans:700|Baloo+Tamma+2:600" rel="stylesheet">
21
22    <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
23
24
25    <meta name="csrf-param" content="authenticity_token" />
26<meta name="csrf-token" content="3Dv2q-oImJ7cMnOFAJDAT-evCOfRaGRXDFzW1uT2107HsjtS_UzTiA_8CDDU5UCMxQn4gp9cVbYCRN6Mx7A_xg" />
27    
28    

28<script>
29      (function() {
30        if (!("serviceWorker" in navigator)) { return; }
31
32        var removeLegacyRootPwa = function() {
33          var rootScope = window.location.origin + "/";
34
35          navigator.serviceWorker.getRegistrations().then(function(registrations) {
36            registrations.forEach(function(registration) {
37              if (registration.scope === rootScope) {
38                registration.unregister();
39              }
40            });
41          }).catch(function() {});
42
43          if ("caches" in window) {
44            caches.keys().then(function(keys) {
45              return Promise.all(keys.map(function(key) { return caches.delete(key); }));
46            }).catch(function() {});
47          }
48        };
49
50        removeLegacyRootPwa();
51      })();
52    </script>

52
53
54
55<!-- Google tag (gtag.js) 2023 GA-4 Migration -->

55
56<script async src="https://www.googletagmanager.com/gtag/js?id=

56G-42HM0RGPDT

56"></script>

57<script>
58  

58window.dataLayer = window.dataLayer || [];
59  function gtag(){dataLayer.push(arguments);}
60  gtag('js', new Date());
61
62  gtag('config', '

62G-42HM0RGPDT

62');
63  

63gtag('config', 'AW-17747042744');
64</script>

64
65
66<!-- Add HTML5 shim for IE <9 browsers -->
67<!--[if lt IE 9]>
68  

68<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>

68
69<![endif]-->
70    

70<script>
71  window.kolau_locale = "en";
72</script>

72
73

74<script
75  src="https://js.sentry-cdn.com/1d37aa035a83120956eb7a05d96d7c9d.min.js"
76  crossorigin="anonymous"
77></script>

77
78
79
80  </head>
81  <body>
82
83    
84    <div class="container-fluid">
85     <div class="row">
86  <div class="col-md-6 offset-md-3">
87  </div>
88</div>
89
90 </div>
91 
92<div class="auth-page">
93  <div class="auth-inner container-lg">
94    <div class="auth-header">
95      <a class="auth-logo" href="/">
96        <img src="https://kolau.s3.amazonaws.com/images/logo_kolau_mid_size.png" alt="Kolau">
97</a>      <a class="auth-close" aria-label="Close" href="/">
98        <span aria-hidden="true">&times;</span>
99</a>    </div>
100
101    <div class="auth-card row g-0 justify-content-center">
102      <div class="col-12 col-lg-8 col-xl-6 mx-auto">
103        <div class="auth-panel">
104          <h1 class="auth-title">Log in</h1>
105
106          <div data-controller="passkey-login">
107            <div class="auth-passkey d-none" data-passkey-login-target="passkeyWrapper">
108              <button type="button" class="btn btn-success w-100 btn-lg" data-passkey-login-target="passkeyButton" data-action="passkey-login#start" disabled>
109                Sign in with passkey
110              </button>
111              <div class="text-muted small mt-2 d-none" data-passkey-login-target="pwaHint">
112                Available when using the installed app.
113              </div>
114            </div>
115
116            <div class="mb-3">
117              <a class="btn auth-google w-100 btn-lg" href="/users/auth/google_oauth2">
118                <span class="fab fa-google"></span>
119                <span>Continue with Google</span>
120</a>            </div>
121
122            <div class="auth-divider"><span>or continue with email</span></div>
123
124            <div data-passkey-login-target="passwordForm">
125              
126              <form class="new_user" id="new_user" action="/users/secure-0152-link-log-in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q9noeKBCCCItb-P3CcKxyrrkxHIvoKcIvwTEb-tvYkS_lRyt6iCeAw93Dg1INEn5gXyDjB4wyUGUIE_2USR1nw" autocomplete="off" />
127                
128                <div class="mb-3">
129                  <label class="form-label fw-semibold" for="user_email">Username</label>
130                  <input class="form-control form-control-lg" placeholder="Username" autofocus="autofocus" type="email" name="user[email]" id="user_email" />
131                </div>
132
133                <div class="mb-3">
134                  <label class="form-label fw-semibold" for="user_password">Password</label>
135                  <div class="position-relative">
136                    <input autocomplete="current-password" class="form-control form-control-lg pe-5" id="user_password" placeholder="Password" type="password" name="user[password]" />
137                    <button type="button" class="auth-toggle-password" data-toggle-password="#user_password" aria-label="Show or hide password">
138                      <i class="far fa-eye"></i>
139                    </button>
140                  </div>
141                </div>
142
143                  <div class="form-check form-switch auth-switch form-switch-lg mb-4">
144                    <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input class="form-check-input" id="remember_me" type="checkbox" value="1" name="user[remember_me]" />
145                    <label class="form-check-label fw-semibold" for="user_remember_me">Remember me</label>
146                  </div>
147
148                <div class="d-grid">
149                  <input type="submit" name="commit" value="Log in" class="btn btn-success btn-lg auth-primary-btn" data-disable-with="Log in" />
150                </div>
151</form>            </div>
152
153            <a href="#" class="d-none" data-passkey-login-target="usePassword" data-action="passkey-login#showPassword">
154              Use password
155            </a>
156          </div>
157
158          <div class="d-flex justify-content-between align-items-center mt-3">
159            <a class="auth-link" href="/users/password/new">Forgot your password?</a>
160            <a class="auth-link" href="/users/secure-0152-link-sign-up">Create account</a>
161          </div>
162        </div>
163      </div>
164    </div>
165  </div>
166</div>
167

168<script>
169  document.addEventListener("turbo:load", togglePasswords);
170  document.addEventListener("DOMContentLoaded", togglePasswords);
171  document.addEventListener("turbo:load", markRememberMeForStandalonePwa);
172  document.addEventListener("DOMContentLoaded", markRememberMeForStandalonePwa);
173
174  function togglePasswords() {
175    document.querySelectorAll("[data-toggle-password]").forEach(function(button) {
176      button.onclick = function() {
177        var input = document.querySelector(button.getAttribute("data-toggle-password"));
178        if (!input) { return; }
179        var isPassword = input.type === "password";
180        input.type = isPassword ? "text" : "password";
181        button.innerHTML = isPassword ? '<i class="far fa-eye-slash"></i>' : '<i class="far fa-eye"></i>';
182      };
183    });
184  }
185
186  function markRememberMeForStandalonePwa() {
187    var remember = document.getElementById("remember_me");
188    if (!remember) { return; }
189
190    var standalone = (window.matchMedia && window.matchMedia("(display-mode: standalone)").matches) ||
191      window.navigator.standalone === true;
192
193    if (standalone) {
194      remember.checked = true;
195    }
196  }
197</script>

197
198
199
200
201 

201<script src="/assets/application-f5e54718983dd7a3d1d3be1eae3361c6ef0d8441b3de7dae7483a40ed9ca2819.js"></script>

201
202
203</body>
204</html>