diff --git a/readme.md b/readme.md
index ed4805f1..b823236c 100644
--- a/readme.md
+++ b/readme.md
@@ -1,7 +1,7 @@
 # HTML form
 Replace `<your_account>` with your Github username and copy the links to Pull Request description:
-- [DEMO LINK](https://<your_account>.github.io/layout_html-form/)
-- [TEST REPORT LINK](https://<your_account>.github.io/layout_html-form/report/html_report/)
+- [DEMO LINK](https://RendyDm.github.io/layout_html-form/)
+- [TEST REPORT LINK](https://RendyDm.github.io/layout_html-form/report/html_report/)
 
 > Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/#how-to-solve-the-layout-tasks-on-github)
 ___
@@ -40,7 +40,7 @@ Create HTML page with form. On form submit send form data to `https://mate-acade
 - Age should be at least `1` and at max `100` with a default value of `12`
 - The email field should have placeholder value: `email@example.com`.
 - Text fields should have `autocomplete="off"`.
-- `Submit` button should have a `type="submit"` 
+- `Submit` button should have a `type="submit"`
 - Vertical distance between inputs should be `10px`
 - Vertical distance between groups should be `20px`
 - Any other styles should be browser default
diff --git a/src/index.html b/src/index.html
index 3348db1c..03429bac 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,6 +12,175 @@
   </head>
   <body>
     <h1>HTML Form</h1>
+
+    <form action="https://mate-academy-form-lesson.herokuapp.com/create-application"
+    method="post"
+    autocomplete="off"
+    >
+
+      <fieldset class="form-set">
+        <legend>Personal information</legend>
+
+        <label class="form-field">
+          Surname:
+          <input
+          type="name"
+          name="surname"
+          minlength="5"
+          maxlength="12"
+          required
+          tabindex="1"
+          >
+        </label>
+
+        <label class="form-field">
+          Name:
+          <input
+          type="name"
+          name="name"
+          required
+          tabindex="2"
+          >
+        </label>
+
+        <label class="form-field">
+          How old are You?:
+          <input
+           type="number"
+           name="age"
+          min="1"
+          max="100"
+          value="12"
+          required
+          tabindex="3"
+          >
+        </label>
+
+        <label class="form-field">
+          Full data of birth:
+          <input
+          type="data"
+          name="birth"
+          placeholder="mm/dd/yyyy"
+          tabindex="4"
+          required
+          >
+        </label>
+
+        <label for="terms-and-conditions" class="form-field">
+          I accept the term of the agreement
+          <input
+           type="checkbox"
+           name="terms"
+          >
+        </label>
+
+      </fieldset>
+
+      <fieldset class="form-set">
+        <legend>Registration</legend>
+
+        <label class="form-field">
+          Email:
+          <input
+          type="email"
+          name="email"
+          placeholder="email@example.com"
+          tabindex="5"
+          required
+          >
+        </label>
+
+        <label class="form-field">Password:
+          <input
+          type="Password"
+          name="Password"
+          minlength="5"
+          maxlength="12"
+          tabindex="6"
+          required
+          >
+        </label>
+      </fieldset>
+
+      <fieldset class="form-set">
+        <legend>An interesting fact about you?</legend>
+
+        <div class="form-field">
+          <label>Do you love cats?
+            <input
+            type="radio"
+            name="question"
+            >Yes
+            <input
+            type="radio"
+            name="question"
+            >No
+          </label>
+        </div>
+
+        <label class="form-field">
+          What is your favorite color?
+          <input
+           type="color"
+           name="color"
+          value="#000000"
+          >
+        </label>
+
+        <label for="appt" class="form-field"> What time do you go to bed?
+          <input
+          type="time"
+          name="appt"
+          required
+          >
+        </label>
+
+        <div class="form-field">
+          <label> What are your favorite brand of cars?
+            <select name="Cars" multiple>
+              <option>BMW</option>
+              <option>Audi</option>
+              <option>Lada</option>
+            </select>
+          </label>
+        </div>
+
+        <div class="form-field">
+          How do you rate our work?
+          <input type="range"
+          id="volume"
+          name="volume"
+          min="0"
+          max="11"
+          >
+          <label for="volume"></label>
+        </div>
+
+      </fieldset>
+
+      <fieldset class="form-set">
+
+        <legend>Additional info</legend>
+
+        <label class="form-field">
+          Comments:
+          <textarea name="feedback"></textarea>
+        </label>
+
+        <label class="form-field">
+          Would you recommend us?
+          <select name="recommend_us">
+            <option value="yes">Yes</option>
+            <option value="no">No</option>
+          </select>
+        </label>
+
+      </fieldset>
+
+      <button type="submit">Submit</button>
+    </form>
     <script type="text/javascript" src="./main.js"></script>
+
   </body>
 </html>
diff --git a/src/style.css b/src/style.css
index c4301db2..3d05fda0 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1 +1,9 @@
 /* styles go here */
+.form-field {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.form-set {
+  margin-bottom: 20px;
+}
