aiforge/templates/user/auth/signin_cloudbrain.tmpl

<style>
.full.height{background-color: #F9F9F9;}
.ui.left:not(.action){ float:none;}
.ui.left{ float:none;}
.ui.secondary.pointing.menu{ border-bottom:none;}
</style>
		{{template "base/alert" .}}

		<div class="ui centered grid">
			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
				<div class="ui bottom aligned two column grid">
          			<div class="column">
						<h2 class="ui header">
							{{.i18n.Tr "auth.login_userpass"}}
						</h2>
					</div>
				</div>

				<div class="ui grid">
                    <div class="column">
						<form class="ui form" action="{{.SignInLink}}" method="post">
						{{.CsrfTokenHtml}}
						<div class="field">
							<div class="ui left icon input {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
								<i class="user icon"></i>
								<input id="user_name" name="user_name" value="{{.user_name}}" placeholder="{{.i18n.Tr "home.uname_holder_cloud_brain"}}" autofocus required>
							</div>
						</div>
						<div class="field">
							<div class="ui left icon input {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
								<i class="lock icon"></i>
								<input id="password" name="password" type="password" value="{{.password}}" placeholder="{{.i18n.Tr "password"}}" autocomplete="off" required>
							</div>
						</div>
						<div class="two fields inline">
							<div class="field">
								<div class="ui checkbox">
									<label>{{.i18n.Tr "auth.remember_me"}}</label>
									<input name="remember" type="checkbox">
								</div>
							</div>
						</div>

						<div class="ui hidden divider"></div>

						<div class="center aligned field">
							<button class="fluid large ui blue button">
								{{.i18n.Tr "sign_in"}}
							</button>
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>