diff --git a/html-forms/index.html b/html-forms/index.html
index c7a70a6..7dd420a 100644
--- a/html-forms/index.html
+++ b/html-forms/index.html
@@ -11,8 +11,100 @@
     />
     <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
-
+  
   <body>
-    <main></main>
+    <main>
+      <form>
+        <fieldset>
+          <legend>Shipping Information</legend>
+          <div>
+            <label for="name">Full Name:</label>
+            <input
+              id="name"
+              type="text"
+              name="name"
+              placeholder="Enter your full name"
+            />
+          </div>
+          <div>
+            <label for="location">Zipcode:</label>
+            <input
+              id="location"
+              type="text"
+              name="zipcode"
+              autofocus="on"
+              maxlength="5"
+              required
+            />
+          </div>
+        </fieldset>
+        <div>
+          <label for="form-message">Your message:</label>
+          <textarea
+            id="form-message"
+            name="message"
+            autofocus="on"
+            required
+            maxlength="200"
+            placeholder="How can I help you?"
+          ></textarea>
+        </div>
+        <div>
+          <label for="password">Password:</label>
+          <input id="password" type="password" name="password" minlength="8" />
+        </div>
+        <div>
+          <h2>Favorite Color:</h2>
+          <div>
+            <input id="red" name="color" type="radio" value="red" />
+            <label for="red">Red</label>
+          </div>
+          <div>
+            <input id="blue" name="color" type="radio" value="blue" />
+            <label for="blue">Blue</label>
+          </div>
+          <div>
+            <input id="white" name="color" type="radio" value="white" />
+            <label for="white">White</label>
+          </div>
+        </div>
+        <div>
+          <h2>Choose your monster's features:</h2>
+          <div>
+            <input name="scales" type="checkbox" id="scales" />
+            <label for="scales">Scales</label>
+          </div>
+          <div>
+            <input name="horns" type="checkbox" id="horns" />
+            <label for="horns">Horns</label>
+          </div>
+          <div>
+            <input name="wings" type="checkbox" id="wings" />
+            <label for="wings">Wings</label>
+          </div>
+        </div>
+        <div>
+          <h2>Choose a font:</h2>
+          <select name="fonts" size="1">
+            <option value="arial">Arial</option>
+            <option value="times">Times New Roman</option>
+            <option value="comicsans">Comic Sans</option>
+            <option value="papyrus">Papyrus</option>
+          </select>
+        </div>
+        <div>
+          <label for="phone">Phone #:</label>
+          <input
+            id="phone"
+            type="text"
+            name="phone"
+            pattern="\d{3}[\-]\d{3}[\-]\d{4}"
+            placeholder="xxx-xxx-xxxx"
+          />
+        </div>
+        <button type="submit">Submit</button>
+        <button type="reset">Reset</button>
+      </form>
+    </main>
   </body>
 </html>
diff --git a/intro-to-media-queries/style.css b/intro-to-media-queries/style.css
index e69de29..b0dda93 100644
--- a/intro-to-media-queries/style.css
+++ b/intro-to-media-queries/style.css
@@ -0,0 +1,9 @@
+p {
+  font-size: 14px;
+}
+
+@media all and (min-width: 800px) {
+  p {
+    font-size: 24px;
+  }
+}
