From 053c78b6f3372bd0f416c292a607d00e42411745 Mon Sep 17 00:00:00 2001
From: David Miller <hello@davidmiller.io>
Date: Thu, 3 Jun 2021 17:18:57 -0400
Subject: [PATCH] add in comments for form sections

---
 dist/index.html   |  4 ++++
 src/pug/index.pug | 16 +++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/dist/index.html b/dist/index.html
index 60d8881..ff9c723 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -322,21 +322,25 @@
                     <div class="row align-items-stretch mb-5">
                         <div class="col-md-6">
                             <div class="form-group">
+                                <!-- Name input-->
                                 <input class="form-control" id="name" type="text" placeholder="Your Name *" data-sb-validations="required" />
                                 <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
                             </div>
                             <div class="form-group">
+                                <!-- Email address input-->
                                 <input class="form-control" id="email" type="email" placeholder="Your Email *" data-sb-validations="required,email" />
                                 <div class="invalid-feedback d-none" data-sb-feedback="email:required">An email is required.</div>
                                 <div class="invalid-feedback d-none" data-sb-feedback="email:email">Email is not valid.</div>
                             </div>
                             <div class="form-group mb-md-0">
+                                <!-- Phone number input-->
                                 <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" data-sb-validations="required" />
                                 <div class="invalid-feedback d-none" data-sb-feedback="phone:required">A phone number is required.</div>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group form-group-textarea mb-md-0">
+                                <!-- Message input-->
                                 <textarea class="form-control" id="message" placeholder="Your Message *" data-sb-validations="required"></textarea>
                                 <div class="invalid-feedback d-none" data-sb-feedback="message:required">A message is required.</div>
                             </div>
diff --git a/src/pug/index.pug b/src/pug/index.pug
index 861c82c..1b66c08 100644
--- a/src/pug/index.pug
+++ b/src/pug/index.pug
@@ -291,6 +291,8 @@ html(lang='en')
                     .row.align-items-stretch.mb-5
                         .col-md-6
                             .form-group
+
+                                // Name input
                                 input#name.form-control(
                                     type='text',
                                     placeholder='Your Name *',
@@ -298,7 +300,10 @@ html(lang='en')
                                 )
                                 .invalid-feedback(data-sb-feedback='name:required')
                                     | A name is required.
+
                             .form-group
+
+                                // Email address input
                                 input#email.form-control(
                                     type='email',
                                     placeholder='Your Email *',
@@ -308,7 +313,10 @@ html(lang='en')
                                     | An email is required.
                                 .invalid-feedback.d-none(data-sb-feedback='email:email')
                                     | Email is not valid.
+
                             .form-group.mb-md-0
+
+                                // Phone number input
                                 input#phone.form-control(
                                     type='tel',
                                     placeholder='Your Phone *',
@@ -316,9 +324,15 @@ html(lang='en')
                                 )
                                 .invalid-feedback.d-none(data-sb-feedback='phone:required')
                                     | A phone number is required.
+
                         .col-md-6
                             .form-group.form-group-textarea.mb-md-0
-                                textarea#message.form-control(placeholder='Your Message *', data-sb-validations='required')
+
+                                // Message input
+                                textarea#message.form-control(
+                                    placeholder='Your Message *',
+                                    data-sb-validations='required'
+                                )
                                 .invalid-feedback.d-none(data-sb-feedback='message:required')
                                     | A message is required.