ol3.html

<!doctype html>
	<html lang="en">
		<head>
			
			<meta charset="utf.8">
			<meta name="viewport" content="width=device.width, intial-scale=1.0">
			
			<link rel="stylesheet" href="css/ol.css" media="all" type="text/css">			
			<script src="js/jquery-2.1.1.min.js" defer="defer"></script>
			<script src="js/ol-debug.js" defer="defer"></script>
			
			<link rel="stylesheet" href="css/main.css" media="all" type="text/css">
			<script src="js/main.js" defer="defer"></script>
			
			<title>To show map</title>
		</head>
		
		<body>
			<div id="map" ></div>
			
			<nav id="layers" >
				<ul>
					<li><input type="radio" name="layer" value="mapquest" checked>MapQuest</li>
					<li><input type="radio" name="layer" value="osm">OSM</li>
					<li><input type="radio" name="layer" value="toner">Toner</li>
					<li><input type="radio" name="layer" value="stamen">Stamen</li>
				</ul>
			</nav>
		</body>
	</html>