Different types of alert messages marked up

alerts.html

<div class="alert">
	<p>Looks like you have already signed up using that email address. Would you like to <a href="/account">Sign in instead</a>?</p>
</div>

<div class="alert alert--info">
	<p><strong>Info:</strong> Looks like you have already signed up using that email address. Would you like to <a href="/account">Sign in instead</a>?</p>
</div>

<div class="alert alert--warning">
	<p><strong>Warning:</strong> Looks like you have already signed up using that email address. Would you like to <a href="/account">Sign in instead</a>?</p>
</div>

<div class="alert alert--success">
	<p><strong>Success:</strong> Looks like you have already signed up using that email address. Would you like to <a href="/account">Sign in instead</a>?</p>
</div>

<div class="alert alert--error">
	<p><strong>Error:</strong> Looks like you have already signed up using that email address. Would you like to <a href="/account">Sign in instead</a>?</p>
</div>