<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>
				
		Stockezy	</title>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="title" content="Stockezy"/>
    <meta name="description" content="Showcase trading portfolio, share stock tips and engage in friendly discussion with people in your network."/>
    <meta name="keywords" content="social, social platform for Indian stock market, discussion forum for stock traders, share stock tips"/>
    <meta name="image" content="https://stockezy.com/themes/default/statics/img/logo.png"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	
	
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/bootstrap-v4.0.0.min.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/animate.min.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/materialize.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/emojionearea.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/preloader.min.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/material_icon_fonts/material_icon.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/apps/common/style.master.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/apps/common/style.mq.css?v=1.0.8">
	<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/apps/common/style.custom.css?v=1.0.8">
		<link rel="stylesheet" href="https://stockezy.com/themes/default/statics/css/libs/jquery.fancybox.css?v=1.0.8">
	<link rel="icon" href="https://stockezy.com/themes/default/statics/img/favicon.png" type="image/png">

	<script src="https://stockezy.com/themes/default/statics/js/libs/jquery-3.5.1.min.js?v=1.0.8"></script>
			<script src="https://stockezy.com/themes/default/statics/js/libs/vuejs/vue-v2.6.11.min.js?v=1.0.8"></script>
		
	<script src="https://stockezy.com/themes/default/statics/js/libs/vuejs/vue-plugins/validators.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/vuejs/vue-plugins/vuelidate.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/jquery-plugins/jquery.form-v4.2.2.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/popper.1.12.9.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/bootstrap.v4.0.0.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/afterglow/afterglow.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/sticky-sidebar/source/jquery.sticky-sidebar.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/master.script.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/custom.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/emojioneList.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/emojionearea.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/clipboard.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/jquery-plugins/jquery.fancybox.min.js?v=1.0.8"></script>
	<script src="https://stockezy.com/themes/default/statics/js/libs/lozad.min.js"></script>
