Embed

<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
/* Container */
#abc-trial-form-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  padding: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  font-family: 'Inter', sans-serif;
}
/* Title */
#abc-trial-form-container h2 {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  color: #333;
  line-height: 1.2;
  white-space: nowrap;
  overflow-x: auto;
}
/* Form groups */
.abc-trial-form-group {
  margin-bottom: 20px;
}
.abc-trial-form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 1rem;
  color: #555;
  line-height: 1.4;
}
.abc-trial-form-group input,
.abc-trial-form-group select {
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
/* Submit button */
#abc-trial-form-submit {
  width: 100%;
  padding: 14px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background: #007BFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background .3s;
}
#abc-trial-form-submit:hover {
  background: #0056b3;
}
/* Mobile adjustments */
@media (max-width: 600px) {
  #abc-trial-form-container {
    padding: 20px;
    margin: 10px;
  }
  #abc-trial-form-container h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    white-space: nowrap;
  }
  .abc-trial-form-group label {
    font-size: 0.9rem;
  }
  .abc-trial-form-group input,
  .abc-trial-form-group select {
    padding: 14px;
    font-size: 1rem;
  }
  #abc-trial-form-submit {
    padding: 16px;
    font-size: 1rem;
  }
}
</style>
<div id="abc-trial-form-container">
  <h2>Đăng ký học thử miễn phí</h2>
  <form action="https://formsubmit.co/khanhdoan.it@gmail.com" method="POST">
    <input type="hidden" name="_captcha" value="false">
    <input type="hidden" name="_subject" value="Đăng ký học thử ABC Talent">
    <input type="hidden" name="_next" value="https://abctalent.edu.vn/thank-you">

    <div class="abc-trial-form-group">
      <label for="abc-fullName">Họ và tên</label>
      <input type="text" id="abc-fullName" name="Họ và tên" required placeholder="Nhập họ và tên của bạn">
    </div>
    <div class="abc-trial-form-group">
      <label for="abc-phone">Số điện thoại</label>
      <input type="tel" id="abc-phone" name="Số điện thoại" required placeholder="Nhập số điện thoại">
    </div>
    <div class="abc-trial-form-group">
      <label for="abc-course">Chọn bộ môn muốn thử</label>
      <select id="abc-course" name="Bộ môn" required>
        <option value="">-- Chọn bộ môn --</option>
        <option value="Piano">Piano</option>
        <option value="Nhảy">Nhảy</option>
        <option value="Thanh nhạc">Thanh nhạc</option>
        <option value="Mỹ thuật">Mỹ thuật</option>
        <option value="Kỹ năng sống">Kỹ năng sống</option>
      </select>
    </div>
    <div class="abc-trial-form-group">
      <label for="abc-schedule">Thời gian mong muốn</label>
      <input type="text" id="abc-schedule" name="Thời gian mong muốn" required placeholder="VD: Thứ 2, 4, 6 vào 18:00">
    </div>

    <button type="submit" id="abc-trial-form-submit">Gửi đăng ký</button>
  </form>
</div>

ABC Talent

Tại ABC Talent, 'năng khiếu' không phải là điều kiện bắt buộc. Chỉ cần bạn yêu thích, mọi thứ còn lại hãy để thầy cô ABC lo. Ai cũng có thể bắt đầu hành trình nghệ thuật của riêng mình!