Feedback Form Layouts

              
                <!-- Post a Comment -->
                <div class="container content-space-1">
                  <!-- Heading -->
                  <div class="w-lg-65 text-center mx-lg-auto mb-7">
                    <h3>Post a comment</h3>
                  </div>
                  <!-- End Heading -->

                  <div class="row justify-content-lg-center">
                    <div class="col-lg-8">
                      <!-- Card -->
                      <div class="card card-lg card-bordered shadow-none">
                        <div class="card-body">
                          <form>
                            <div class="d-grid gap-4">
                              <!-- Form -->
                              <div class="row">
                                <div class="col-sm-6 mb-4 mb-sm-0">
                                  <label class="form-label" for="blogContactsFormFirstName">First name</label>
                                  <input type="text" class="form-control" name="blogContactsFirstName" id="blogContactsFormFirstName" placeholder="Jacob" aria-label="Jacob">
                                </div>

                                <div class="col-sm-6">
                                  <label class="form-label" for="blogContactsFormLasttName">Last name</label>
                                  <input type="text" class="form-control" name="blogContactsLastName" id="blogContactsFormLasttName" placeholder="Williams" aria-label="Williams">
                                </div>
                              </div>
                              <!-- End Form -->

                              <!-- Form -->
                              <span class="d-block">
                                <label class="form-label" for="blogContactsFormEmail">Your email</label>
                                <input type="email" class="form-control" name="blogContactsEmailName" id="blogContactsFormEmail" placeholder="email@site.com" aria-label="email@site.com">
                              </span>
                              <!-- End Form -->

                              <!-- Form -->
                              <span class="d-block">
                                <label class="form-label" for="blogContactsFormComment">Comment</label>
                                <textarea class="form-control" id="blogContactsFormComment" name="blogContactsCommentName" placeholder="Leave your comment here..." aria-label="Leave your comment here..." rows="5"></textarea>
                              </span>
                              <!-- End Form -->

                              <div class="d-grid">
                                <button type="submit" class="btn btn-primary">Submit</button>
                              </div>
                            </div>
                          </form>
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Post a Comment -->