</head>
<body class="cl-app-guest">
	<div class="main-preloader-holder" id="main-preloader-holder">
		<div class="main-preloader">
			<div class="loading">
				<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
			</div>
		</div>
	</div>
	<div data-el="main-content-holder">
		<main class="main-content-container guest-mode">
			<div class="main-content-container-inner">
				
				<div data-el="timeline-container-wrapper" class="timeline-container-wrapper">
					<div data-el="timeline-content" class="timeline-container-inner">
						<div class="welcome-page-container" data-app="guest">
	<div class="welcome-page-slider carousel carousel-fade" data-ride="carousel">
		<div class="carousel-inner">
			<div class="carousel-item active" style="background-image: url('https://stockezy.com/themes/default/statics/img/welcomewp/1-1920x1080.jpeg');"></div>
			<div class="carousel-item" style="background-image: url('https://stockezy.com/themes/default/statics/img/welcomewp/2-1920x1080.jpeg');"></div>
			<div class="carousel-item" style="background-image: url('https://stockezy.com/themes/default/statics/img/welcomewp/3-1920x1080.jpeg');"></div>
			<div class="carousel-item" style="background-image: url('https://stockezy.com/themes/default/statics/img/welcomewp/4-1920x1080.jpeg');"></div>
			<div class="carousel-item" style="background-image: url('https://stockezy.com/themes/default/statics/img/welcomewp/5-1920x1080.jpeg');"></div>
		</div>
	</div>
	<div class="welcome-page-content-container">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<div class="left-part">
						<h1 class="welcome-title">
							Welcome to - Stockezy!						</h1>
						<p class="welcome-text">
							
							Join us to keep abreast the most relevant stock tips and discussions, communicate with experts, and be the first to know about latest news. Showcase trading portfolio, share stock tips, and engage in friendly discussion with people in your network.						</p>

						<div class="trending-htags">
																								<a href="https://stockezy.com/search/posts?q=Stock">
										#Stock									</a>
																	<a href="https://stockezy.com/search/posts?q=longterm">
										#longterm									</a>
																	<a href="https://stockezy.com/search/posts?q=investments">
										#investments									</a>
																	<a href="https://stockezy.com/search/posts?q=Investment">
										#Investment									</a>
																	<a href="https://stockezy.com/search/posts?q=stocks">
										#stocks									</a>
																	<a href="https://stockezy.com/search/posts?q=stockmarket">
										#stockmarket									</a>
																					</div>
					</div>
				</div>
				<div class="col-md-4 col-md-4 col-sm-6 col-xs-12">
					<div class="right-part">
						<div class="login-form">
							<div class="welcome-back">
								<h5>
									Welcome back!								</h5>
								<p>
									Login to your account								</p>
							</div>

							<form class="form" id="cl-login-vue-app" v-on:submit="submit_form($event)">
	<div class="form-group">
		<label>
			Email address		</label>
		<input name="email" v-model.trim.lazy="$v.email.$model" type="text" class="form-control" placeholder="Email address or username">
		<div class="invalid-main-feedback" v-if="is_valid_email">
			{{invalid_feedback_email}}
		</div>
	</div>
	<div class="form-group">
		<label>
			Password		</label>
		<input name="password" v-model.trim="$v.password.$model" type="password" class="form-control" placeholder="Password">
		<div class="invalid-main-feedback" v-if="is_valid_password">
			{{invalid_feedback_pass}}
		</div>
		<div v-else-if="unsuccessful_attempt" class="form-group invalid-main-feedback mb-20">
			A user with such credentials is not found. Check the data entered and try again.		</div>
	</div>
	<div class="form-group no-mb">
		<button v-if="submitting" disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
			Please wait		</button>
		<button v-else-if="done" disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
			Done! Please wait..		</button>
		<button  v-else v-bind:disabled="($v.$invalid == true)" class="btn btn-custom main-inline lg btn-block">
			Login		</button>
	</div>
	<div class="form-group login-or-signup">
		<small>Or continue with</small>
	</div>
	<div class="form-group oauth-login-providers">
		<a href="https://stockezy.com/oauth?provider=Facebook" class="social-login-btn facebook">
			<span class="icon">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M426.8 64H85.2C73.5 64 64 73.5 64 85.2v341.6c0 11.7 9.5 21.2 21.2 21.2H256V296h-45.9v-56H256v-41.4c0-49.6 34.4-76.6 78.7-76.6 21.2 0 44 1.6 49.3 2.3v51.8h-35.3c-24.1 0-28.7 11.4-28.7 28.2V240h57.4l-7.5 56H320v152h106.8c11.7 0 21.2-9.5 21.2-21.2V85.2c0-11.7-9.5-21.2-21.2-21.2z"/></svg>			</span>
		</a>
		<a href="https://stockezy.com/oauth?provider=Twitter" class="social-login-btn twitter">
			<span class="icon">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"/></svg>			</span>
		</a>
		<a href="https://stockezy.com/oauth?provider=Google" class="social-login-btn google">
			<span class="icon">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.6 224l-2.1-8.9H262V297h115.6c-12 57-67.7 87-113.2 87-33.1 0-68-13.9-91.1-36.3-23.7-23-38.8-56.9-38.8-91.8 0-34.5 15.5-69 38.1-91.7 22.5-22.6 56.6-35.4 90.5-35.4 38.8 0 66.6 20.6 77 30l58.2-57.9c-17.1-15-64-52.8-137.1-52.8-56.4 0-110.5 21.6-150 61C72.2 147.9 52 204 52 256s19.1 105.4 56.9 144.5c40.4 41.7 97.6 63.5 156.5 63.5 53.6 0 104.4-21 140.6-59.1 35.6-37.5 54-89.4 54-143.8 0-22.9-2.3-36.5-2.4-37.1z"/></svg>			</span>
		</a>
	</div>
	<div class="form-group tos-agreement no-mb">
		<div class="block-header">
			<span>
				By continuing, you agree to Stockezy			</span>
			<a href="https://stockezy.com/terms_of_use">Terms of Use</a>
			<a href="https://stockezy.com/privacy_policy">Privacy policy</a>
		</div>
		<div class="block-body">
			<a href="javascript:void(0);" onclick="CLAuth.forgot_pass();">
				Forgot your password?			</a>
		</div>
		<div class="block-footer">
			<span>
				Don't have an account?			</span>
			<a href="javascript:void(0);" onclick="CLAuth.signup();">
				Sign up			</a>
		</div>
	</div>
	<input type="hidden" class="d-none" value="1613733973:64e0cfdcb9cb9a94dabbe7806d529ae6b808d7d6" name="hash">
