Untitled



<!DOCTYPE html>
<html>

    <head>
        <title>E-Chat - Online Chat Rooms For Everyone | Free Chat</title>
        <meta name="description" content="E-chat is a chat rooms website, where people talk online with each other on various topics.">

		<!-- facebook tags -->
        <meta property="og:image" content="http://www.e-chat.co/Resources/Icons/Misc/EchatFacebookShareIcon.png"/>
        <meta property="og:title" content="E-Chat - Online Chat Rooms For Everyone | Free Chat"/>
        <meta property="og:description" content="E-chat is a chat rooms website, where people talk online with each other on various topics."/>
        <meta property="og:url" content="http://www.e-chat.co"/>
        <meta property="og:type" content="website"/>

        <link rel="shortcut icon" href="/Resources/Icons/Misc/EchatFavicon.png"/>

        <link rel="stylesheet" href="/styles/website/index.css?v=1523993298832">

        <script src="/scripts/lib/jquery.1.11.1.min.js?v=1523993298832"></script>
        <script src="/scripts/shared/google.analytics.js?v=1523993298832"></script>
        <script src="/scripts/shared/global.utils.js?v=1523993298832"></script>

        <script src="/js/web/authentication.js?v=1523993298832"></script>

        <script>$(document).ready(init);</script>

        <script src='https://www.google.com/recaptcha/api.js'></script>
    </head>

    <body>
    	<div class="container top">
    		<img id="main-logo" src="/Resources/Icons/Misc/EchatLogo.png" alt="Chat rooms logo - E-Chat"/>
    		<h2 class="label">Chat with anyone you want, about anything you want, free.</h2>
    	</div>

        <div class="container mid">
        	<div class="form">
		        <div class="header">
		            <span class="form-title guest">
		                Guest
		            </span>
		            <span class="form-title login">
		                Log in
		            </span>
		            <span class="form-title register">
		                Register
		            </span>

		            <span class="form-switch register">
		            	Sign up
		            </span>
		            <span class="form-switch login">
		            	Log in
		            </span>
		            <span class="form-switch guest">
		            	Guest
		            </span>
		        </div>

		        <div id="wrap-username" class="row">
		            <div>Username:</div>
		            <input type="text"/>
		        </div>

		        <div id="wrap-pass-1" class="row">
		            <div>Password:</div>
		            <input type="password"/>
		        </div>

		        <div id="wrap-pass-2" class="row">
		            <div>Password (enter again):</div>
		            <input type="password"/>
		        </div>

		        <div id="remember-account">
		        	<label>
		        		<input type="checkbox" />
		        		Remember login details
					</label>
		        </div>
	        </div>
			<div class="t-align-center">
				<div class="i-block">
					<!-- TODO: parameterize it! -->
					<div class="g-recaptcha" data-sitekey="6LdXMD0UAAAAAMM7emkkmZI2tQApco5pd9LTYM5E"></div>
				</div>
			</div>

	        <button class="form-submit guest">Chat as guest</button>
	        <button class="form-submit login">Log in</button>
	        <button class="form-submit register">Sign up</button>

	        <div id="form-submit-result"></div>
		</div>

    	<div id="benefits" class="container">
    		<div class="fluid-width">
		        <div>
		            <img src="/Resources/Icons/Misc/registerIconYesTick.png" alt="Chat Benefit Icon"/>
		            <span>Meet new people who share the same interests as you do.</span>
		        </div>

		        <div>
		            <img src="/Resources/Icons/Misc/registerIconYesTick.png" alt="Chat Benefit Icon"/>
		            <span>Make your own chat room with full control over it.</span>
		        </div>

		        <div>
		            <img src="/Resources/Icons/Misc/registerIconYesTick.png" alt="Chat Benefit Icon"/>
		            <span>
		                Add a chat box to another website
		                (<a href="/widget/example">www.e-chat.co/widget/example</a>).
		            </span>
		        </div>

		        <div>
		            <img src="/Resources/Icons/Misc/registerIconYesTick.png" alt="Chat Benefit Icon"/>
		            <span>All chat rooms run very fast, and require no plug-ins (no flash, no java).</span>
		        </div>

		        <div>
		            <img src="/Resources/Icons/Misc/registerIconYesTick.png" alt="Chat Benefit Icon"/>
		            <span>It was, is, and always will be free. Thanks!</span>
		        </div>
	        </div>
    	</div>

    </body>
</html>