<div class="content-wrapper " data-bs-spy="scroll" data-bs-target="#content-nav-scrollspy">
    <form id="form-feedback" class="form-feedback" novalidate>
        <input type="hidden" name="PageName" value="inquiry" />
        <div class="row g-3">
            <div class="col-6">
                <input type="text" name="Customer" placeholder="* Name" class="form-control" aria-label="Name" required />
            </div>
            <div class="col-6">
                <input type="email" name="Email" placeholder="* Email" class="form-control" aria-label="Email" required />
            </div>
            <div class="col-6">
                <input type="text" name="Phone" placeholder="Telephone" class="form-control" aria-label="Telephone" />
            </div>
            <div class="col-6">
                <input type="text" name="Company" placeholder="corporate name" class="form-control" aria-label="corporate name" />
            </div>
            <div class="col-12">
                <textarea name="Content" placeholder="* Message content" cols="20" rows="4" class="form-control" aria-label="Message content" required></textarea>
            </div>
            <div class="col-12">
                <button type="button" class="btn" data-provider="post-message" data-target="msg-inquiry" data-process="Processing..." data-event-name="Online Inquiry" data-event-category="Page">Submit a message</button>
                <div class="feedback-result" id="msg-inquiry"></div>
            </div>
        </div>
    </form>
</div>
.cms_copyright {
  display: none;
}
.content-wrapper {
  max-width: 800px;
  margin: auto;
  padding: 40px;
}

External CSS

  1. https://static.hongcdn.com/css/shared-pc-v5.min.css

External JavaScript

  1. https://static.hongcdn.com/js/shared-v5.min.js