</form>						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="welcome-footer">
						<div class="main-footer">
	<ul class="footer-nav">
		<li class="footer-nav-item">
			<a href="https://stockezy.com/search">
				Explore			</a>
		</li>
				<li class="footer-nav-item">
			<a href="https://stockezy.com/terms_of_use" data-spa="true">
				Terms of Use			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://stockezy.com/privacy_policy" data-spa="true">
				Privacy policy			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://stockezy.com/cookies_policy" data-spa="true">
				Cookies			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://stockezy.com/about_us" data-spa="true">
				About us			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://stockezy.com/api_docs">
				API
			</a>
		</li>
		<li class="footer-nav-item">
			<a href="https://stockezy.com/faqs" data-spa="true">F.A.Q</a>
		</li>
		<li class="footer-nav-item dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				Language			</a>
			<div class="dropdown-menu">
									<a class="dropdown-item" href="https://stockezy.com/language/english">
						English					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/french">
						French					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/german">
						German					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/italian">
						Italian					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/russian">
						Russian					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/portuguese">
						Portuguese					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/spanish">
						Spanish					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/turkish">
						Turkish					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/dutch">
						Dutch					</a>
									<a class="dropdown-item" href="https://stockezy.com/language/ukraine">
						Ukraine					</a>
							</div>
		</li>
		<li class="footer-nav-item">
			<a href="#">&copy; Stockezy, Inc., 2021.</a>
		</li>
	</ul>
</div>					</div>
				</div>
			</div>
		</div>
	</div>
