hugh
/
awesome-select


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!DOCTYPE html>
<head>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">

	<link href="foundation.css" rel="stylesheet"/>
	<link href="scss/app.css" rel="stylesheet"/>
	<link href="scss/dropdown.css" rel="stylesheet"/>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="dropdown.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('select.light').dropdown()

			$('select.dark').dropdown({
				background: "#0f37a9",
				active_background:"#fff",
				placeholder_color: "#97bce0",
				placeholder_active_color: "#0f37a9",
				link_color:"#000"
			})


		})
		
	</script>
</head>

<body>
	<div class="row">
	<div id = "content">
		<div class = "divider">
		<select class="light" data-callback="hello" data-placeholder="Select an option">
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
		</select>
		</div>
		<div class = "divider">
		<select class = "dark" id = "hello_dropdown" data-callback="hello" data-placeholder="Select an option">
			<option value="1">Hello</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
		</select>
		</div>
	</div>
	</div>
</body>