1 2 3 4<!DOCTYPE html> 5 6<html xmlns="http://www.w3.org/1999/xhtml"> 7<head><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="description" content="Investagrams is a platform that helps you stay on top of the world markets. From real-time market data and world market news to market education and paper trading." /><meta name="keywords" content="login,account,login account,signin,philippine,exchange,stock,PSE,Investagrams" /><meta name="msvalidate.01" content="40A1AE61E78A43E9110D0723A66FD2A8" /><meta name="google-site-verification" content="lu_tUEmjBgrzWC7o0s7lKidyyF-PQkaFIAkO7742hE0" /><title> 8 Login | Investagrams 9</title> 10 11
12<script type="text/javascript"> 13 14 var globalAcceptLangHeader = ""; 15 16</script>
16 17 18 19 20 21 22 <meta property="fb:app_id" content="1599265263687910" /> 23 <meta property="og:locale" content="en_US" /> 24 <meta property="og:site_name" content="Investagrams" /> 25 <meta property="og:image" content="https://www.investagrams.com/Images/PagePreview/op-Investa-PreviewImage.jpg?is_1.20" /> 26 <meta property="og:title" content="Login | Investagrams" /> 27 <meta property="og:description" content="Investagrams is a platform that helps you stay on top of the world markets. From real-time market data and world market news to market education and paper trading." /> 28 <meta property="og:type" content="website" /> 29 30 <meta property="og:url" content="https://www.investagrams.com/login/" /> 31 <link rel="canonical" href="https://www.investagrams.com/login/" /> 32 33 <meta name="twitter:card" content="summary_large_image" /> 34 <meta name="twitter:site" content="@investagrams" /> 35 <meta name="twitter:title" content="Login" /> 36 <meta name="twitter:description" content="Investagrams is a platform that helps you stay on top of the world markets. From real-time market data and world market news to market education and paper trading." /> 37 <meta name="twitter:image" content="https://www.investagrams.com/Images/PagePreview/op-Investa-PreviewImage.jpg?is_1.20" /> 38 <meta name="twitter:domain" content="Investagrams" /> 39 40 41 <link href="/Images/app_icon.png?is_1.20" rel="shortcut icon" type="image/x-icon" /> 42 <link href="https://www.investagrams.com/Images/PagePreview/op-Investa-PreviewImage.jpg?is_1.20" rel="image_src" /> 43 44 45 <!-- CSS Stylesheet --> 46 <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,900" rel="stylesheet" media="print" onload="this.media='all'" /> 47 <link href="/Font/FontAwesome/5.15.4/css/all.min.css?is_1.20" rel="stylesheet" media="print" onload="this.media='all'" /> 48 49 50 <link href="/CSS/Bootstrap4/bootstrap.min.css?is_1.20" rel="stylesheet" /> 51 52 53 54 55 <link href="/CSS/AOS/aos.css?i_1.68.9766.43169" rel="stylesheet" media="print" onload="this.media='all'" /> 56 <link href="/CSS/Common/MainSiteStyle.css?i_1.68.9766.43169" rel="stylesheet" /> 57 <link href="/CSS/Common/MainStyleV2.css?i_1.68.9766.43169" rel="stylesheet" /> 58 <link href="/CSS/Common/sass/MainSiteStyle.min.css?i_1.68.9766.43169" rel="stylesheet" /> 59 <link href="/CSS/Stock/StockStyle.css?i_1.68.9766.43169" rel="stylesheet" /> 60 61 <link href="/CSS/Common/DarkMode/DarkMode.css?i_1.68.9766.43169" rel="stylesheet" /> 62 <link href="/CSS/OpenInvesta/OpenInvestaStyle.css?i_1.68.9766.43169" rel="stylesheet" /> 63 <link href="/CSS/Common/Components/ComponentStyle.css?i_1.68.9766.43169" rel="stylesheet" /> 64 65 66 67 <!-- Javascript --> 68
68<script src="/Javascript/JQuery/jquery-2.1.1.js?is_1.20" type="text/javascript" defer></script>
68 69 70
70<script src="/Javascript/Common/ConstantScript.js?i_1.68.9766.43169" type="text/javascript" defer></script>
70 71
71<script src="/Javascript/Common/HubsJavaScript.js?i_1.68.9766.43169" type="text/javascript" defer></script>
71 72
72<script src="/Javascript/Common/MainSiteJavascript.js?i_1.68.9766.43169" type="text/javascript" defer></script>
72 73 74 75 76 <!-- Javascript --> 77 78
78<script src="/Javascript/Bootstrap4/popper.min.js?is_1.20" defer></script>
78 79
79<script src="/Javascript/Bootstrap4/bootstrap.min.js?is_1.20" defer></script>
79 80 81 82 83 84
84<script src="/Javascript/Common/RefTrackerScript.js?i_1.68.9766.43169" type="text/javascript" defer></script>
84 85
85<script src="/Javascript/DarkMode/darkMode-min.js?is_1.20" type="text/javascript" defer></script>
85 86 87 88
89<script src="/Javascript/Angular/angular.min.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 89
89
90<script src="/Javascript/Angular/AngularSanitize/angular-sanitize.min.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 90
90
91<script src="/Javascript/Angular/AngularSwitch/angular-ui-switch.min.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 91
91
92<script src="/Javascript/Angular/AngularAutoGrow/angular-autogrow.min.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 92
92
93<script src="/Javascript/Angular/AngularTimeAgo/angular-timeago-core.min.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 93
93
94<script src="/Javascript/Angular/AngularTimeAgo/time-ago-language-en_US.js?is_1.20" type="text/javascript" defer></script>
vendor: 2 bytes, line 94
94
95<script src="/Javascript/Angular/AngularUIBootstrap/ui-bootstrap-tpls-3.0.6.min.js?is_1.20" type="text/javascript" defer></script>
95 96 97
98<script src="/Javascript/Angular/angular-animate.min.js?i_1.68.9766.43169" defer></script>
98 99 100
101<script src="/Javascript/AngularApp/app.js?i_1.68.9766.43169" type="text/javascript" defer></script>
101 102 103 104 105 106 107
108<script src="/Javascript/AngularApp/Directive/directives.js?i_1.68.9766.43169" type="text/javascript" defer></script>
108 109 110 111
112<script src="/Javascript/AngularApp/Services/Api/userApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
112 113
114<script src="/Javascript/AngularApp/Services/Api/walletApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
114 115
116<script src="/Javascript/AngularApp/Services/Api/userAccessApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
116 117
118<script src="/Javascript/AngularApp/Services/Api/userPlatformTourApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
118 119
120<script src="/Javascript/AngularApp/Services/Api/userSubscriptionApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
120 121
122<script src="/Javascript/AngularApp/Services/Api/chatApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
122 123
124<script src="/Javascript/AngularApp/Services/Api/userSavedPostApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
124 125
126<script src="/Javascript/AngularApp/Services/Api/gemsApiService.js?i_1.68.9766.43169" type="text/javascript" defer></script>
126 127
128<script src="/Javascript/AngularApp/Controller/Snippet/User/userNavSnippetController.js?i_1.68.9766.43169" type="text/javascript" defer></script>
128 129
130<script src="/Javascript/AngularApp/Controller/Snippet/User/userJourneyTrackingSnippetController.js?i_1.68.9766.43169" type="text/javascript" defer></script>
130 131 132<div data-ng-controller="userJourneyTrackingSnippetController"> 133 <!-- set ng-controller for userJourneyTracking here to access tracking functionality globally thru rootScope call --> 134</div> 135 136 137 138 139 140<!-- This User Control Needs to Declare after constant script or last part. Required ConstantScript.js (Investa Common) --> 141 142
143<script type="text/javascript"> 144 145 var gaClientId = ""; 146 147</script>
147 148 149 150 151 152 153 154 155 156 157<!-- Google Analytics v4 (GA4) --> 158<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 158-159
158 159<script async src="https://www.googletagmanager.com/gtag/js?id=
159G-MPZT2JLDD9
vendor: 13 bytes, line 159
159"></script>
160<script> 161 162 163 window.dataLayer = window.dataLayer || []; 164 function gtag() { dataLayer.push(arguments); } 165 gtag('js', new Date()); 166 167 168 var ga4TrackingId = 'G-MPZT2JLDD9'; 169 170 var pageLocation = (window.location.origin + window.location.pathname).toLowerCase(); 171 172 173 //Get the GA4 Client ID to be used as DeviceID for Investa 174 gtag('get', ga4TrackingId, 'client_id', function (clientId) { 175 176 gaClientId = clientId; 177 //console.log('GA Client ID: ' + gaClientId); 178 }); 179 180 181 182 window.addEventListener('DOMContentLoaded', function () { 183 184 185 if (gaAuthenticatedUserId > 0) { 186 // Set the user ID using signed-in user_id. 187 gtag('config', ga4TrackingId, { 188 'page_location': pageLocation, 189 'user_id': gaAuthenticatedUserId 190 }); 191 192 gtag('set', 'user_properties', { 193 'inv_user_id': gaAuthenticatedUserId 194 }); 195 } 196 else { 197 gtag('config', ga4TrackingId, { 198 'page_location': pageLocation 199 }); 200 } 201 202 203 204 205 var gaSendHeartBeatCount = 0; 206 var gaAvoidSendingMultipleHeartBeat = false; 207 208 //Send Heartbeat to Google Analytics 209 function gaHeartBeatFunc() { 210 var timeoutDurationMs = 120000; 211 212 if (gaSendHeartBeatCount == 0) { 213 //10 secs 214 timeoutDurationMs = 10000; 215 } 216 else if (gaSendHeartBeatCount >= 1 && gaSendHeartBeatCount <= 20) { 217 //3 mins 218 timeoutDurationMs = 180000; 219 } 220 else { 221 //20 mins 222 timeoutDurationMs = 1200000; 223 } 224 225 var doRepeatHeartBeat = true; 226 227 if (gaSendHeartBeatCount >= 200) { 228 doRepeatHeartBeat = false; 229 } 230 else if (gaAvoidSendingMultipleHeartBeat && gaSendHeartBeatCount >= 2) { 231 doRepeatHeartBeat = false; 232 } 233 234 235 if (doRepeatHeartBeat) { 236 setTimeout(function () { 237 try { 238 //GA4 239 gtag("event", "HeartBeat", { 240 HeartBeatCount: gaSendHeartBeatCount, 241 HeartBeatTimeoutDurationMs: timeoutDurationMs 242 }); 243 244 } 245 catch (ex) { 246 247 } 248 249 gaSendHeartBeatCount++; 250 gaHeartBeatFunc(); 251 252 }, timeoutDurationMs); 253 } 254 } 255 256 gaHeartBeatFunc(); 257 258 259 }); 260 261 262 263</script>
263 264 265 266 267 268 269<!-- Matomo -->
270<script> 271 var _paq = window._paq = window._paq || []; 272 273 // Enable link tracking and heartbeat early 274 _paq.push(['enableLinkTracking']); 275 _paq.push(['enableHeartBeatTimer']); 276 277 // Configure tracker URL and Site ID (must come before trackPageView) 278 _paq.push(['setTrackerUrl', 'https://matomo.investagrams.com/matomo.php']); 279 _paq.push(['setSiteId', '1']); 280 281 window.addEventListener('DOMContentLoaded', function () { 282 283 var normalizedFullUrl = location.href.toLowerCase(); 284 285 if (normalizedFullUrl.endsWith("/")) { 286 //Remove trailing slash at the end. 287 normalizedFullUrl = normalizedFullUrl.slice(0, -1); 288 } 289 290 if (gaAuthenticatedUserId > 0) { 291 _paq.push(['setUserId', gaAuthenticatedUserId]); 292 } 293 294 // Custom Dimension 295 if (gaAccessType) { 296 _paq.push(['setCustomDimension', 1, gaAccessType]); 297 } 298 299 // Normalize URL 300 _paq.push(['setCustomUrl', normalizedFullUrl]); 301 302 // Apply all config before calling this. 303 // Track page after all configs 304 _paq.push(['trackPageView']); 305 }); 306 307 (function () { 308 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 309 g.async = true; g.src = 'https://matomo.investagrams.com/matomo.js'; 310 s.parentNode.insertBefore(g, s); 311 })(); 312</script>
312 313<!-- End Matomo Code --> 314 315 316 317 318 319 320 321 322<!-- Microsoft Clarity -->
323<script type="text/javascript"> 324 (function (c, l, a, r, i, t, y) { 325 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; 326 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; 327 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 328 })(window, document, "clarity", "script", "4flsrkedwr"); 329</script>
329 330 331 332 333<!-- Cloudflare Web Analytics -->
vendor: 106 bytes, lines 333-335
333 334<script defer src='https://static.cloudflareinsights.com/beacon.min.js' 335 data-cf-beacon='{"token": "
335995318dae37e46b1af028b18b70a0e07
vendor: 17 bytes, lines 335-336
335"}'> 336</script>
337<!-- End Cloudflare Web Analytics --> 338 339 340 341 342 343 344<!-- Facebook Pixel Code -->
345<script> 346 !function (f, b, e, v, n, t, s) { 347 if (f.fbq) return; n = f.fbq = function () { 348 n.callMethod ? 349 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 350 }; 351 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 352 n.queue = []; t = b.createElement(e); t.async = !0; 353 t.src = v; s = b.getElementsByTagName(e)[0]; 354 s.parentNode.insertBefore(t, s) 355 }(window, document, 'script', 356 'https://connect.facebook.net/en_US/fbevents.js'); 357 fbq('set', 'autoConfig', false, '505669647235090'); 358 fbq('init', '505669647235090'); 359 fbq('track', 'PageView'); 360</script>
360 361<noscript><img height="1" width="1" style="display:none" 362src="https://www.facebook.com/tr?id=505669647235090&ev=PageView&noscript=1" 363/></noscript> 364<!-- End Facebook Pixel Code --> 365 366 367 368<!-- Reddit Pixel -->
369<script> 370 !function (w, d) { if (!w.rdt) { var p = w.rdt = function () { p.sendEvent ? p.sendEvent.apply(p, arguments) : p.callQueue.push(arguments) }; p.callQueue = []; var t = d.createElement("script"); t.src = "https://www.redditstatic.com/ads/pixel.js", t.async = !0; var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(t, s) } }(window, document); rdt('init', 'a2_fy00onk30v9p'); rdt('track', 'PageVisit'); 371</script>
371 372<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER --> 373<!-- End Reddit Pixel --> 374 375 376 377<!-- start social profiles (https://developers.google.com/structured-data/customize/social-profiles) -->
378<script type="application/ld+json"> 379 { 380 "@context" : "https://schema.org", 381 "@type" : "Organization", 382 "name" : "Investa", 383 "url" : "https://www.investagrams.com/", 384 "email" : "[email protected]", 385 "logo": "https://www.investagrams.com/Images/app_icon.png?is_1.20", 386 "sameAs": [ 387 "https://www.facebook.com/investagrams", 388 "https://x.com/investagrams", 389 "https://www.linkedin.com/company/investagrams", 390 "https://www.youtube.com/@InvestagramsTV" 391 ] 392 } 393</script>
393 394<!-- end social profiles --> 395</head> 396<body data-ng-app="investagramsAngularApp" data-ng-controller="userNavSnippetController"> 397 398 <!-- This requires AngularJS Reference Library and ng-app initialize --> 399 400 401<!-- Pure Independent Vanilla JS. NO dependency with other libraries or JS files. --> 402 403<style> 404 .splash-screen { 405 position: fixed; 406 top: 0; 407 left: 0; 408 height: 100%; 409 width: 100%; 410 background: white; 411 z-index: 99999999; 412 display: flex; 413 justify-content: center; 414 align-items: center; 415 overflow: hidden; 416 } 417 418 419 .splash-screen-content { 420 text-align: center; 421 display: flex; 422 justify-content: center; 423 align-items: center; 424 flex-direction: column; 425 } 426 427 428 .splash-img { 429 /*height: 85px;*/ 430 width: 85px; 431 display: block; 432 } 433 434 435 .loader-bounce { 436 display: flex; 437 align-items: center; 438 justify-content: center; 439 width: max-content; 440 height: 1.25rem; 441 margin-top: 20px; 442 } 443 444 .loader-bounce:before, .loader-bounce:after, .loader-bounce span { 445 content: ""; 446 background-color: #00bef9; 447 border-radius: 50%; 448 width: .5rem; 449 height: .5rem; 450 margin: .125rem; 451 animation: bouncing-fade 0.6s infinite alternate; 452 } 453 454 .loader-bounce span { 455 animation-delay: 0.2s; 456 } 457 458 .loader-bounce:after { 459 animation-delay: 0.4s; 460 } 461</style> 462 463 464<div id="splashScreenContainer" class="splash-screen"> 465 <div class="splash-screen-content"> 466 467 <img class="splash-img" src="/Images/app_icon.png?is_1.20" alt="Investagrams" /> 468 469 <div class="loader-bounce"><span></span></div> 470 471 472 </div> 473</div> 474 475 476
477<script> 478 479 var splashScreenContainerId = "splashScreenContainer"; 480 481 var isHideSplashScreen = true; 482 483 window.addEventListener('DOMContentLoaded', function () { 484 485 document.getElementById(splashScreenContainerId).style.background = null; 486 487 if (isHideSplashScreen) { 488 document.getElementById(splashScreenContainerId).style.display = "none"; 489 } 490 491 }); 492 493 function hideSplashScreenContainer() { 494 isHideSplashScreen = true; 495 document.getElementById(splashScreenContainerId).style.display = "none"; 496 } 497 498 function showSplashScreenContainer() { 499 isHideSplashScreen = false; 500 } 501 502 try { 503 504 //Execute right away inline to show the proper styling for darkmode / lightmode before loading external scripts 505 if (typeof (Storage) !== "undefined") { 506 507 var isViewingAdminPage = !!document.getElementById("adminBody"); 508 509 if (!isViewingAdminPage) { 510 511 var isDarkMode = localStorage.getItem("darkmode"); 512 513 isDarkMode = JSON.parse(isDarkMode); 514 515 if (isDarkMode == null) { 516 var browserTheme = window.matchMedia("(prefers-color-scheme: dark)"); 517 if (browserTheme.matches) 518 isDarkMode = true; 519 } 520 521 if (isDarkMode) { 522 document.getElementById(splashScreenContainerId).style.background = "#0d121E"; 523 } 524 } 525 } 526 } 527 catch (ex) { 528 console.error(ex); 529 } 530 531 532</script>
532 533 534 535 536 537 538 <div class="nav-content" data-ng-show="!LoginPrompt.ShowPrompt && !LoginPrompt.IsForceDisplay"> 539 540 <nav class="navbar navbar-welcome navbar-expand-lg navbar-light bg-light fixed-top"> 541 <div class="container" style="display: flex; justify-content: center;"> 542 <img style="display: none;" id="InvestagramsHeaderLoader" src="/Images/Loading State/loading_state_2.gif?is_1.20" 543 alt="Loading..." class="navbar-brand headerLoaderStyle" /> 544 <a id="InvestagramsHeaderLogo" href="/" class="navbar-brand logoStyle" style="margin-right: 0;"> 545 <img src="/Images/app_icon.png?is_1.20" height="32" alt="Investagrams" /> 546 </a> 547 </div> 548 </nav> 549 550 </div> 551 552 553 <!-- Margin --> 554 <div style="flex-shrink: 0 !important; height: 49px;" data-ng-if="!LoginPrompt.ShowPrompt && !LoginPrompt.IsForceDisplay"></div> 555 556 557 558 <div class="body-content parent-full-height"> 559 560 <div data-ng-init="LoginPrompt.IsForceDisplay = true;UserNav.UserAccess.isPageAllowToShowShowman = false;"> 561 562 563
564<script> 565 window.fbAsyncInit = function () { 566 FB.init({ 567 appId: '1599265263687910', 568 autoLogAppEvents: true, 569 xfbml: true, 570 version: 'v22.0' 571 }); 572 }; 573 574 (function (d, s, id) { 575 var js, fjs = d.getElementsByTagName(s)[0]; 576 if (d.getElementById(id)) { return; } 577 js = d.createElement(s); js.id = id; 578 js.src = "https://connect.facebook.net/en_US/sdk.js"; 579 fjs.parentNode.insertBefore(js, fjs); 580 }(document, 'script', 'facebook-jssdk')); 581</script>
581 582 583 584
585<script src="/Javascript/AngularApp/Controller/Page/User/loginPageController.js?i_1.68.9766.43169" type="text/javascript" defer></script>
vendor: 2 bytes, line 585
585
586<script src="/Javascript/AngularApp/Controller/Page/User/registerPageController.js?i_1.68.9766.43169" type="text/javascript" defer></script>
586 587 588 589 590 591<div class="op-login-bg d-flex-center p-3" data-ng-show="LoginPrompt.ShowPrompt || LoginPrompt.IsForceDisplay" data-ng-if="::!UserNav.IsUserLoggedOn || LoginPrompt.IsForceDisplay"> 592 <div style="max-width: 890px;" class="d-flex align-items-center justify-content-center" data-ng-controller="loginPageController"> 593 <div class="br-20 position-relative bg-white overflow-hidden"> 594 595 <div class="d-flex" data-ng-init="ShowPhase2 = false"> 596 <div data-ng-class="ShowPhase2 ? 'd-none' : 'd-flex'" class="flex-grow-1 p-3 flex-column position-relative overflow-hidden bg-limit-modal-left" style="min-height: 540px"> 597 <img class="asset-limit-modal-left d-none d-md-block position-absolute bottom-0 right-0" src="/Images/OpenInvesta/asset-limit-modal.png?i_1.68.9766.43169" alt="" /> 598 <img class="asset-limit-modal-left-mobile d-block d-md-none position-absolute bottom-0 right-0" src="/Images/OpenInvesta/asset-limit-modal-mobile-2.png?i_1.68.9766.43169" alt="" /> 599 <div class="position-relative mt-0 mt-5 px-0 px-md-3" style="max-width: 430px"> 600 <div class="fs-campton fs-24 fs-md-36 fw-700 leading-tighter invg-matte-black">Your One Place for All Things Investing</div> 601 <div class="fs-14 fs-md-16 fw-400 leading-tighter text-navy-light text-gray-muted mt-2">
601Get everything you need to invest confidentlyâright here. From real-time data to expert tools.</div> 602 </div> 603 <div class="position-relative mt-auto mb-2 w-100 br-12 bg-cyan d-flex-center p-2 cursor-pointer d-flex d-md-none" 604 data-ng-click="broadcastTrackActionSteps('Click Join For Free CTA');ShowPhase2 = true"> 605 <span class="text-white fs-14 fw-700 leading-normal">Join For Free</span> 606 </div> 607 </div> 608 <div data-ng-class="ShowPhase2 ? '' : 'd-md-block d-none'" class="flex-shrink-0 flex-shrink-md-1 w-mobile-100" style="width: 396px"> 609 <div class="op-login-card bg-white border-0"> 610 <img data-ng-if="LoginPrompt.IsOpLoginForm || LoginPrompt.IsForceDisplay" class="op-login-logo mb-3" src="/Images/OpenInvesta/op-investa-2.png?i_1.68.9766.43169" alt="Investagrams" /> 611 <div data-ng-show="!LoginPrompt.IsOpLoginForm && !LoginPrompt.IsForceDisplay" data-ng-click="broadcastTrackActionSteps('Click Back To Login Arrow');LoginPrompt.IsOpLoginForm = true"> 612 <span class="mb-3 op-square-btn"> 613 <i class="fas fa-arrow-left"></i> 614 </span> 615 </div> 616 <h4 class="invg-matte-black fs-camptonbold fs-24 mb-1">{{LoginPrompt.IsOpLoginForm ? 'Login.' : 'Sign Up.'}}</h4> 617 <p class="text-navy-light mb-4 op-login-subtitle">Unlock the full power of Investagrams</p> 618 619 620 <div data-ng-show="LoginPrompt.IsOpLoginForm" data-ng-init="Login.Source = 'Prompt'"> 621 <div class="mb-4"> 622 <button class="invg-btn w-100 p-2 mb-12 op-login-btn" type="button" 623 data-ng-disabled="IsLoading" 624 data-ng-click="loginViaGoogle()"> 625 <img class="mr-12" src="/Images/OpenInvesta/google-icon.png?i_1.68.9766.43169" alt="Investagrams" /> 626 Continue with Google</button> 627 <button class="invg-btn w-100 p-2 op-login-btn" type="button" 628 data-ng-disabled="IsLoading" 629 data-ng-click="loginViaFacebook()"> 630 <img class="mr-12" src="/Images/OpenInvesta/fb-icon.png?i_1.68.9766.43169" alt="Investagrams" /> 631 Continue with Facebook</button> 632 </div> 633 <div class="op-login-divider"> 634 <span class="mx-2">or log in with email</span> 635 </div> 636 <div class="my-4"> 637 <form> 638 <div class="form-group"> 639 <label class="invg-matte-black mb-1 fw-700" for="opLoginEmail">Email address</label> 640 <input class="op-login-input" type="text" id="opLoginEmail" placeholder="Enter your email address" 641 data-ng-model="LoginRequest.Username" 642 data-on-enter-keydown-directive="authenticateUser()" 643 data-ng-blur="broadcastTrackActionSteps('Enter Email Adrress')" 644 required="required" 645 maxlength="40" /> 646 647 </div> 648 <div class="form-group mb-2"> 649 <label class="invg-matte-black mb-1 fw-700" for="opLoginPassword">Password</label> 650 <div class="position-relative"> 651 <input class="op-login-input" type="{{(IsShowPassword) ? 'text' : 'password'}}" id="opLoginPassword" placeholder="Enter your password" 652 data-ng-disabled="IsLoading" 653 data-ng-model="LoginRequest.Password" 654 data-on-enter-keydown-directive="authenticateUser()" 655 data-ng-blur="broadcastTrackActionSteps('Enter Password')" 656 required="required" 657 maxlength="40" /> 658 659 <i class="fas fa-eye text-navy-light fs-16 toggle-password-icon" data-ng-class="(IsShowPassword ? 'fa-eye' : 'fa-eye-slash')" data-ng-click="IsShowPassword = !IsShowPassword"></i> 660 </div> 661 <small class="d-inline-block mt-2" data-ng-show="DisplayMessage.Message">
662 <span class="text-red">{{DisplayMessage.Message}}</span> 663 </small> 664 <div class="w-100 pt-2 pb-1 d-flex align-items-center justify-content-end"> 665 <a class="text-cyan fw-400 fs-12 cursor-pointer" 666 data-ng-disabled="IsLoading" 667 data-ng-click="broadcastTrackActionSteps('Click Forgot Password');forgotUserPassword()">Forgot Password?</a> 668 </div> 669 </div> 670 671 <div data-ng-show="!IsLoading"> 672 <button class="invg-gradient-blue p-2 w-100 br-12 fs-16 fw-700 d-flex justify-content-center" type="submit" 673 data-ng-click="broadcastTrackActionSteps('Click Login CTA');authenticateUser()"> 674 Login 675 </button> 676 </div> 677 <div data-ng-show="IsLoading"> 678 <div class="loader-bounce mx-auto my-3"><span></span></div> 679 </div> 680 </form> 681 </div> 682 </div> 683 684 685 686 <div data-ng-controller="registerPageController" 687 data-ng-form="registerForm"> 688 <div data-ng-show="!LoginPrompt.IsOpLoginForm" 689 data-ng-init="Register.Source = 'Prompt'"> 690 <div class="my-4"> 691 <div class="form-row"> 692 <div class="form-group col-6 mb-20"> 693 <label class="invg-matte-black mb-1 fw-700" for="opSignUpFirstName">First Name</label> 694 <input class="op-login-input form-control" type="text" id="opSignUpFirstName" placeholder="Enter first name" 695 data-ng-class="{'is-invalid' : registerForm.RegisterRequestFirstName.$invalid && !registerForm.RegisterRequestFirstName.$pristine }" 696 name="RegisterRequestFirstName" 697 data-ng-disabled="IsLoading" 698 data-ng-model="RegisterRequest.FirstName" 699 maxlength="30" 700 required="required" 701 data-ng-minlength="2" 702 pattern="[a-zA-ZÃ Ã¡Ã¢Ã¤Ã£Ã¥Ä ÄÄÄèéêëÄįìÃîïÅÅòóôöõøùúûüųūÿýżźñçÄšžÃÃÃÃÃà ÄÄÄÄÄÃÃÃÃÃÃÃÃÄ®ÅÅÃÃÃÃÃÃÃÃÃÃŲŪŸÃŻŹÃÃÃÅÃÄŠŽâðÃ\-\s\,\']+" 703 title="First Name" 704 data-ng-blur="broadcastTrackActionSteps('Enter First Name')" /> 705 706 707 <p data-ng-show="!registerForm.RegisterRequestFirstName.$pristine && registerForm.RegisterRequestFirstName.$error.required" 708 style="margin-bottom: 0px;" 709 class="invalid-feedback fs-10"> 710 Please enter your first name. 711 </p> 712 <p data-ng-show="!registerForm.RegisterRequestFirstName.$pristine && registerForm.RegisterRequestFirstName.$error.pattern" 713 style="margin-bottom: 0px;" 714 class="invalid-feedback fs-10"> 715 First Name - Special characters and Numbers are not allowed. 716 </p> 717 <p data-ng-show="!registerForm.RegisterRequestFirstName.$pristine && registerForm.RegisterRequestFirstName.$error.minlength" 718 style="margin-bottom: 0px;" 719 class="invalid-feedback fs-10"> 720 First Name must be at least 2 characters. 721 </p> 722 723 </div> 724 <div class="form-group col-6 mb-20"> 725 <label class="invg-matte-black mb-1 fw-700" for="opSignUpLastName">Last Name</label> 726 <input class="op-login-input form-control" type="text" id="opSignUpLastName" placeholder="Enter last name" 727 data-ng-class="{'is-invalid' : registerForm.RegisterRequestLastName.$invali
727d && !registerForm.RegisterRequestLastName.$pristine }" 728 name="RegisterRequestLastName" 729 required="required" 730 data-ng-disabled="IsLoading" 731 data-ng-model="RegisterRequest.LastName" 732 maxlength="30" 733 data-ng-minlength="2" 734 pattern="[a-zA-ZÃ Ã¡Ã¢Ã¤Ã£Ã¥Ä ÄÄÄèéêëÄįìÃîïÅÅòóôöõøùúûüųūÿýżźñçÄšžÃÃÃÃÃà ÄÄÄÄÄÃÃÃÃÃÃÃÃÄ®ÅÅÃÃÃÃÃÃÃÃÃÃŲŪŸÃŻŹÃÃÃÅÃÄŠŽâðÃ\-\s\,\']+" 735 title="Last Name" 736 data-ng-blur="broadcastTrackActionSteps('Enter Last Name')" /> 737 738 <p data-ng-show="!registerForm.RegisterRequestLastName.$pristine && registerForm.RegisterRequestLastName.$error.required" 739 style="margin-bottom: 0px;" 740 class="invalid-feedback fs-10"> 741 Please enter your last name. 742 </p> 743 744 745 <p data-ng-show="!registerForm.RegisterRequestLastName.$pristine && registerForm.RegisterRequestLastName.$error.pattern" 746 style="margin-bottom: 0px;" 747 class="invalid-feedback fs-10"> 748 Last Name - Special characters and Numbers are not allowed. 749 </p> 750 751 752 <p data-ng-show="!registerForm.RegisterRequestLastName.$pristine && registerForm.RegisterRequestLastName.$error.minlength" 753 style="margin-bottom: 0px;" 754 class="invalid-feedback fs-10"> 755 Last Name must be at least 2 characters. 756 </p> 757 </div> 758 </div> 759 <div class="form-group mb-20"> 760 <label class="invg-matte-black mb-1 fw-700" for="opSignUpEmail">Email Address</label> 761 <input class="op-login-input form-control" type="email" id="opSignUpEmail" placeholder="Enter your email address" 762 data-ng-class="{'is-invalid' : registerForm.RegisterRequestEmail.$invalid && !registerForm.RegisterRequestEmail.$pristine }" 763 name="RegisterRequestEmail" 764 data-ng-disabled="IsLoading" 765 data-ng-model="RegisterRequest.Email" 766 maxlength="40" 767 data-ng-minlength="2" 768 required="required" 769 data-ng-blur="broadcastTrackActionSteps('Enter Email')" /> 770 771 <p data-ng-show="!registerForm.RegisterRequestEmail.$pristine && registerForm.RegisterRequestEmail.$error.required" 772 style="margin-bottom: 0px;" 773 class="invalid-feedback fs-10"> 774 Please enter an email address. 775 </p> 776 777 <p data-ng-show="!registerForm.RegisterRequestEmail.$pristine && registerForm.RegisterRequestEmail.$error.email" 778 style="margin-bottom: 0px;" 779 class="invalid-feedback fs-10"> 780 Please enter a valid email address. 781 </p> 782 </div> 783 <div class="form-group mb-5" style="padding-bottom: 45px;"> 784 <label class="invg-matte-black mb-1 fw-700" for="opSignUpPassword">Password</label> 785 <div class="position-relative"> 786 <input class="op-login-input form-control" 787 type="{{(IsShowPassword) ? 'text' : 'password'}}" id="opSignUpPassword" 788 data-ng-class="{'is-invalid' : registerForm.RegisterRequestPassword.$invalid && !registerForm.RegisterRequestPassword.$pristine }" 789 name="RegisterRequestPassword" 790 data-ng-disabled="IsLoading" 791 data-ng-model="RegisterRequest.Password" 792 placeholder="Password" 793 maxlength="40" 794 data-ng-minlength="6" 795 required="required" 796 data-ng-blur="broadcastTrackActionSteps('Enter Password')" /> 797 798 799 <i class="fas fa-eye text-navy-light fs-16 toggle-password-icon" 800 data-ng-hide="!registerForm.RegisterRequestPassword.$pristine && registerForm.RegisterRequestPassword.$error.minlength || !registerForm.RegisterRequestPassword.$pristine && registerForm.RegisterRequestPassword.$error.required" 801 data-ng-class="(IsShowPassword ? 'fa-eye' : 'fa-eye-slash')" data-ng-click="IsShowPassword = !IsShowPassword"></i> 802 803 <p data-ng-show="!registerForm.RegisterRequestPassword.$pristine && registerForm.RegisterRequestPassword.$error.required" 804 style="margin-bottom: 0px;" 805 class="invalid-feedback fs-10"> 806 Please enter a password. 807 </p> 808 809 810 <p data-ng-show="!registerForm.RegisterRequestPassword.$pristine && registerForm.RegisterRequestPassword.$error.minlength" 811 style="margin-bottom: 0px;" 812 class="invalid-feedback fs-10"> 813 Password must be at least 6 characters. 814 </p> 815 </div> 816 <small data-ng-show="DisplayMessage.Message">
817 <span class="fs-14" 818 data-ng-class="{{ (DisplayMessage.IsSuccess) ? 'text-green' : 'text-red' }}">{{DisplayMessage.Message}}</span> 819 </small> 820 821 822 </div> 823 <p class="fs-11 mb-1"> 824 By signing up, you agree to our 825 <strong> 826 <a class="text-cyan" 827 href="/About/Terms" 828 onclick="return openLinkWindow(this.href);" 829 target="_blank">Terms of Use</a> 830 </strong> 831 and 832 <strong> 833 <a target="_blank" 834 class="text-cyan" 835 onclick="return openLinkWindow(this.href);" 836 href="/About/PrivacyPolicy">Privacy Policy</a> 837 </strong>. 838 </p> 839 840 <div data-ng-show="!IsLoading"> 841 <button class="invg-gradient-blue p-2 w-100 justify-content-center br-12 fs-16 fw-700" type="submit" 842 data-ng-click="broadcastTrackActionSteps('Click Sign Up CTA');registerUser()"> 843 Sign up</button> 844 </div> 845 <div data-ng-show="IsLoading"> 846 <div class="loader-bounce mx-auto my-3"><span></span></div> 847 </div> 848 </div> 849 850 </div> 851 </div> 852 853 <div class="pt-12 text-navy-light fs-16 text-center" data-ng-show="LoginPrompt.IsOpLoginForm">Don't have an account yet? <span class="text-cyan cursor-pointer" data-ng-click="broadcastConditionalTrackActionSteps('Register' ,'Click Sign Up');LoginPrompt.IsOpLoginForm = false">Sign up.</span></div> 854 <div class="pt-12 text-navy-light fs-16 text-center" data-ng-show="!LoginPrompt.IsOpLoginForm">Already have an account? <span class="text-cyan cursor-pointer" data-ng-click="broadcastConditionalTrackActionSteps('Login' ,'Click Login');LoginPrompt.IsOpLoginForm = true">Login.</span></div> 855 </div> 856 </div> 857 </div> 858 859 <button class="op-square-btn rounded-full position-absolute top-0 right-0 m-3" data-ng-click="broadcastCancelTrackActionSteps(null);LoginPrompt.togglePrompt(false)" data-ng-show="!LoginPrompt.IsForceDisplay"> 860 <i class="fas fa-times"></i> 861 </button> 862 </div> 863 </div> 864</div> 865 866 </div> 867 868 </div> 869 870 871<div id="AlertNotificationMessage" class="alert-notification-message" style="display: none; z-index: 99999;"> 872 <div id="AlertNotificationPanelMessage" class="alert alert-success alert-dismissible" style="padding-right: 2rem;"> 873 <button type="button" class="close" style="outline: none;" 874 onclick="closeAlertNotificationMessageAfterTimeout()"> 875 <span aria-hidden="true">×</span><span class="sr-only">Close</span> 876 </button> 877 <span id="AlertNotificationTextMessage"></span> 878 </div> 879</div> 880 881 882
883<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e6e89438809844dc8128cc449ff5a5de","spa":2}' crossorigin="anonymous"></script>
883 884</body> 885</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.