</div>

	
			<style>
							body.cl-app-guest main.main-content-container div.main-content-container-inner {display: block !important; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.timeline-container-wrapper {display: block !important;max-width: 100% !important;min-width: 100% !important; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container {display: block;width: 100%; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.carousel.welcome-page-slider {position: fixed;width: 100%;height: 100vh;left: 0;top: 0;bottom: 0;right: 0;z-index: 1; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.carousel.welcome-page-slider:after {position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: "";background-color: rgba(0, 0, 0, 0.4); }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.carousel.welcome-page-slider div.carousel-inner {width: 100%;height: 100%; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.carousel.welcome-page-slider div.carousel-inner div.carousel-item {width: 100%;height: 100%;background-position: center;background-attachment: fixed;background-size: cover; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container {width: 100%;display: block;position: relative;z-index: 2;padding-top: 50px;padding-bottom: 50px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part {display: flex;flex-direction: column;flex-wrap: nowrap;height: 100%; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part h1.welcome-title {color: #fff;font-size: 32px;line-height: 32px;white-space: nowrap;padding: 0;margin: 0 0 30px 0;font-weight: bold; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part p.welcome-text {font-size: 14px;line-height: 24px;color: #fff;margin: 0;padding: 0;font-weight: 300; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part div.trending-htags {width: 100%;display: block;margin-top: auto;line-height: 0;margin-bottom: 20px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part div.trending-htags p, body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part div.trending-htags a {color: #fff;font-size: 14px;line-height: 20px;display: inline-block;margin-right: 5px;font-weight: 500; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.left-part div.trending-htags p {text-transform: uppercase;font-size: 11px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part {width: 100%;display: block; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form {background: #fff;border-radius: 5px;padding: 30px;width: 100%;display: block;line-height: 0px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.login-or-signup {line-height: 0;text-align: center;margin: 10px 0px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.login-or-signup small {font-size: 11px;line-height: 11px;color: #5b7083;text-transform: uppercase; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn {border: none;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;background: none;color: #fff;padding: 0;line-height: 0;outline: 0;overflow: hidden;border-radius: 5em;margin: 0px 5px;height: 34px;width: 34px;position: relative; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn span.icon {width: 15px;height: 15px;line-height: 0px;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn span.icon svg {width: 15px;height: 15px;fill: #fff; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn.twitter {background: #64ccf2; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn.facebook {background: #507cc0; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.oauth-login-providers a.social-login-btn.google {background: #df4931; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement {width: 100%;display: block;line-height: 0px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-header {width: 100%;line-height: 0px;text-align: center;margin-bottom: 20px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-header span {font-size: 10px;line-height: 16px;color: #5b7083; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-header a {font-size: 10px;line-height: 16px;color: #1ca1f3;font-weight: 500; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-body {width: 100%;line-height: 0px;text-align: center;margin-bottom: 15px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-body a {font-size: 12px;line-height: 16px;color: #14171a;font-weight: 500;opacity: 0.7; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-footer {width: 100%;line-height: 0px;text-align: center;position: relative;padding-top: 15px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-footer:before {content: "";position: absolute;left: 20%;right: 20%;top: 0px;height: 1px;background: #e6ecf0; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-footer span {font-size: 10px;line-height: 16px;color: #5b7083; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.tos-agreement div.block-footer a {font-size: 10px;line-height: 16px;color: #1ca1f3;font-weight: 500;opacity: 0.7; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group label {font-size: 11px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input {height: 40px;border: 1px solid #e6ecf0;border-radius: 5px;background: #fff; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input::placeholder {font-size: 11px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input:hover, body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input:active {border: 2px solid #1ca1f3; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input:hover::placeholder, body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.form-group input:active::placeholder {color: #1ca1f3; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.welcome-back {width: 100%;display: block;margin-bottom: 20px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.welcome-back h5 {font-size: 24px;line-height: 20px;color: #1ca1f3;padding: 0;margin: 0 0 7px 0;font-weight: 700; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.right-part div.login-form div.welcome-back p {font-size: 11px;color: #5b7083;padding: 0;margin: 0;line-height: 11px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer {width: 100%;display: block;margin-top: 20px;padding-top: 10px;border-top: 1px solid rgba(230, 236, 240, 0.45); }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer ul.footer-nav {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0;margin: 0;line-height: 0px;list-style-type: none; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer ul.footer-nav li.footer-nav-item {line-height: 0px;margin-right: 10px; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer ul.footer-nav li.footer-nav-item > a {font-size: 11px;color: #fff;line-height: 20px;opacity: 0.7; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer ul.footer-nav li.footer-nav-item.dropdown > a {text-decoration: none; }body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page-content-container div.welcome-footer ul.footer-nav li.footer-nav-item:last-child {margin-left: auto;margin-right: 0px; }body.cl-app-guest div.modal div.auth-modal-window {padding: 20px; }body.cl-app-guest div.modal div.auth-modal-window div.form-title {width: 100%;display: block;line-height: 0;text-align: center;margin-bottom: 25px; }body.cl-app-guest div.modal div.auth-modal-window div.form-title div.logo {width: 100%;display: block;text-align: center;margin-bottom: 5px; }body.cl-app-guest div.modal div.auth-modal-window div.form-title div.logo a {text-decoration: none;line-height: 0; }body.cl-app-guest div.modal div.auth-modal-window div.form-title div.logo a img {width: 100px;height: 50px; }body.cl-app-guest div.modal div.auth-modal-window div.form-title h4 {color: #14171a;font-size: 20px;line-height: 20px;font-weight: 700;margin: 0 0 10px 0;padding: 0; }body.cl-app-guest div.modal div.auth-modal-window div.form-title p {font-size: 12px;color: #5b7083;padding: 0;margin: 0;line-height: 20px; }body.cl-app-guest div.modal div.auth-modal-window label.tos-agree span {font-size: 11px;color: #5b7083;line-height: 16px; }body.cl-app-guest div.modal div.auth-modal-window label.tos-agree a {font-size: 11px;color: #1ca1f3;line-height: 16px; }body.cl-app-guest div.modal div.auth-modal-window div.form-group div.cell-row {width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; }body.cl-app-guest div.modal div.auth-modal-window div.form-group div.cell-row div.cell-50 {max-width: calc(50% - 10px);min-width: calc(50% - 10px);width: calc(50% - 10px);flex-basis: calc(50% - 10px); }body.cl-app-guest div.modal div.auth-modal-window div.form-group input {height: 44px;border: 1px solid #e6ecf0;border-radius: 2px;background: #fff; }body.cl-app-guest div.modal div.auth-modal-window div.form-group input::placeholder {font-size: 11px; }body.cl-app-guest div.modal div.auth-modal-window div.form-group input:hover, body.cl-app-guest div.modal div.auth-modal-window div.form-group input:active {border: 2px solid #1ca1f3; }body.cl-app-guest div.modal div.auth-modal-window div.form-group input:hover::placeholder, body.cl-app-guest div.modal div.auth-modal-window div.form-group input:active::placeholder {color: #1ca1f3; }body.cl-app-guest div.cl-activation-bar {position: fixed;z-index: 999999;bottom: 0;left: 0;right: 0;border: 1px solid #3ba2f4;background: #3ba2f4;text-align: center;padding: 10px 20px;color: #fff;font-size: 13px;line-height: 18px;font-family: inherit; }body.cl-app-guest div.cl-activation-bar a {color: inherit;font-weight: bold;text-decoration: underline; }/*# sourceMappingURL=style.master.css.map */							/*# sourceMappingURL=style.mq.css.map */							/*# sourceMappingURL=style.custom.css.map */					</style>
	
<div class="modal fadeIn" data-app="auth-signup" tabindex="-1" role="dialog" aria-labelledby="sign_up_window" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="auth-modal-window">
                	<form class="form" id="cl-signup-vue-app" v-on:submit="submit_form($event)">
                		<div class="form-title">
                			<div class="logo">
                				<a href="https://stockezy.com">
									<img src="https://stockezy.com/themes/default/statics/img/logo.png" alt="Logo">
								</a>
                			</div>
                			<h4>Sign up</h4>
                			<p>
                				Please fill out this information to create an account!                			</p>
                		</div>
	                	<div class="form-group">
	                		<div class="cell-row">
	                			<div class="cell-50">
	                				<label>First name</label>
					                <input name="fname" v-model.trim.lazy="$v.fname.$model" type="text" class="form-control" placeholder="Enter your first name">
					                <div class="invalid-main-feedback" v-if="is_valid_fname">
										{{invalid_feedback_fname}}
									</div>
	                			</div>
	                			<div class="cell-50">
	                				<label>Last name</label>
					                <input name="lname" v-model.trim.lazy="$v.lname.$model" type="text" class="form-control" placeholder="Enter your last name">
					                <div class="invalid-main-feedback" v-if="is_valid_lname">
										{{invalid_feedback_lname}}
									</div>
	                			</div>
	                		</div>
		                </div>
	                	<div class="form-group">
	                		<label>Username</label>
			                <input name="uname" v-model.trim.lazy="$v.uname.$model" type="text" class="form-control" placeholder="Choose your username">
			                <div class="invalid-main-feedback" v-if="is_valid_uname">
								{{invalid_feedback_uname}}
							</div>
		                </div>
	                	<div class="form-group">
		                    <label>Email address</label>
		                    <input name="email" v-model.trim.lazy="$v.email.$model" type="email" class="form-control" placeholder="Enter your email address">
							<div class="invalid-main-feedback" v-if="is_valid_email">
								{{invalid_feedback_email}}
							</div>
		                </div>
	                	<div class="form-group">
		                    <label>Password</label>
		                    <input name="password" v-model.trim.lazy="$v.password.$model" type="password" class="form-control" placeholder="Create a password for your account">
		                    <div class="invalid-main-feedback" v-if="is_valid_password">
								{{invalid_feedback_pass}}
							</div>
		                </div>
	                	<div class="form-group">
		                    <label>Confirm the password</label>
		                    <input name="conf_pass" v-model.trim="$v.password2.$model" type="password" class="form-control" placeholder="Confirm the password">
		                    <div class="invalid-main-feedback" v-if="is_valid_password2">
								{{invalid_feedback_pass2}}
							</div>
		                </div>
	                	<div class="form-group">
							<input v-model="tos_agree" id="tos-agree" type="checkbox" class="filled-in chk-col-main">
							<label for="tos-agree" class="tos-agree">
								<span>
									By continuing, you agree to Stockezy								</span>
								<a href="https://stockezy.com/terms_of_use">Terms of Use</a>
								<a href="https://stockezy.com/privacy_policy">Privacy policy</a>
							</label>
						</div>
						<div class="form-group" v-if="process_failed">
							<div class="invalid-main-feedback">
								The registration process failed, please check the entered data, and try again!!!							</div>
						</div>
	                	<div class="form-group no-mb">
							<button v-if="done" disabled="true" class="btn btn-custom main-inline lg btn-block">
								Done! Please wait..							</button>
							<button v-else-if="submitting != true" v-bind:disabled="is_valid_form != true" class="btn btn-custom main-inline lg btn-block">
								Sign up							</button>
							<button v-else disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
								Please wait							</button>
						</div>
						<input type="hidden" class="d-none" value="1613733973:64e0cfdcb9cb9a94dabbe7806d529ae6b808d7d6" name="hash">
	                </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fadeIn vh-center" data-app="auth-resetpass" tabindex="-1" role="dialog" aria-labelledby="reset_password_window" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="auth-modal-window">
                	<form class="form" id="cl-resetpass-vue-app" v-on:submit="submit_form($event)">
                        <div class="form-group-set" v-if="process_succeeded != true">
                    		<div class="form-title">
                    			<div class="logo">
                    				<a href="https://stockezy.com">
    									<img src="https://stockezy.com/themes/default/statics/img/logo.png" alt="Logo">
    								</a>
                    			</div>
                    			<h4>
                                    Password recovery         
                                </h4>
                    			<p>
                                    Forgot your password? Please enter your email address. You will receive a link to create a new password by email                    			</p>
                    		</div>
    	                	<div class="form-group">
    		                    <label>Email address</label>
    		                    <input name="email" v-model.trim="$v.email.$model" type="email" class="form-control" placeholder="Enter your email address mail">
                                <div class="invalid-main-feedback" v-if="is_valid_email">
                                    {{invalid_feedback_email}}
                                </div>
    		                </div>
                            <div class="form-group" v-if="process_failed">
                                <div class="invalid-main-feedback">
                                    Failed to complete the password recovery process, please check your details and try again later!                                </div>
                            </div>
    	                	<div class="form-group no-mb">
    							<button v-if="submitting != true" v-bind:disabled="is_valid_form != true" class="btn btn-custom main-inline lg btn-block">
    								Reset the password    							</button>
                                <button v-else disabled="true" type="button" class="btn btn-custom main-inline lg btn-block">
                                    Please wait                                </button>
    						</div>
                            <input type="hidden" class="d-none" value="1613733973:64e0cfdcb9cb9a94dabbe7806d529ae6b808d7d6" name="hash">
                        </div>
                        <div class="form-group-set" v-else>
                            <div class="form-title">
                                <div class="logo">
                                    <a href="https://stockezy.com">
                                        <img src="https://stockezy.com/themes/default/statics/img/logo.png" alt="Logo">
                                    </a>
                                </div>
                                <h4>
                                    Email sent         
                                </h4>
                                <p>
                                    Please check your email inbox. mail, we sent you an email                                </p>
                            </div>
                            <div class="form-group">
                                <div class="valid-main-feedback text-center">
                                    We have sent you an email to reset your password. Please follow the instructions in the email to reset your password.                                </div>
                            </div>
                            <div class="form-group no-mb">
                                <button data-dismiss="modal" type="button" class="btn btn-custom main-inline lg btn-block">
                                    Ok
                                </button>
                            </div>
                        </div>
	                </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
	"use strict";
	
	$(document).ready(function($) {

		Vue.use(window.vuelidate.default);

		var CLAuth = Object({
			signup: function() {
				$('[data-app="auth-newpass"]').modal('hide');
				$('[data-app="auth-resetpass"]').modal('hide');
				$('[data-app="auth-signup"]').modal('show');
			},
			forgot_pass: function() {
				$('[data-app="auth-newpass"]').modal('hide');
				$('[data-app="auth-signup"]').modal('hide');
				$('[data-app="auth-resetpass"]').modal('show');
			},
			new_password: function() {
				$('[data-app="auth-signup"]').modal('hide');
				$('[data-app="auth-resetpass"]').modal('hide');
				$('[data-app="auth-newpass"]').modal('show');
			}
		}); window.CLAuth = CLAuth;

		var VueValids   = window.validators;
		var CLSigninApp = new Vue({
			"el": "#cl-login-vue-app",
			data: {
				email: "",
				password: "",
				submitting: false,
				done: false,
				unsuccessful_attempt: false,
				invalid_feedback_email: "",
				invalid_feedback_pass: "",
			},
			computed: {
				is_valid_email: function() {
					if (this.$v.email.required == true && this.$v.email.$error) {
						this.invalid_feedback_email = "The username you entered is not valid";
						return true;
					}

					else {
						this.invalid_feedback_email = "";
						return false;
					}
				},
				is_valid_password: function() {
					if(this.$v.password.required == true && this.$v.password.$error) {
						this.invalid_feedback_pass = "The password you entered is not valid";
						return true;
					}

					else {
						this.invalid_feedback_pass = "";
						return false;
					}
				}
			},
			validations: {
				email: {
					required: VueValids.required,
					min_length: VueValids.minLength(3),
					max_length: VueValids.maxLength(55)
				},
				password: {
					required: VueValids.required,
					min_length: VueValids.minLength(6),
					max_length: VueValids.maxLength(20)
				}
			},
			methods: {
				submit_form: function(_self = false) {
					_self.preventDefault();

					var _app_ = this;

					$(_self.target).ajaxSubmit({
						url: "https://stockezy.com/native_api/auth/login",
						type: 'POST',
						dataType: 'json',
						beforeSend: function() {
							_app_.submitting = true;
						},
						success: function(data) {
							if (data.status == 200) {
								_app_.done = true;

								delay(function() {
									cl_redirect("https://stockezy.com/home");
								}, 1000);
							}

							else {
								_app_.unsuccessful_attempt = true;

								delay(function() {
									_app_.unsuccessful_attempt = false;
								}, 3000);
							}
						},
						complete: function() {
							_app_.submitting = false;
						}
					});
				}
			}
		});

		var CLSignupApp = new Vue({
			"el": "#cl-signup-vue-app",
			data: {
				done: false,
				email: "",
				password: "",
				password2: "",
				uname: "",
				fname: "",
				lname: "",
				submitting: false,
				invalid_feedback_email: "",
				invalid_feedback_pass: "",
				invalid_feedback_pass2: "",
				invalid_feedback_uname: "",
				invalid_feedback_fname: "",
				invalid_feedback_lname: "",
				tos_agree: false,
				uname_taken: false,
				email_taken: false,
				process_failed: false
			},
			computed: {
				is_valid_fname: function() {
					if (this.$v.fname.required == true && this.$v.fname.$error) {
						this.invalid_feedback_fname = "Please enter your first name, which is from 3 to 25 characters";
						return true;
					}
					else {
						this.invalid_feedback_fname = "";
						return false;
					}
				},
				is_valid_lname: function() {
					if (this.$v.lname.required == true && this.$v.lname.$error) {
						this.invalid_feedback_lname = "Please enter your last name, which is from 3 to 25 characters";
						return true;
					}
					else {
						this.invalid_feedback_lname = "";
						return false;
					}
				},
				is_valid_uname: function() {
					if (this.$v.uname.required == true && this.$v.uname.$error) {
						this.invalid_feedback_uname = "This username does not match the valid format. Please select a username of no more than 25 characters using only letters (a-z) numbers and underscores";
						return true;
					}

					else if(this.uname_taken == true) {
						this.invalid_feedback_uname = "This username is already taken, please select another";
						return true;
					}

					else {
						this.invalid_feedback_uname = "";
						return false;
					}
				},
				is_valid_email: function() {
					if (this.$v.email.required == true && this.$v.email.$error) {
						this.invalid_feedback_email = "The email address you entered does not match the valid format.";
						return true;
					}

					else if (this.email_taken == true) {
						this.invalid_feedback_email = "This email address is already taken";
						return true;
					}

					else {
						this.invalid_feedback_email = "";
						return false;
					}
				},
				is_valid_password: function() {
					if (this.$v.password.required == true && this.$v.password.$error) {
						this.invalid_feedback_pass = "Password must be between 6 and 20 characters long";
						return true;
					}

					else {
						this.invalid_feedback_pass  = "";
						return false;
					}
				},
				is_valid_password2: function() {	
					if(this.$v.password2.required == true && this.$v.password2.$error) {
						this.invalid_feedback_pass2 = "Passwords do not mutch";
						return true;
					}

					else {
						this.invalid_feedback_pass2 = "";
						return false;
					}
				},
				is_valid_form: function() {
					return (this.$v.$invalid == false && this.tos_agree == true);
				}
			},
			validations: {
				fname: {
					required: VueValids.required,
					min_length: VueValids.minLength(3),
					max_length: VueValids.maxLength(25)
				},
				lname: {
					required: VueValids.required,
					min_length: VueValids.minLength(3),
					max_length: VueValids.maxLength(25)
				},
				uname: {
					required: VueValids.required,
					min_length: VueValids.minLength(3),
					max_length: VueValids.maxLength(25),
					is_alpha_num: cl_uname_valid
				},
				email: {
					required: VueValids.required,
					email: VueValids.email,
					min_length: VueValids.minLength(8),
					max_length: VueValids.maxLength(55)
				},
				password: {
					required: VueValids.required,
					min_length: VueValids.minLength(6),
					max_length: VueValids.maxLength(20)
				},
				password2: {
					required: VueValids.required,
					sameAs: VueValids.sameAs('password')
				}
			},
			methods: {
				submit_form: function(_self = false) {
					_self.preventDefault();

					var _app_ = this;

					$(_self.target).ajaxSubmit({
						url: "https://stockezy.com/native_api/auth/signup",
						type: 'POST',
						dataType: 'json',
						beforeSend: function() {
							_app_.submitting     = true;
							_app_.uname_taken    = false;
							_app_.email_taken    = false;
							_app_.process_failed = false;
						},
						success: function(data) {
							if (data.status == 200) {

								_app_.done = true;

								delay(function() {
									cl_redirect("https://stockezy.com/home");
								}, 1500);
							}
							else if(data.status == 401) {
								_app_.done = true;

								delay(function() {
									cl_redirect("https://stockezy.com/confirm_registration");
								}, 1500);
							}
							else {
								if (data.err_code == "doubling_uname") {
									_app_.uname_taken = true;
								}

								else if(data.err_code == "doubling_email") {
									_app_.email_taken = true;
								}

								else {
									_app_.process_failed = true;
								}
							}
						},
						complete: function() {
							_app_.submitting = false;
						}
					});
				}
			}
		});

		var CLRespassApp = new Vue({
			"el": "#cl-resetpass-vue-app",
			data: {
				email: "",
				submitting: false,
				invalid_feedback_email: "",
				process_failed: false,
				process_succeeded: false,
				unknown_email: false,
			},
			computed: {
				is_valid_email: function() {
					if (this.$v.email.required == true && this.$v.email.$error) {
						this.invalid_feedback_email = "The email address you entered does not match the valid format.";
						return true;
					}

					else if(this.unknown_email == true) {
						this.invalid_feedback_email = "We can not find an account with this email address!";
						return true;
					}

					else {
						this.invalid_feedback_email = "";
						return false;
					}
				},
				is_valid_form: function() {
					return (this.$v.$invalid == false);
				}
			},
			validations: {
				email: {
					required: VueValids.required,
					email: VueValids.email,
					min_length: VueValids.minLength(8),
					max_length: VueValids.maxLength(55)
				}
			},
			methods: {
				submit_form: function(_self = false) {
					_self.preventDefault();

					var _app_ = this;

					$(_self.target).ajaxSubmit({
						url: "https://stockezy.com/native_api/auth/resetpass",
						type: 'POST',
						dataType: 'json',
						beforeSend: function() {
							_app_.submitting     = true;
							_app_.process_failed = false;
							_app_.unknown_email  = false;
						},
						success: function(data) {
							if (data.status == 200) {
								_app_.process_succeeded = true;
							}
							else {
								if (data.err_code == "unknown_email") {
									_app_.unknown_email = true;
								}

								else {
									_app_.process_failed = true;
								}
							}
						},
						complete: function() {
							_app_.submitting = false;
						}
					});
				}
			}
		});
	});
</script>


					</div>

					<div data-el="spa-preloader" class="spa-preloader d-none">
						<div class="spa-preloader-inner">
							<span class="spinner-icon">
								<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"><path opacity="0.6" fill="#1ca1f3" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path><path fill="#1ca1f3" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z" transform="rotate(299.57 20 20)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.7s" repeatCount="indefinite"></animateTransform></path></svg>
							</span>
						</div>
					</div>
				</div>

							</div>
		</main>

		
		<input id="csrf-token" type="hidden" class="hidden d-none" value="1613733973:64e0cfdcb9cb9a94dabbe7806d529ae6b808d7d6">

				<div data-app="black-hole"></div>
					<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-44333287-24"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-44333287-24');
</script>
		
			</div>
</body>
</html>

