diff --git a/index.htm b/index.htm
new file mode 100644
index 0000000..624c04e
--- /dev/null
+++ b/index.htm
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Responsive Forms</title>
+	<meta name="description" content="Demonstrating responsive forms using HTML5 and CSS3">
+	<meta name="author" content="Kenneth John Odle">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<link rel="stylesheet" media="screen and (min-width: 801px)" href="styles.css" />
+	<link rel="stylesheet" media="screen and (max-width: 800px)" href="mobile.css" />
+</head>
+<body>
+
+<form>
+
+	<label for="firstname">First Name</label>
+	<input type="text" id="firstname" placeholder="First Name" autofocus>
+
+	<label for="lastname">Last Name</label>
+	<input type="text" id="lastname" placeholder="Last Name">
+
+	<label for="email">Email</label>
+	<input type="email" id="email" placeholder="Email">
+
+	<label for="url">Website</label>
+	<input type="url" id="url" placeholder="Web Address">
+
+	<label for"age">Age</label>
+	<input type="number" id="age" min="13" max="100" step="1" value="18">
+
+<div class="clear"></div>
+
+</form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/mobile.css b/mobile.css
new file mode 100644
index 0000000..824aa39
--- /dev/null
+++ b/mobile.css
@@ -0,0 +1,17 @@
+/* HTML */
+
+form {
+	border-top: solid 10px #ccc;
+	border-bottom: solid 10px #ccc;
+	padding: 2%;
+	margin: 0;
+	width: 96%;
+}
+
+label {
+	width: 100%;
+}
+input {
+	width: 100%;
+	margin-bottom: 10px;
+}
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..c9afd50
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,45 @@
+/* Resets */
+
+form,
+label,
+input {
+	margin: 0;
+	padding: 0;
+}
+
+/* HTML */
+
+form {
+	border: solid 1px #ccc;
+	border-radius: 12px;
+	padding: 10px;
+	margin: 10px auto;
+	width: 500px;
+}
+
+label {
+	float: left;
+	text-align: right;
+	width: 190px;
+	clear: both;
+}
+
+input {
+	float: right;
+	text-align: left;
+	width: 300px;
+	margin-bottom: 3px;
+}
+
+input[type=number] {
+	width: 65px;
+	float: left;
+	margin-left: 6px;
+}
+
+
+/* Special Sections */
+
+.clear {
+	clear: both;
+}
\ No newline at end of file
