diff --git a/freecodcamp/build-a-survey-form/index.html b/freecodcamp/build-a-survey-form/index.html
new file mode 100644
index 0000000..6d9de89
--- /dev/null
+++ b/freecodcamp/build-a-survey-form/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Cat Owner Survey</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+
+  <body>
+    <div class="container">
+      <h1 id="title">Cat Owner Survey Form</h1>
+      <p id="description">Please fill out this survey about cat ownership</p>
+      <form id="survey-form">
+        <fieldset>
+          <legend>Basic information</legend>
+          <label id="name-label" for="name">Your Name: <input id="name" type="text" placeholder="Tabby Cat" required></label>
+          <label id="email-label" for="email">Your Email: <input id="email" type="email" required placeholder="spots@catmail.com"></label>
+          <label id="number-label" for="number">Your Age in Years: <input id="number" type="number" min="13" max="120" required placeholder="23"></label>
+        </fieldset>
+        <fieldset>
+          <legend>Cat Ownership Information</legend>
+          <label for="dropdown">
+            How experienced are you with owning cats?
+            <select id="dropdown">
+              <option value="">Select one...</option>
+              <option value="1">First time cat owner</option>
+              <option value="2">Heavily researched cat ownership before owning cats</option>
+              <option value="3">I have had one or several cats all of my life</option>
+              </select>
+          </label>
+
+          <p>Your cats are...</p>
+          <label for="indoor"><input id="indoor" name="indoor-outdoor" value="inddor" type="radio" checked> Indoor cats</label>
+          <label for="outdoor"><input id="outdoor" value="outdoor" name="indoor-outdoor" type="radio"> Outdoor cats</label>
+        </fieldset>
+        <fieldset>
+          <legend>Additional Information</legend>
+          <p>How do you learn about your cats? (choose any that apply)</p>
+          <label for="blogs"><input id="blogs" type="checkbox" value="blogs"> Blogs</label>
+          <label for="social-media"><input id="social-media" type="checkbox" value="social-media"> Social Media</label>
+          <label for="in-person"><input id="in-person" type="checkbox" value="in-person">In person</label>
+          <label for="comments">Add feedback or comments here...<textarea id="comments" rows="4" cols="30"></textarea></label>
+        </fieldset>
+        <input id="submit" type="submit" value="Submit">
+      </form>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/freecodcamp/build-a-survey-form/styles.css b/freecodcamp/build-a-survey-form/styles.css
new file mode 100644
index 0000000..b5f981f
--- /dev/null
+++ b/freecodcamp/build-a-survey-form/styles.css
@@ -0,0 +1,80 @@
+body {
+    width: 100%;
+    height: 100vh;
+    margin: 0;
+    background: linear-gradient(#01377D 85%,#009DD1, #97E7F5) no-repeat fixed;
+    color: #F5C400;
+  
+  }
+  
+  form {
+    margin: 0;
+  }
+  
+  .container {
+    min-width: 300px;
+    width: 80%;
+    max-width: 500px;
+    margin: 16px auto;
+    background-color: #0018407F;
+    border-radius: 10px;
+    padding: 48px;
+  }
+  
+  #title, #description {
+    text-align: center;
+  }
+  
+  #description {
+    margin-bottom: -4px;
+  }
+  
+  input {
+    display: block;
+    height: 35px;
+    width: 100%;
+  }
+  
+  input, select, textarea {
+    margin: 8px 0;
+    background-color: #001840;
+    color: #FFFDF0;
+  }
+  
+  input[type="radio"], input[type="checkbox"] {
+    width: unset;
+    display: inline;
+  }
+  
+  fieldset:nth-child(2) label, fieldset:nth-child(3) label {
+    display: block;
+  }
+  
+  fieldset {
+    border: none;
+    border-bottom: 1px solid #000000;
+  }
+  
+  fieldset:last-of-type {
+    border-bottom: none;
+  }
+  
+  textarea {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+  
+  input[type=submit] {
+     background-color: #7ED348;
+     color: #00184D;
+  }
+  
+  
+  input[type="radio"], input[type="checkbox"] {
+    vertical-align: middle;
+    margin-right: 8px;
+  }
+  
+  legend {
+    margin-top: 16px;
+  }
\ No newline at end of file
