feat: body section layout

Author: JadsonLucena

assets/style/index.css

@@ -110,6 +110,18 @@ main {
                             width: 300px;
                             max-width: calc(100% - 50px);
                         }
+                    main > section > form > div > label > textarea {
+                        margin: 5px 0;
+                        padding: 7px 14px;
+                        border: none;
+                        border-left: 1px solid #aaa;
+                        border-right: 1px solid #aaa;
+                        width: 100%;
+                        height: 250px;
+                        font-size: 14px;
+
+                        border-radius: 5px;
+                    }
             main > section > form > nav {
                 position: absolute;
                 padding: 0 15px;

index.html

@@ -146,7 +146,36 @@
             </form>
 
         </section>
-        <section id="body"></section>
+        <section id="body">
+
+            <details>
+                <summary>Body</summary>
+                <ul>
+                    <li>Use the imperative, present: "change" not "changed" nor "changes"</li>
+                    <li>Describe and justify in detail the change</li>
+                    <li>It should include the motivation and, if possible, a comparison with previous behavior</li>
+                </ul>
+            </details>
+
+            <form>
+
+                <div>
+
+                    <label for="bodyInput">
+                        <textarea name="body" id="bodyInput" minlength="20" placeholder="Add an optional extended description…"></textarea>
+                    </label>
+
+                </div>
+
+                <nav>
+                    <button type="reset" class="previous"><< Previous</button>
+                    <button type="submit" class="finish">Finish</button>
+                    <button type="submit" class="next">Next >></button>
+                </nav>
+
+            </form>
+
+        </section>
         <section id="footer"></section>
         <section id="breakingChange"></section>
         <section id="result"></section>