From 2bf9ba52299722de2793889dd48a94384ecac509 Mon Sep 17 00:00:00 2001
From: James Bate <jbate2002@gmail.com>
Date: Mon, 7 Sep 2015 12:51:15 +0100
Subject: [PATCH] Initial commit of very basic demo page

---
 demo.html | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 demo.html
diff --git a/demo.html b/demo.html
new file mode 100644
index 0000000..f106391
--- /dev/null
+++ b/demo.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Contact Data Services - sample code</title>
+	</head>
+	<body>
+		<form>
+			<label for="country">Country</label>
+			<select name="country">
+				<option value="gbr">UK</option>
+				<option value="usa">USA</option>
+			</select>
+
+			<label for="input">Address</label>
+			<input type="text" name="address-input">
+		</form>
+		<div id="picklist"></div>
+		<div id="formatted-address"></div>
+
+		<script src="src/js/contact-data-services.js"></script>
+		<script>
+			var options = {
+				token: "4f0214b7-b7ec-4096-a19e-502b8046278c",
+				address: {
+					elements: {
+						input: document.querySelector("input[name='address-input']"),
+						country: document.querySelector("select"),
+						picklist: document.querySelector("#picklist"),
+						formattedAddress: document.querySelector("#formatted-address")
+					}
+				}
+			};
+			contactDataServices.init(options);
+		</script>
+	</body>
+</html>
\ No newline at end of file
