Logo v2.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v2.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Foundations
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid
  • Testimonials
  • Blogs
    Grid List
  • Pricing
  • Team Sections
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • FAQ
  • Lists
  • Comments
  • User Profile
  • Sidebar Nav Examples
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Contact / Footer
  • Contact Sections
  • Footer

Feedback Form Layouts

Component #1

  • Preview
  • HTML

Post a comment

<!-- 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 -->
Copy