<html>
<head>
<link rel="stylesheet" href="styles.css">
<script src="index.pack.js"></script>
</head>
<body>
<form>
<input id="color-hex" type="color" value="#DE606F">
<select id="select-mode">
<option value="" disabled selected>Select Options</option>
</select>
<input id="color-count" type="number" value="6">
<button id="get-color-btn">GET COLOR SCHEME</button>
</form>
<div id="intro">
<h1>COLOR SCHEME</h1>
<div id="intro-instructions">
<h6>Need help combining colors? You came to the right place! With color scheme
you:</h6>
<ol>
<li>Pick a color</li>
<li>Select what type of combination you need</li>
<li>Tell us how many color combination you want</li>
<li>GET COLOR SCHEME!</li>
</ol>
</div>
</div>
<div id="color-scheme"></div>
</body>
</html>