Athou_commafeed/src/main/app/templates/welcome.html

<div class="container welcome">
	<div class="row header">
		<div class="pull-left">
			<a>
				<img src="images/logo_2.png"></img>
			</a>
		</div>
		<div class="pull-right tagline">Bloat-free feed reader</div>
		<div class="text-center">
			<a href="#" ng-click="demoLogin()">
				<img src="images/preview.jpg" class="preview" />
				<br />
				<span class="demo">
					Try out the demo
					<br />
					<small>(some features are disabled)</small>
				</span>
			</a>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6" ng-controller="LoginCtrl">
			<div class="well" id="login-panel">
				<h3>Login</h3>
				<span class="feedback">{{message}}</span>
				<form ng-submit="login()">
					<div class="form-group">
						<label for="username">User Name</label>
						<input type="text" name="username" class="form-control" ng-model="model.name"></input>
					</div>
					<div class="form-group">
						<label for="password">Password</label>
						<input type="password" name="password" class="form-control" ng-model="model.password"></input>
					</div>
					<div>
						<input type="submit" class="btn btn-primary" value="Log in" />
						<a class="pull-right">Forgot password?</a>
					</div>
				</form>
			</div>
		</div>
		<div class="col-md-6" ng-controller="RegisterCtrl">
			<div ng-if="ServerService.allowRegistrations">
				<div class="well" id="register-panel">
					<h3>Register</h3>
					<div ng-repeat="message in messages">{{message}}</div>
					<form autocomplete="off" ng-submit="register()">
						<div class="form-group">
							<label>User Name</label>
							<input type="text" class="form-control" ng-model="model.name"></input>
						</div>
						<div class="form-group">
							<label>Password</label>
							<input type="password" class="form-control" ng-model="model.password"></input>
						</div>
						<div class="form-group">
							<label>Email address (used for password recovery only)</label>
							<input type="email" class="form-control" ng-model="model.email"></input>
						</div>
						<div>
							<input type="submit" class="btn btn-primary" value="Register" />
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<hr />
	<div class="footer">
		<div class="row">
			<span>
				&copy;
				<a href="http://www.commafeed.com" target="_blank">CommaFeed</a>
			</span>
			<span>
				- Sources on
				<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>
			</span>
			<span>
				- REST API
				<a href="api" target="_blank">documentation</a>
			</span>
			<span class="pull-right">
				<a href="https://twitter.com/CommaFeed" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @CommaFeed</a>
				<script>
					!function(d, s, id) {
						var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
						if (!d.getElementById(id)) {
							js = d.createElement(s);
							js.id = id;
							js.src = p + '://platform.twitter.com/widgets.js';
							fjs.parentNode.insertBefore(js, fjs);
						}
					}(document, 'script', 'twitter-wjs');
				</script>
			</span>
		</div>
	</div>
</div>