error.html

<!DOCTYPE html>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<header class=mdl-layout__header>
		<div class="mdl-layout__header-row">
		  <span class="mdl-layout-title">Error</span>
		</div>
	  </header>
	  
	  <main class="mdl-layout__content">
<html lang="en">
	<head>
        <title>Login Error</title>
		
    </head>
	
	<div class="demo-ribbon"></div>
      <main class="demo-main mdl-layout__content">
        <div class="demo-container mdl-grid">
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
          <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
		  <div style="width:1920px; margin:0 auto;"></div>
            <div class="demo-crumbs mdl-color-text--grey-500">
              Login &gt; Error
            </div>

            <h3>What went wrong?</h3>
              <p>
			  <p style="color: black; font-size: 20px;">
			  Looks like your login was unauthorised! Follow the instructions on how to try again!
              </p>
              
            <h3>What to do next?</h3>
              
              <p>
			  <p style="color: black; font-size: 20px;">
				<a href="/"> Click here to return to login page.</a>
              </p>
              
          </div>
        </div>