Sidebar Login

Markup

<div class="section-heading red">

	<i class="icon icon-brand icon-aaa">
        <svg><use xlink:href="img/spritemap.svg#aaa-logo"></use><svg>
    </i>

	<h2>Header Style Four</h2>


	<!-- Do not implement this link -->
	<a href="/inc/modules/?module=general-titles" class="module-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">General Titles</span>
	</a>
	<!-- Do not implement this link -->

</div><div class="well-block">

	<h3>Login Instructions for Tool Bar element zero.</h3>

	<div class="content-wrap">

		<form action="" class="login-form">

			<div class="form-block">

				<label for="login-username" class="visuallyhidden">Username</label>
				<input type="text" class="form-input" id="login-username" name="login-username" placeholder="username">

			</div>

			<div class="form-block">

				<label for="login-password" class="visuallyhidden">Pasword</label>
				<input type="password" class="form-input" id="login-password" name="login-password" placeholder="password">

			</div>

			<div class="login-form-actions">
				<button type="submit" class="button-link button-link-default alt">Button Two ></button>
				<a href="#" class="forgot-password">forgot password</a>
			</div>
		</form>

	</div>

	<!-- Do not implement this link -->
	<a href="/inc/modules/?module=sidebar-login" class="module-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">Sidebar Login</span>
	</a>
	<!-- Do not implement this link -->

</div>