<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="language" content="english">
<meta http-equiv="content-type" content="text/html">
<script src="js/jquery-3.3.1.js" defer="defer"></script>
<script src="js/application.js" defer="defer"></script>
<link href="css/core.css" rel="stylesheet" type="text/css" />
<link href="css/all.css" rel="stylesheet" type="text/css" />
<title>eRecruitment Advertisement Designer</title>
<meta name="author" content="Christian, Andrew, Joshua" />
<meta name="designer" content="Christian, Andrew, Joshua" />
<meta name="publisher" content="UNE HR" />
<meta name="distribution" content="web" />
<meta name="title" content="eRecruitment Advertisment Designer" />
<meta name="reply-to" content="ccaburia@myune.edu.au" />
<meta name="Classification" content="Business" />
<meta name="owner" content="UNE HR" />
<meta name="coverage" content="Business Internal" />
<meta name="city" content="Armidale" />
<meta name="country" content="AUS" />
<meta name="HandheldFriendly" content="false" />
<meta name="apple-mobile-web-app-capable" content="no" />
<meta content="no" name="apple-touch-fullscreen" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="application-name" content="eRecruitment Advertisment Designer" />
<meta name="msapplication-tooltip" content="Launch eRecruitment Advertisment Designer" />
</head>
<body>
<h1>eRecruitment Advertisement Designer Prototype 2</h1>
<a href="prototype3.html">Prototype 3</a>
<div id="wrapper">
<div id="input-div">
<h2 id="input-header">Input</h2>
<div id="input-controls">
<select id="heading-size">
<option value="">Heading</option>
<option value="h1">Heading 1</option>
<option value="h2">Heading 2</option>
<option value="h3">Heading 3</option>
<option value="h4">Heading 4</option>
</select>
</div>
<input id="color-picker" type="color">
<div id="input-textarea" autocomplete="off" contenteditable="true" aria-labelledby="input-header"></div>
</div>
<div id="update-code-div">
<div id="update-code-wrapper">
<button id="update-code"><i class="fas fa-exchange-alt"></i></button>
</div>
</div>
<div id="output-div">
<h2 id="output-header">Ready-to-go output!</h2>
<div id="output-pre" aria-labelledby="output-header">
</div>
</div>
<div id="clearer">
</div>
</div>
</body>
</html>