index.html

<!DOCTYPE html>
<html>
<head>
	<title>RGB Color Guessing Game</title>
	<link rel="stylesheet" type="text/css" href="RGB.css">
</head>
<body>
	<h1>The Great <br> <span id="rgb">RGB</span> <br> Color GUESSING GAME</h1>
	<!-- to print the message- correct or wrong -->
	<div id="displayBar">
		<button id="reset">NEW COLORS</button>
		<span id="message"></span>
		<button class="mode">EASY</button>
		<button class="mode selected">HARD</button>
	</div>
	<!-- all divs to form the 6 squares -->
	<div id="container">
	    <div class="square"></div>	
            <div class="square"></div>
            <div class="square"></div>
            <div class="square"></div>
            <div class="square"></div>
	    <div class="square"></div>	
	</div>
	<script type="text/javascript" src="RGB.js"></script>
</body>
</html>