Special patterns and chunks of style for the Sign In page.

Sign In

<div class="fun-form">
	<form id="sign-in-form">
		<div class="field">
			<label for="name">Username:</label>
			<div class="field-input">
				<input
					class="input-text"
					type="text"
					name="name"
					value=""
					autocorrect="off"
					autocapitalize="none"
					autocomplete="username"
				/>
			</div>
		</div>
		<div class="field">
			<label for="password">Password:</label>
			<div class="field-input">
				<input
					class="input-text"
					type="password"
					name="password"
					autocomplete="current-password"
				/>
			</div>
		</div>
		<div class="field field-submit">
			<a class="btn btn-primary btn-shadow" href="">Sign In!</a>
		</div>
	</form>
	<div class="clear"></div>
	<div class="forgot-password-field">
		<a href="#">Not A Member?</a>
		<br />
		<br />
		<a href="#">I Forgot My Password</a>
	</div>
</div>

Forgot Password

Incidentally, if you seem to be forgetting your passwords a lot, you might be interested in knowing there are password managers that store your passwords for you. Here are a few we like:

1Password is a native Macintosh application that is also available for the iPad and iPhone. We use this one.

Lastpass is not only very popular, but it works on Mac or Windows as well as many mobile phones and devices.

Keepass is an open source password manager that also runs on a variety of platforms and devices.

<div class="extra-info">
	<p>
		Incidentally, if you seem to be forgetting your passwords a lot, you might
		be interested in knowing there are password managers that store your
		passwords for you. Here are a few we like:
	</p>
	<p>
		<a href="#"
			><img
				src="https://mltshp-cdn.com/static/images/1password.png"
				class="password-manager-icon"
				width="50"
				height="50"
		/></a>

		<a href="#">1Password is a native Macintosh application</a>
		that is also available for the iPad and iPhone. We use this one.
	</p>
	<p>
		<a href="#"
			><img
				src="https://mltshp-cdn.com/static/images/lastpass.png"
				width="50"
				class="password-manager-icon"
				height="50"
		/></a>

		<a href="#">Lastpass is not only very popular</a>, but it works on Mac or
		Windows as well as many mobile phones and devices.
	</p>
	<p>
		<a href="#"
			><img
				src="https://mltshp-cdn.com/static/images/keepass.png"
				width="50"
				class="password-manager-icon"
				height="50"
		/></a>

		<a href="#">Keepass is an open source password manager</a>
		that also runs on a variety of platforms and devices.
	</p>
</div>