PageSourceSearch

https://utalk.com/accounts/login?loginRedirect=%2Faccounts

html utalk.com collected 2026-10-01 11:39:08 UTC 56,850 bytes, 1,271 lines download raw bytes

1<!DOCTYPE html>
2
3<html dir="ltr" lang="en">
4
5<head>
6
7	<meta charset="utf-8">
8	<meta http-equiv="X-UA-Compatible" content="IE=edge">
9	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">
10	<title>Login | uTalk</title>
11
12	
13	<link rel='alternate' hreflang='en' href='https://utalk.com/accounts/login'>
14	<link rel='alternate' hreflang='fr' href='https://utalk.com/fr/accounts/login'>
15	<link rel='alternate' hreflang='de' href='https://utalk.com/de/accounts/login'>
16	<link rel='alternate' hreflang='es' href='https://utalk.com/es/accounts/login'>
17	<link rel='alternate' hreflang='it' href='https://utalk.com/it/accounts/login'>
18	<link rel='alternate' hreflang='ru' href='https://utalk.com/ru/accounts/login'>
19	<link rel='alternate' hreflang='nl' href='https://utalk.com/nl/accounts/login'>
20	<link rel='alternate' hreflang='sv' href='https://utalk.com/sv/accounts/login'>
21	<link rel='alternate' hreflang='no' href='https://utalk.com/no/accounts/login'>
22	<link rel='alternate' hreflang='da' href='https://utalk.com/da/accounts/login'>
23	<link rel='alternate' hreflang='fi' href='https://utalk.com/fi/accounts/login'>
24	<link rel='alternate' hreflang='hu' href='https://utalk.com/hu/accounts/login'>
25	<link rel='alternate' hreflang='el' href='https://utalk.com/el/accounts/login'>
26	<link rel='alternate' hreflang='tr' href='https://utalk.com/tr/accounts/login'>
27	<link rel='alternate' hreflang='he' href='https://utalk.com/he/accounts/login'>
28	<link rel='alternate' hreflang='zh' href='https://utalk.com/zh/accounts/login'>
29	<link rel='alternate' hreflang='ja' href='https://utalk.com/ja/accounts/login'>
30	<link rel='alternate' hreflang='cs' href='https://utalk.com/cs/accounts/login'>
31	<link rel='alternate' hreflang='sk' href='https://utalk.com/sk/accounts/login'>
32	<link rel='alternate' hreflang='bg' href='https://utalk.com/bg/accounts/login'>
33	<link rel='alternate' hreflang='pl' href='https://utalk.com/pl/accounts/login'>
34	<link rel='alternate' hreflang='ro' href='https://utalk.com/ro/accounts/login'>
35	<link rel='alternate' hreflang='fa' href='https://utalk.com/fa/accounts/login'>
36	<link rel='alternate' hreflang='id' href='https://utalk.com/id/accounts/login'>
37	<link rel='alternate' hreflang='th' href='https://utalk.com/th/accounts/login'>
38	<link rel='alternate' hreflang='vi' href='https://utalk.com/vi/accounts/login'>
39	<link rel='alternate' hreflang='ko' href='https://utalk.com/ko/accounts/login'>
40	<link rel='alternate' hreflang='pt' href='https://utalk.com/pt/accounts/login'>
41	<link rel='alternate' hreflang='uk' href='https://utalk.com/uk/accounts/login'>
42	<link rel='alternate' hreflang='ar' href='https://utalk.com/ar/accounts/login'>
43	<link rel='alternate' hreflang='mn' href='https://utalk.com/mn/accounts/login'>
44	<link rel='alternate' hreflang='az' href='https://utalk.com/az/accounts/login'>
45	<link rel='alternate' hreflang='x-default' href='https://utalk.com/accounts/login'>
46	<link rel='canonical' href='https://utalk.com/accounts/login' />
47
48	<link rel="apple-touch-icon" sizes="57x57" href="/theme/Utalk/dist/img/apple-icon-57x57.png">
49	<link rel="apple-touch-icon" sizes="60x60" href="/theme/Utalk/dist/img/apple-icon-60x60.png">
50	<link rel="apple-touch-icon" sizes="72x72" href="/theme/Utalk/dist/img/apple-icon-72x72.png">
51	<link rel="apple-touch-icon" sizes="76x76" href="/theme/Utalk/dist/img/apple-icon-76x76.png">
52	<link rel="apple-touch-icon" sizes="114x114" href="/theme/Utalk/dist/img/apple-icon-114x114.png">
53	<link rel="apple-touch-icon" sizes="120x120" href="/theme/Utalk/dist/img/apple-icon-120x120.png">
54	<link rel="apple-touch-icon" sizes="144x144" href="/theme/Utalk/dist/img/apple-icon-144x144.png">
55	<link rel="apple-touch-icon" sizes="152x152" href="/theme/Utalk/dist/img/apple-icon-152x152.png">
56	<link rel="apple-touch-icon" sizes="180x180" href="/theme/Utalk/dist/img/apple-icon-180x180.png">
57	<link rel="icon" type="image/png" sizes="192x192"  href="/theme/Utalk/dist/img/android-icon-192x192.png">
58	<link rel="icon" type="image/png" sizes="32x32" href="/theme/Utalk/dist/img/favicon-32x32.png">
59	<link rel="icon" type="image/png" sizes="96x96" href="/theme/Utalk/dist/img/favicon-96x96.png">
60	<link rel="icon" type="image/png" sizes="16x16" href="/theme/Utalk/dist/img/favicon-16x16.png">
61	<link rel="manifest" href="/theme/Utalk/dist/img/manifest.json">
62	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=6.0, user-scalable=yes" />
63	<meta name="apple-mobile-web-app-capable" content="yes" />
64
65	
66	<!-- Twitter -->
67	<meta name="twitter:card"				content="summary" />
68	<meta name="twitter:site"				content="@uTalk" />
69	<meta name="twitter:creator"			content="@uTalk">
70	<meta name="twitter:title"				content="Login" />
71		<meta name="twitter:image"				content="https://www.utalk.com/theme/Utalk/dist/img/android-icon-192x192.png" />
72
73	<!-- Open Graph standard eg.Facebook	 -->
74	<meta property="og:url"					content="https://utalk.com/accounts/login" />
75	<meta property="og:type"				content="website" />
76	<meta property="og:title"				content="Login" />
77		<meta property="og:image"				content="https://utalk.com/theme/utalk/dist/img/uTalkFBShare.jpg" />
78
79	<link rel="publisher" href="https://plus.google.com/103613566630091886514">
80	<meta name="msapplication-TileColor" content="#ffffff">
81	<meta name="msapplication-TileImage" content="/theme/Utalk/dist/img/ms-icon-144x144.png">
82	<meta name="theme-color" content="#300d62">
83	<meta name="google-site-verification" content="j61elyxVqyfdGPMErKmKNEj9vodRCCMpP-DKrjexUMQ" />
84
85	
86	<!-- Pinterest Analytics -->
87	<meta name="p:domain_verify" content="6f2f434cb73f4b7f60527775d6489c16"/>
88
89	<!-- Bootstrap CSS (bootstrap.bundle.js (bootstrap.js and popper.js) is included in the footer) -->
90
91			<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous" referrerpolicy="no-referrer">
92	
93	<!-- Jquery -->
94	
94<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
94
95
96	<!-- Custom CSS Files -->
97	<style>/*
98Site Wide CSS Rules
99*/
100@font-face {
101    font-family: 'Circular Pro';
102    src: url('/theme/utalk/dist/fonts/CircularPro-Bold.woff2') format('woff2'),
103    url('/theme/utalk/dist/fonts/CircularPro-Bold.woff') format('woff');
104    font-weight: bold;
105    font-style: normal;
106    font-display: swap;
107}
108
109@font-face {
110    font-family: 'Circular Pro';
111    src: url('/theme/utalk/dist/fonts/CircularPro-Book.woff2') format('woff2'),
112    url('/theme/utalk/dist/fonts/CircularPro-Book.woff') format('woff');
113    font-weight: normal;
114    font-style: normal;
115    font-display: swap;
116}
117
118body {
119    font-family: "Circular Pro", "Roboto", "sans-serif";
120}
121
122/* Use this class for text that will never be translated and should not show as right to left text in localisations such as arabic */
123.alwaysEnglishText {
124    direction: ltr;
125    text-align: left;
126}
127
128.arrowRight::after {
129    content: '→';
130}
131
132html[dir="rtl"] .arrowRight::after {
133    content: '←';
134}
135
136.arrowLeft::after {
137    content: '←';
138}
139
140html[dir="rtl"] .arrowLeft::after {
141    content: '→';
142}
143
144/*
145 Bootstrap 4 Component uTalk Colour Overrides
146*/
147
148.btn-warning {
149    background-color: #ff971f;
150    border-color: #ff971f;
151    color: white;
152    border-radius: 12px;
153}
154
155.btn-warning:hover {
156    background-color: #ff6600;
157    border-color: #ff6600;
158    color: white;
159}
160
161.btn-warning:active {
162    background-color: #ff6600;
163    border-color: #ff6600;
164    color: white;
165}
166
167.btn-warning:focus {
168    background-color: #ff6600;
169    border-color: #ff6600;
170    color: white;
171}
172
173.btn-danger {
174    background-color: #ff0033;
175    border-color: #ff0033;
176    color: white;
177    border-radius: 12px;
178}
179
180.btn-danger:hover {
181    background-color: #a8131B;
182    border-color: #a8131B;
183    color: white;
184}
185
186.btn-danger:active {
187    background-color: #a8131B;
188    border-color: #a8131B;
189    color: white;
190}
191
192.btn-danger:focus {
193    background-color: #a8131B;
194    border-color: #a8131B;
195    color: white;
196}
197
198/* Do not show the recaptcha badge (We still have to declare it (and the Ts&Cs) where it is used) */
199.grecaptcha-badge {
200    visibility: hidden;
201}</style>
202
203	<!-- Preload any fonts -->
204	<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" crossorigin="anonymous" />
205  	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" crossorigin="anonymous" />
206	<link rel="preload" as="font" href="/theme/utalk/dist/fonts/CircularPro-Bold.woff2" type="font/woff2" crossorigin="anonymous" />
207	<link rel="preload" as="font" href="/theme/utalk/dist/fonts/CircularPro-Book.woff2" type="font/woff2" crossorigin="anonymous" />
208
209	<!-- Preconnect important origins -->
210	<link rel="preconnect" href="https://www.google-analytics.com/" crossorigin="anonymous" /> 
211	<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous" />
212
213	<!-- getblue.io analytics -->
214			
214<script type="text/javascript" src="https://event.getblue.io/js/blue-tag-eu.min.js" async="true"></script>
214
215		
215<script type="text/javascript">
216		window.blue_q = window.blue_q || [];
217
218					window.blue_q.push(
219				{event: "setCampaignId", value: "5AB33583-00A0-85F6-2E1DFE0B262C5A18"},
220				{event: "setPageType", value: "visit"}
221			);
222		
223	</script>
223
224
225	<!-- Bing Conversion Tracking -->
226	
226<script>
227		(function(w,d,t,r,u){
228			var f,n,i;
229			w[u]=w[u]||[],f=function(){
230			var o={ti:"5680018", enableAutoSpaTracking: true};
231			o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
232			},
233			n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){
234				var s=this.readyState;
235				s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
236			},
237			i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
238		})
239		(window,document,"script","//bat.bing.com/bat.js","uetq");
240	</script>
240
241  	<!-- End Bing Conversion Tracking -->
242
243
244	<!-- Google Tag Manager -->
245	
245<script>
246		window.dataLayer = [];
247	</script>
247
248
249	
249<script>
vendor: 331 bytes, lines 249-253
249(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
250	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
251	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
252	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
253	})(window,document,'script','dataLayer','
253GTM-KPCK5WN
vendor: 3 bytes, line 253
253');
253</script>
253
254	<!-- End Google Tag Manager -->
255
256	<!-- ShareASale Affiliate Tracking -->
257	
257<script src="https://www.dwin1.com/59791.js" type="text/javascript" defer="defer"></script>
257
258	
259	<!-- Google Recaptcha -->
vendor: 62 bytes, lines 259-260
259
260	<script src="https://www.google.com/recaptcha/api.js?render=
2606LdRpnwqAAAAAOaoX_HAZWDjfZXAWLnH6P6oQWa_
vendor: 14 bytes, lines 260-262
260"></script>
261
262	
262<!-- Open AI Conversion Tracking -->
263
264	
264<script>
265	(function (w, d, s, u) {
266		if (w.oaiq) return;
267		var q = function () {
268		q.q.push(arguments);
269		};
270		q.q = [];
271		w.oaiq = q;
272		var js = d.createElement(s);
273		js.async = true;
274		js.src = u;
275		var f = d.getElementsByTagName(s)[0];
276		f.parentNode.insertBefore(js, f);
277	})(window, document, "script", "https://bzrcdn.openai.com/sdk/oaiq.min.js");
278
279	oaiq("init", {
280		pixelId: "RywvmVRkdZfxfTxNFTxMd7",
281	});
282	</script>
282	
283		
284	<style>
285body {
286	font-family: "Circular Pro", "Roboto", "sans-serif";
287	font-weight: normal;
288}
289
290.container-fluid {
291	padding: 0;
292}
293
294.container {
295	margin-top: 5vh;
296}
297
298h1,
299h2,
300h3,
301h4,
302h5,
303h6 {
304	font-weight: bold;
305	color: #300d62;
306}
307
308p {
309	font-weight: normal;
310	color: #333333;
311	font-size: 14pt;
312}
313
314.btn-yellow, .btn-yellow:hover, .btn-yellow:focus {
315
316	color: #300D62;
317	background-color: #FFAE00;
318	border-color: #FFAE00;
319	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
320
321}
322
323.btn-yellow:hover:not(:disabled):not(.disabled) {
324    background-color: #FF8F00 !important;
325	border-color: #FF8F00 !important;
326}
327
328.btn-yellow:focus {
329    box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5);
330}
331
332.btn-purple {
333	color: white;
334	background-color: #300d62;
335	border-color: #300d62;
336}
337
338.btn-purple:hover {
339	background-color: #210844;
340	border-color: #300d62;
341	text-decoration: none;
342	color: white !important;
343}
344
345.btn-purple:focus {
346	box-shadow: 0 0 0 .2rem rgba(33,8,68,.5);
347}
348
349
350.btn-rounded {
351	border-radius: 9999px;
352}
353
354.btn-bigtext {
355    font-size: 14pt !important;
356}
357
358.btn-biggertext {
359    font-size: 16pt !important;
360}
361
362/* Sticky footer fix */
363
364html,
365body,
366.contentWrapper {
367	height: 100%;
368}
369
370.contentWrapper {
371	display: flex;
372	flex-direction: column;
373}
374
375.contentWrapper > .innerContentWrapper {
376	flex: 1 0 auto;
377}
378
379.contentWrapper > footer {
380	flex-shrink: 0;
381}
382</style>
383</head>
384
385<body>
386
387	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 387-388
387
388	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
388GTM-KPCK5WN
vendor: 85 bytes, lines 388-390
388"
389	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
390	
390<!-- End Google Tag Manager (noscript) -->
391
392	<div class="container-fluid contentWrapper">
393
394		<!---------------------------------------------- Cookie Notice -------------------------------------------->
395
396
397<!-- This file can be included anywhere in the document body  -->
398
399
400<!---------------------------------------------- Navbar -------------------------------------------->
401
402
403<style>
404
405/* General */
406
407.utalk-nav {
408	z-index: 1000;
409	flex-shrink: 0;
410	background-color: #0066ff;	box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
411}
412
413.navbar-toggler:focus {
414	outline: none;
415}
416
417.navbar-brand {
418	/* Helps to center the nav links on bigger screens */
419	flex-grow: 1;
420	max-width: 190px;
421}
422
423/* Nav Links */
424
425.utalk-nav .nav-link {
426	color: white;
427	border: 5px solid transparent;
428	padding: .2rem;
429	text-align: center;
430	font-weight: bold;
431	transition: all .2s ease-in-out;
432}
433
434.utalk-nav .nav-link:hover {
435	border-bottom: 5px solid #300d62;}
436
437.nav-link.active {
438	border-bottom: 5px solid #FFAE00 !important; 
439}
440
441/* Language picker dropdown */
442
443.utalk-nav .language-picker {
444	cursor: pointer;
445	padding: .375rem .75rem;
446	background-color: transparent;
447	border: none;
448	outline: none;
449}
450
451.utalk-nav .dropdown-item {
452	color: #212529;
453	text-align: inherit;
454	white-space: nowrap;
455	background-color: transparent;
456	border: 0;
457	transition: all 0.2s ease-in-out;
458}
459
460.utalk-nav .dropdown-toggle:after {
461	/* Change caret color */
462	border-top-color: white;
463}
464
465/* Language picker dropdown - flags */
466
467.utalk-nav .lang-nav {
468	height: 35px;
469	width: 35px;
470	border: none;
471	background-color: #300d62;
472	border-radius: 17.5px;
473	transition: all 0.2s ease-in-out;
474}
475
476.utalk-nav .dropdown-item > .lang-nav {
477	margin-right: 30px;
478	max-width: none; /* Required for correct sizing on blog page, otherwise this will get overwritten by a blog stylesheet */
479}
480
481/* Account button */
482
483.utalk-nav .accountButton {
484	background-color: #300d62;	color: white;
485	border-radius: .3rem;
486	padding: .5rem 1rem;
487	transition: all 0.2s ease-in-out;
488}
489
490.utalk-nav .accountButton:hover {
491	text-decoration: none;
492	background-color: #cc0066;
493}
494
495.utalk-nav .accountButton span {
496	max-width: 100px;
497	display: inline-block;
498	white-space: nowrap;
499	text-overflow: ellipsis;
500	overflow: hidden;
501	font-weight: 900;
502	vertical-align: middle;
503	padding-bottom: 1px;
504}
505
506/* Styles for mobile menu */
507
508@media (max-width: 991px) {
509
510	.utalk-nav .accountButton {
511
512		color: white;
513		border: 5px solid transparent;
514		padding: .2rem;
515		text-align: center;
516		font-weight: bold;
517		transition: all .2s ease-in-out;
518		background-color: transparent;
519		display: block;
520	}
521
522	.utalk-nav .accountButton:hover {
523
524		background-color: transparent;
525		border-bottom: 5px solid #300d62;
526	}
527
528}
529
530.dropdown-menu {
531	/*
532		Dropdown option height: 43px
533		Dropdown divider height: 17px
534		Number of dropdowns visible: 8
535		8 Full rows + 2/5 of a new row: (8*(43+17))+17+(43*(2/5)) = 514px
536	*/
537	max-height: 514px;
538	overflow-y: scroll;
539}
540
541</style>
542
543
544<nav class="utalk-nav navbar navbar-expand-lg">
545
546	<!-- utalkLogo -->
547	<a class="navbar-brand" href="/en">
548		<img src="/theme/utalk/2018Assets/img/LanguagePage_SVGs/uTalk_CMYK_long_lockupnew.svg" alt='uTalk' width="100px" height="30px">
549	</a>
550
551	
552		<div class="d-flex d-lg-none">
553		
554			<!-- Language Select Dropdown (extra small -> small screens only) -->
555		
556			<div class="dropdown">
557				
558			<button type='button' class='dropdown-toggle language-picker mr-4' data-display='static' data-toggle='dropdown'>
559				<img class='lang-nav' src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>
560			</button>
561			<div class='dropdown-menu dropdown-menu-right alwaysEnglishText' style='min-width: 260px'>
562				<a class='dropdown-item' href='https://utalk.com/en/accounts/login'><img alt='English (British) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>English (British)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fr/accounts/login'><img alt='Français Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fr.svg'>Français</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/de/accounts/login'><img alt='Deutsch Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/de.svg'>
562Deutsch</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/es/accounts/login'><img alt='Español Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/es.svg'>Español</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/it/accounts/login'><img alt='Italiano Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/it.svg'>Italiano</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ru/accounts/login'><img alt='Русский Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ru.svg'>Русский</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/nl/accounts/login'><img alt='Nederlands Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/nl.svg'>Nederlands</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sv/accounts/login'><img alt='Svenska Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sv.svg'>Svenska</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/no/accounts/login'><img alt='Norsk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/no.svg'>Norsk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/da/accounts/login'><img alt='Dansk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/da.svg'>Dansk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fi/accounts/login'><img alt='Suomi Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fi.svg'>Suomi</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/hu/accounts/login'><img alt='Magyar Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/hu.svg'>Magyar</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/el/accounts/login'><img alt='Ελληνικά Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/el.svg'>Ελληνικά</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/tr/accounts/login'><img alt='Türkçe Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/tr.svg'>Türkçe</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/he/accounts/login'><img alt='עברית Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/he.svg'>עברית</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/zh/accounts/login'><img alt='中文 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/zh.svg'>中文</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ja/accounts/login'><img alt='日本語 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ja.svg'>日本語</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/cs/accounts/login'><img alt='Čeština Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/cs.svg'>Čeština</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sk/accounts/login'><img alt='Slovenčina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sk.svg'>Slovenčina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/bg/accounts/login'><img alt='Български Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/bg.svg'>Български</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pl/accounts/login'><img alt='Polski Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/pl.svg'>Polski</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ro/accounts/login'><img alt='Română Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ro.svg'>Română</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fa/accounts/login'><img alt='فارسی (ایران) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fa.svg'>فارسی (ایران)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/id/accounts/login'><img alt='Bahasa Indonesia Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/id.svg'>Bahasa Indonesia</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/th/accounts/login'><img alt='ไทย Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/th.svg'>ไทย</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/vi/accounts/login'><img alt='Tiếng Việt Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/vi.svg'>Tiếng Việt</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ko/accounts/login'><img alt='한국어 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ko.svg'>한국어</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pt/accounts/login'><img alt='Português do Brasil Flag' class='lang-nav lazyload' style='font-size: 0;
562' data-src='/theme/utalk/dist/img/icons/flag_circles/pt.svg'>Português do Brasil</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/uk/accounts/login'><img alt='Українська Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/uk.svg'>Українська</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ar/accounts/login'><img alt='العربية الرسمية الحديثة Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ar.svg'>العربية الرسمية الحديثة</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/mn/accounts/login'><img alt='Монгол Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/mn.svg'>Монгол</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/az/accounts/login'><img alt='Azərbaycan dili Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/az.svg'>Azərbaycan dili</a>
563			</div>
564					</div>
565		
566			<!-- Toggle navbar (mobile only) -->
567		
568			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#uTalkNavItems" aria-controls="uTalkNavItems" aria-expanded="false" aria-label="Toggle navigation">
569				<span><i style="color: white;" class="fas fa-bars "></i></span>
570			</button>
571		
572		</div>
573		
574		<div class="collapse navbar-collapse" id="uTalkNavItems">
575		
576			<!-- General Nav Buttons -->
577			<ul class="navbar-nav mx-auto">
578				<li class='nav-item p-1'><a href="/store" class="nav-link">Languages</a></li><li class='nav-item p-1'><a href="/about" class="nav-link">About</a></li><li class='nav-item p-1'><a href="/support" class="nav-link">Support</a></li><li class='nav-item p-1'><a href="/schools" class="nav-link">Schools</a></li><li class='nav-item p-1'><a href="/partnerships" class="nav-link">Partnerships</a></li>			</ul>
579				
580			<!-- Language Select Dropdown (medium -> large screens only) -->
581				
582			<div class="dropdown d-none d-lg-block">
583				
584			<button type='button' class='dropdown-toggle language-picker mr-4' data-display='static' data-toggle='dropdown'>
585				<img class='lang-nav' src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>
586			</button>
587			<div class='dropdown-menu dropdown-menu-right alwaysEnglishText' style='min-width: 260px'>
588				<a class='dropdown-item' href='https://utalk.com/en/accounts/login'><img alt='English (British) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/en.svg'>English (British)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fr/accounts/login'><img alt='Français Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fr.svg'>Français</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/de/accounts/login'><img alt='Deutsch Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/de.svg'>Deutsch</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/es/accounts/login'><img alt='Español Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/es.svg'>Español</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/it/accounts/login'><img alt='Italiano Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/it.svg'>Italiano</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ru/accounts/login'><img alt='Русский Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ru.svg'>Русский</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/nl/accounts/login'><img alt='Nederlands Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/nl.svg'>Nederlands</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sv/accounts/login'><img alt='Svenska Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sv.svg'>Svenska</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/no/accounts/login'><img alt='Norsk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/no.svg'>Norsk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/da/accounts/login'><img alt='Dansk Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/da.svg'>Dansk</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fi/accounts/login'><img alt='Suomi Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fi.svg'>Suomi</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/hu/accounts/login'><img alt='Magyar Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/hu.svg'>Magyar</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/el/accounts/login'><img alt='Ελληνικά Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/el.svg'>Ελληνικά</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/tr/accounts/login'><img alt='Türkçe Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/tr.svg'>Türkçe</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/he/accounts/login'><img alt='עברית Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/he.svg'>עברית</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/zh/accounts/login'><img alt='中文 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/zh.svg'>中文</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ja/accounts/login'><img alt='日本語 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ja.svg'>日本語</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/cs/accounts/login'><img alt='Čeština Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/cs.svg'>Čeština</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/sk/accounts/login'><img alt='Slovenčina Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/sk.svg'>Slovenčina</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/bg/accounts/login'><img alt='Български Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/bg.svg'>Български</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pl/accounts/login'><img alt='Polski Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/pl.svg'>Polski</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ro/accounts/login'><img alt='Română Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ro.svg'>Română</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/fa/accounts/login'><img alt='فارسی (ایران) Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/fa.svg'>فارسی (ایران)</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/id/accounts/login'><img alt='Bahasa Indonesia Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/id.svg'>Bahasa Indonesia</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/th/accounts/login'><img alt='ไทย Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/th.svg'>ไทย</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/vi/accounts/login'><img alt='Tiếng Việt Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/vi.svg'>Tiếng Việt</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ko/accounts/login'><img alt='한국어 Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ko.svg'>한국어</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/pt/accounts/login'><img alt='Português do Brasil Flag' class='lang-nav lazyload' style='font-size: 0;
588' data-src='/theme/utalk/dist/img/icons/flag_circles/pt.svg'>Português do Brasil</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/uk/accounts/login'><img alt='Українська Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/uk.svg'>Українська</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/ar/accounts/login'><img alt='العربية الرسمية الحديثة Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/ar.svg'>العربية الرسمية الحديثة</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/mn/accounts/login'><img alt='Монгол Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/mn.svg'>Монгол</a><div class="dropdown-divider"></div><a class='dropdown-item' href='https://utalk.com/az/accounts/login'><img alt='Azərbaycan dili Flag' class='lang-nav lazyload' style='font-size: 0;' data-src='/theme/utalk/dist/img/icons/flag_circles/az.svg'>Azərbaycan dili</a>
589			</div>
590					</div>
591				
592			<!-- Account Button -->
593				
594			<a href="/accounts" class="accountButton"><div style="min-width: 1.75em; display: inline-block;"><i class="fas fa-user-alt fa-fw mr-2"></i></div><span>Account</span></a>
595				
596		</div>
597
598	
599</nav>
600
601
602
603<!-- Mark the selected page as active on the navbar -->
604<script>
605	$(function() {
606		$('a.nav-link').each(function() {
607			if (window.location.pathname === $(this).attr('href'))
608				$(this).addClass('active');
609		});
610	});
611</script>
611
612
613<!-- <Themes> -->
614<!-- </Themes> -->
615		<div class="innerContentWrapper">
616
617			<style>
618.login-error {
619	color: #ff0033;
620}
621
622label {
623	color: #300d62;
624	font-size: large;
625	font-weight: bold;
626	vertical-align: middle;
627	font-family: sans-serif;
628}
629
630#email:focus,
631#password:focus {
632	box-shadow: 0 0 0 0.2rem rgba(156, 62, 153, .25);
633}
634
635.submitButton {
636	padding-left: 8vw;
637	padding-right: 8vw;
638}
639
640#form-success {
641	color: white;
642	background-color: #ff0033;
643	padding: 10px;
644	margin-top: 10px;
645}
646
647#email-error {
648	color: #ff0033;
649}
650
651#password-error {
652	color: #ff0033;
653}
654</style>
655<div class="container" style="margin-bottom: 5rem;">
656
657	<h1 id="login" class='text-center'>Manage my account</h1>
658
659	<br><br>
660
661	<div class="row accountrow">
662
663		<div class="d-none d-lg-block col-6">
664			
665			<!-- Only shown on desktop devices -->
666			<h3 class="mb-4">uTalk Account</h3>
667			<p>You can change your name, email and password as well as managing your subscriptions.</p><p>If you don't have an account yet, please <a href="/app">click here</a> to download the app and register there.</p>
668		</div>
669
670		<div class="col-12 col-lg-6">
671
672			<h3 class="text-center mb-4">Login</h3>
673
674			<!-- README: If you are including this then you must setup a javascript function called "userAuthenticated" that will be called upon succesful authentication -->
675<style>
676
677/* General */
678
679.prettyBox {
680	border-radius: 10px;
681	border: 1px solid #300d62;
682	padding: 1rem;
683	padding-bottom: 0;
684	box-shadow: 5px 10px 8px #999;
685}
686
687/* loginContainer */
688
689#loginContainer {
690    font-family: "Circular Pro", "Roboto", "sans-serif";
691    font-weight: normal;
692}
693
694#loginContainer .nav {
695	width: 100%;
696	margin-bottom: 40px;
697	display: inline-block;
698	text-align: center;
699}
700
701#loginContainer .nav button {
702	background: none;
703	box-sizing: border-box;
704	-moz-box-sizing: border-box;
705	-webkit-box-sizing: border-box;
706	font-size: 18px;
707	text-transform: uppercase;
708	font-weight: bold;
709	padding: 4px 30px;
710	margin: 0px 5px;
711	color: #300d62;
712	border: none;
713	border-bottom: 1.5px solid #300d62;
714	opacity: 0.6;
715	cursor: pointer;
716}
717
718#loginContainer .nav button:focus {
719	outline: none; /* Remove momentary ugly outline when clicked - has negative accessability reprocussions */
720}
721
722#loginContainer .nav button:disabled {
723	border-width: 4px;
724	opacity: 1;
725}
726
727/* Seperator */
728
729#loginContainer .separator {
730    display: flex;
731    align-items: center;
732    text-align: center;
733	color: #300d62;
734	margin: 2rem 0;
735}
736
737#loginContainer .separator::before, .separator::after {
738    content: '';
739    flex: 1;
740    border-bottom: 2px solid #300d62;;
741}
742
743#loginContainer .separator::before { margin-right: 1em; }
744#loginContainer .separator::after  { margin-left:  1em; }
745
746/* Third Part Login Buttons */
747
748#loginContainer .thirdPartyLoginButtons {
749	text-align: center;
750}
751
752#loginContainer .thirdPartyLoginButtons a {
753	display: inline-block;
754}
755
756#loginContainer .thirdPartyLoginButtons a img {
757	display: block;
758	margin: 0 2rem;
759	height: 4rem;
760	width: 4rem;
761}
762
763</style>
764
765<noscript>
766	<style>
767		#loginContainer {
768			display: none;
769		}
770	</style>
771	<div class="alert alert-danger" role="alert">
772		<!-- Not going to bother getting this translated - niche scenario -->
773		<b>Please <a href="https://www.enable-javascript.com/" target="_blank">Enable Javascript</a> to continue.</b>
774	</div>
775</noscript>
776
777<div id="loginContainer">
778
779	
780	<div class="menus">
781
782		
783			<div class="loginMenu ">
784
785				<form id="loginForm" method="post" action="/auth/signIn">
786
787					<div class="form-group">
788						<input type="email" autocomplete="username" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Enter your uTalk account email" autofocus required>
789					</div>
790					<div class="form-group">
791						<input type="password" autocomplete="current-password" class="form-control" name="password" placeholder="Password" required>
792						<small><a href="/accounts/resetPassword" target="_blank">Forgot Password?</a></small>
793													<small style="float:right; margin-top: 4px;"><a href="/app">Don't have an account?</a></small>
794											</div>
795
796					<div class="small errorMessage invisible text-danger text-center mt-1 mb-2" role="alert">Error</div>
797
798					<div class="ml-4 mr-4">
799						<button class="btn btn-lg btn-yellow btn-block btn-rounded" disabled id="loginButton">Log in <i class="fas fa-spinner ml-1 fa-spin d-none progressindicator"></i></button>
800					</div>
801
802				</form>
803
804			</div>
805
806		
807		
808	</div>
809
810</div>
811
812<template id="thirdPartyLoginButtonsTemplate">
813
814	<div class="separator">Or Continue With</div>
815
816	
817	<div class="thirdPartyLoginButtons">
818		<a href='/auth/thirdPartySignIn/Facebook?disableSignup=1&amp;redirectTo=%2Faccounts'><img src="/img/thirdPartyLoginButtons/fb.png" alt=""/></a><a href='/auth/thirdPartySignIn/Apple?disableSignup=1&amp;redirectTo=%2Faccounts'><img src="/img/thirdPartyLoginButtons/apple.png" alt=""/></a>	</div>
819
820</template>
821
822<script>
823
824// Add the third party login options template to the login and signup menus
825
826$('#loginContainer .menus > *').append(
827	$('#thirdPartyLoginButtonsTemplate').html()
828);
829
830$('#loginForm, #signupForm').submit(function(){
831
832	var $form = $(this);
833	var formId = $form.attr('id');
834	var action = null;
835
836	switch (formId) {
837		case 'loginForm':
838			action = 'login';
839			break;
840		case 'signupForm':
841			action = 'signup';
842			break;
843		default:
844			action = 'unknownFormSubmission';
845			console.error('Unknown form submission');
846			break;
847	}
848
849	grecaptcha.ready(function() {
850		grecaptcha.execute('6LdRpnwqAAAAAOaoX_HAZWDjfZXAWLnH6P6oQWa_', {action: action}).then(function(token) {
851
852			// Add the token field to the form if it doesn't already exist
853			if($form.find('[name="g-recaptcha-response"]').length === 0){
854				$form.append('<input type="hidden" name="g-recaptcha-response">');
855			}
856			// Set the token value
857			$form.find('[name="g-recaptcha-response"]').val(token);
858
859			$form.find('.errorMessage').addClass('invisible');
860
861			var showError = function(errorMessage){
862				
863				$form.find('.errorMessage')
864					.text(errorMessage)
865					.removeClass('invisible')
866					.hide() // Element must be hidden in order to fade in
867					.fadeIn();
868
869			};
870
871			genericAjaxFormSubmitHandler($form, {
872				'done': function(response){
873
874					if(response.success){
875
876						var userData = response.message.userData;
877
878						// Push the event to Google Analytics
879						let gaEvent = null;
880
881					    if(action === 'login')
882							gaEvent = 'login';
883						else if(action === 'signup')
884							gaEvent = 'sign_up';
885
886						if(gaEvent !== null)
887							dataLayer.push({ event : gaEvent });
888
889						// Successful request, let the page this is included on decide what to do
890						userAuthenticated(userData); // Should be defined by the including file
891						return false;
892				
893					} else {
894					
895						showError(response.message);
896						return true;
897					
898					}
899
900				},
901				'fail': function(){
902					showError("Sorry, something went wrong. Please try again, or contact us for help.");
903					return true;
904				}
905			}); 
906
907		});
908
909	});
910
911	return false;
912
913});
914
915// Click handler for login/signup nav buttons
916$("#loginContainer .nav [data-menu]").click(function() {
917
918	var $this = $(this);
919
920	// Make sure the correct buttons are disabled
921	$this.siblings().prop('disabled', false);
922	$this.prop('disabled', true);
923
924	var formClass = $this.attr('data-menu');
925	var $form = $('#loginContainer .menus .' + formClass);
926
927	// Make sure only the correct form is shown
928	$form.siblings().addClass('d-none');
929	$form.removeClass('d-none');
930
931	// Populate the email from the other form
932	$form.find('[name="email"]').val(
933		$form.siblings().find('[name="email"]').val()
934	);
935
936	$form.find('input').first().focus();
937
938});
939
940$('.showPasswordToggle').click(function() {
941
942	var $this = $(this).find('svg');
943
944	if($this.hasClass('fa-eye')){
945		// Show
946		$this.removeClass("fa-eye").addClass("fa-eye-slash");
947		$this.closest('.input-group').find('input').attr('type', 'text');
948	} else {
949		// Hide
950		$this.removeClass("fa-eye-slash").addClass("fa-eye");
951		$this.closest('.input-group').find('input').attr('type', 'password');
952	}
953
954});
955
956// Detect whether the password is autofilled, and if so switch the user to the login pane.
957// This is an imperfect method due to differing browser behaviour
958$('#loginForm input[name="password"]').on('input change init', function(){
959	// If the password field is hidden but was still changed then it's probably autofill
960	if($(this).is(':hidden') && $(this).val() !== ''){
961		$('#loginContainer .nav [data-menu="loginMenu"]').trigger('click');
962	}
963}).trigger('init'); // Manually trigger the event incase the field was populated before the event was setup
964
965$(window).on('load', function() {
966	// Enable login button once page has loaded
967	$('#loginButton').attr('disabled', false);
968});
969
970$(function(){
971
972	var errorMessage = null
973	if(errorMessage !== null)
974		displayServerMessage(false, errorMessage);
975
976});
977
978</script>
978
979			
979<script>
980				// Called by login element
981				function userAuthenticated(userData){
982
983					
984											window.location.href = "\/accounts";
985					
986
987				}
988			</script>
988
989
990		</div>
991
992		<!-- Required to comply with google Ts&Cs -->
993		<div class="col-12 mt-5 text-center">
994			<small class="text-muted">
995				This site is protected by reCAPTCHA and the Google
996				<a href="https://policies.google.com/privacy">Privacy Policy</a> and
997				<a href="https://policies.google.com/terms">Terms of Service</a> apply.
998			</small>
999		</div>
1000
1001	</div>
1002
1003</div>
1004			
1005		</div>
1006
1007		<style>
1008footer {
1009	background-color: #300d62;
1010		color: hsl(0, 0%, 95%);
1011	padding: 5vh;
1012}
1013
1014.utalk-footer-links>a {
1015	text-decoration: underline;
1016	color: #006bf9;
1017	transition: all .2s ease-in-out;
1018}
1019
1020.utalk-footer-lang {
1021	color: hsl(0, 0%, 95%);
1022	transition: all .2s ease-in-out;
1023	font-size: 1em;
1024	text-decoration: none !important;
1025}
1026
1027@media (max-width: 600px) {
1028	footer>div {
1029		font-size: 10pt;
1030	}
1031}
1032
1033.appStoreLogos {
1034	padding-top: 20px;
1035	width: 100%;
1036	text-align: center;
1037}
1038
1039.appleAppStoreLogo {
1040	padding: 6px;
1041}
1042
1043.playStoreLogo {
1044	width: 100px;
1045}
1046
1047.appStoreLogo {
1048	text-decoration: none;
1049	max-height: 50px;
1050	max-width: 150px;
1051}
1052
1053.appStoreLogos>a:hover {
1054	text-decoration: none;
1055}
1056
1057.utalk-footer>div>a:hover {
1058	color: #ff971f;
1059}
1060
1061.nodecorate {
1062	/* This is deliberate. */
1063	text-decoration: none !important;
1064	color: white !important;
1065	transition: none !important;
1066	cursor: default;
1067}
1068
1069.nodecorate:hover {
1070	text-decoration: none !important;
1071	color: white !important;
1072	transition: none !important;
1073	cursor: default;
1074}
1075
1076#termsAndConditionsModal .modal-header, #privacyPolicyModal .modal-header {
1077    background-color: #0066ff;
1078    box-shadow: 2px 4px 10px rgba(0,0,0,.2);
1079    border-bottom: none;
1080    border-top-left-radius: 0.2rem;
1081    border-top-right-radius: 0.2rem;
1082}
1083
1084#termsAndConditionsModal .modal-title, #privacyPolicyModal .modal-title {
1085    color: white !important;
1086    line-height: 1.2;
1087}
1088
1089.social-link:hover {
1090	text-decoration: none;
1091}
1092
1093</style>
1094
1095<footer class="text-center">
1096	<div class="utalk-footer-links">
1097		&copy; <a href="/" class="nodecorate" alt="uTalk homepage">uTalk</a> 2026 - Made in London with love		<br>
1098		<a href="/termsandconditions" target="_blank" alt="Terms and Conditions">Terms &amp; Conditions</a> |
1099		<a href="/privacypolicy" target="_blank" alt="Privacy Policy">Privacy Policy</a>		| <a href="https://utalk.zendesk.com/hc" alt="Support">Support</a> | <a href="/en/news" alt="Blog">Blog</a> | <a href="/en/app">Download</a><br>
1100	</div>
1101	<div class="mt-2">
1102		<a href="https://www.facebook.com/uTalk/" target="_blank" class="social-link">
1103				<i class="fab fa-facebook-square fa-fw fa-2x text-white"></i>
1104		</a>
1105		<a href="https://twitter.com/uTalk" target="_blank" class="social-link">
1106			<i class="fab fa-twitter fa-fw fa-2x text-white"></i>
1107		</a>
1108		<a href="https://www.youtube.com/channel/UCtRmgHxDrVgpfjZIyA2mcyQ" target="_blank" class="social-link">
1109			<i class="fab fa-youtube fa-fw fa-2x text-white"></i>
1110		</a>
1111		<a href="https://www.instagram.com/utalk_app/" target="_blank" class="social-link">
1112			<i class="fab fa-instagram fa-fw fa-2x text-white"></i>
1113		</a>
1114		<a href="https://www.linkedin.com/company/utalk.com/" target="_blank" class="social-link">
1115			<i class="fab fa-linkedin fa-fw fa-2x text-white"></i>
1116		</a>
1117	</div>
1118	<hr style=" border-top: dotted 2px hsl(0, 0%, 95%);" class="col-10">
1119	<div class="row">
1120		<div class="col">
1121			<p class="text-center p-0 m-0 utalk-footer-lang" style="text-decoration: underline;">Browse this site in:</p>
1122		</div>
1123	</div>
1124	<div class="row justify-content-center utalk-footer">
1125		<div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;color: #ff971f;' class='utalk-footer-lang' href='https://utalk.com/en/accounts/login'>English (British)</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fr/accounts/login'>Français</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/de/accounts/login'>Deutsch</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/es/accounts/login'>Español</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/it/accounts/login'>Italiano</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ru/accounts/login'>Русский</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/nl/accounts/login'>Nederlands</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/sv/accounts/login'>Svenska</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/no/accounts/login'>Norsk</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/da/accounts/login'>Dansk</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fi/accounts/login'>Suomi</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/hu/accounts/login'>Magyar</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/el/accounts/login'>Ελληνικά</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/tr/accounts/login'>Türkçe</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/he/accounts/login'>עברית</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/zh/accounts/login'>中文</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ja/accounts/login'>日本語</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/cs/accounts/login'>Čeština</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/sk/accounts/login'>Slovenčina</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/bg/accounts/login'>Български</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/pl/accounts/login'>Polski</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ro/accounts/login'>Română</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/fa/accounts/login'>فارسی (ایران)</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/id/accounts/login'>Bahasa Indonesia</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/th/accounts/login'>ไทย</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/vi/accounts/login'>Tiếng Việt</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ko/accounts/login'>한국어</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/pt/accounts/login'>Português do Brasil</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/uk/accounts/login'>Українська</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/ar/accounts/login'>العربية الرسمية الحديثة</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/mn/accounts/login'>Монгол</a></div><div class='col-4 col-md-2 mb-1'><a style='font-size: smaller;' class='utalk-footer-lang' href='https://utalk.com/az/accounts/login'>Azərbaycan dili</a></div>	</div>
1126	<div class="appStoreLogos">
1127		
1128		
1129	</div>
1130</footer>
1131		<!-- Facebook Pixel Code -->
1132<script>
vendor: 435 bytes, lines 1132-1138
1132
1133    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1134        n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
1135        n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
1136        t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
1137        document,'script','https://connect.facebook.net/en_US/fbevents.js');
1138    fbq('init', '
1138914581045280784
vendor: 33 bytes, lines 1138-1139
1138');
1139    fbq('track', "PageView");
1139</script>
1139
1140<noscript><img height="1" width="1" style="display:none"
1141    src="https://www.facebook.com/tr?id=914581045280784&ev=PageView&noscript=1"
1142/></noscript>
1143<!-- End Facebook Pixel Code -->
1144
1145	
1145<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js" integrity="sha384-zDnhMsjVZfS3hiP7oCBRmfjkQC4fzxVxFhBx8Hkz2aZX8gEvA/jsP3eXRCvzTofP" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1145
1146
1147<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1147
1148
1149<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js" integrity="sha256-F6h55Qw6sweK+t7SiOJX+2bpSAa3b/fnlrVCJvmEj1A=" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 1149
1149
1150<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-q583ppKrCRc7N5O0n2nzUiJ+suUv7Et1JGels4bXOaMFQcamPk9HjdUknZuuFjBNs7tsMuadge5k9RzdmO+1GQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1150
1151
1152<!-- uTalk Custom JavaScript -->
1153<script>
1154/**
1155 * Jquery validate plugin custom methods
1156 */
1157$.validator.addMethod(
1158	'regex',
1159	function(value, element, regexp) {
1160		var re = new RegExp(regexp);
1161		return this.optional(element) || re.test(value);
1162	},
1163	"Please enter a valid email address."
1164);
1165
1166
1167$.validator.addMethod(
1168	"passNumber",
1169	function(value, element, regexp) {
1170		var re = new RegExp(regexp);
1171		return this.optional(element) || re.test(value);
1172	},
1173	"Password must contain at least one number."
1174);
1175
1176
1177/**
1178 * Creates a server response message as container first child
1179 * @param {*} type 
1180 * @param {*} message 
1181 */
1182function displayServerMessage(type, message) {
1183	//clear any existing message
1184	if ($('#serverResponse').length) {
1185		$('#serverResponse').remove();
1186	}
1187
1188	//parse the response into text
1189	var response = $($.parseHTML("<div id='serverResponse' style='display: none;' class='alert alert-dismissible fade show' role='alert'>" +
1190			"<button type='button' class='close' data-dismiss='alert' aria-label='Close'>" +
1191				"<span aria-hidden='true'>&times;</span>" +
1192			"</button>" +
1193		"</div>"));
1194
1195	//check whether action was successful or a flop
1196	if (type === true) {
1197		response.addClass('alert-success');
1198	} else {
1199		response.addClass('alert-danger');
1200	}
1201
1202	//prepend onto container, add the alert colour class
1203	response.append(message);
1204	$(".container").prepend(response);
1205	$("html, body").animate({ scrollTop: 0 }, "slow");
1206	$("#serverResponse").show("slow");
1207
1208}
1209
1210function clearServerMessage() {
1211	if ($('#serverResponse').length) {
1212		$('#serverResponse').remove();
1213	}
1214}
1215
1216/* Generic helper functions */
1217
1218// Will always post form via ajax - ignores form method
1219function genericAjaxFormSubmitHandler($form, callbackFunctions){
1220
1221	var reEnableForm;
1222	var data = $form.serialize();
1223	var action = $form.attr('action');
1224	var $formInputs = $form.find('input, button');
1225
1226	var callback = function(functionName, params){
1227		if(functionName in callbackFunctions && typeof callbackFunctions[functionName] === "function")
1228			return callbackFunctions[functionName].apply($form, params);
1229	};
1230	
1231	$formInputs.attr('disabled', true);
1232	$form.find('.progressindicator').removeClass('d-none');
1233
1234	$.post(action, data, null, 'json')
1235		.done(function(data, textStatus, jqXHR) {
1236
1237			reEnableForm = callback('done', [data, textStatus, jqXHR]);
1238		
1239		})
1240		.fail(function(jqXHR, textStatus, errorThrown) {
1241		
1242			reEnableForm = callback('fail', [jqXHR, textStatus, errorThrown]);
1243
1244		})
1245		.always(function(){
1246
1247			callback('always');
1248
1249			if(reEnableForm !== false){
1250				$formInputs.attr('disabled', false);
1251				$form.find('.progressindicator').addClass('d-none');
1252			}
1253
1254		});
1255
1256	return false;
1257
1258}
1259</script>
1259
1260<!-- End uTalk Custom JavaScript -->
1261
1262<script id="mcjs">
1263! function(c, h, i, m, p) {
1264	m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p)
1265}(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/5313428690ee2242ca5263f69/003e3c43c373dfda587d78b9a.js");
1266</script>
1266
1267	</div>
1268
1269</body>
1270
1271</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.